Handle disconnection in forms and disable offline mode

www/form/app-form.less

@@ -37,6 +37,31 @@
         }
     }
 
+    &.cp-readonly {
+        .cp-form-creator-inline-add {
+            display: none;
+        }
+        .cp-form-creator-add-full {
+            display: none !important;
+        }
+        .cp-form-edit-buttons-container button {
+            display: none;
+        }
+        .cp-form-edit-save {
+            display: none;
+        }
+        .cp-form-block {
+            cursor: default !important;
+            .cp-form-block-drag-handle {
+                display: none !important;
+            }
+        }
+    }
+
+    #cp-toolbar .cp-toolbar-title-readonly {
+        display: none;
+    }
+
     #cp-app-form-container {
         display: flex;
         flex: 1;

www/form/inner.js

@@ -2358,7 +2358,7 @@ define([
         updateAddInline();
 
         if (editable) {
-            Sortable.create($container[0], {
+            APP.mainSortable = Sortable.create($container[0], {
                 direction: "vertical",
                 filter: "input, button, .CodeMirror, .cp-form-type-sort",
                 preventOnFilter: false,
@@ -2413,6 +2413,23 @@ define([
         var helpMenu = framework._.sfCommon.createHelpMenu(['text', 'pad']);
         $toolbarContainer.after(helpMenu.menu);
 
+        var offlineEl = h('div.alert.alert-danger.cp-burn-after-reading', Messages.disconnected);
+        var oldFilter;
+        framework.onEditableChange(function (editable) {
+            if (editable) {
+                if (APP.mainSortable) { APP.mainSortable.options.filter = oldFilter; }
+                if (!APP.isEditor) { $(offlineEl).remove(); }
+                $body.removeClass('cp-readonly');
+            } else {
+                if (APP.mainSortable) {
+                    oldFilter = APP.mainSortable.options.filter;
+                    APP.mainSortable.options.filter = function () { return true; };
+                }
+                if (!APP.isEditor) { $('.cp-help-container').before(offlineEl); }
+                $body.addClass('cp-readonly');
+            }
+        });
+
         if (!APP.isEditor) {
             framework._.toolbar.alone();
         }

www/form/main.js

@@ -182,7 +182,7 @@ define([
                         validateKey: keys.secondaryValidateKey,
                         owners: [myKeys.edPublic],
                         crypto: crypto,
-                        // XXX Cache
+                        Cache: Utils.Cache
                     };
                     var results = {};
                     config.onError = function (info) {
@@ -346,7 +346,7 @@ define([
         SFCommonO.start({
             addData: addData,
             addRpc: addRpc,
-            cache: true,
+            //cache: true,
             noDrive: true,
             hash: hash,
             href: href,