Add previewMode settings to code2

www/code2/inner.js

@@ -222,21 +222,19 @@ define([
         ];
 
         var onModeChanged = function (mode) {
-            // TODO
+            var $codeMirror = $('.CodeMirror');
-            return;
-            var $codeMirror = $iframe.find('.CodeMirror');
             window.clearTimeout(APP.previewTo);
             $codeMirror.addClass('transition');
             APP.previewTo = window.setTimeout(function () {
                 $codeMirror.removeClass('transition');
             }, 500);
-            if (mediaTagModes.indexOf(mode) !== -1) {
+            /*if (mediaTagModes.indexOf(mode) !== -1) {
                 APP.$mediaTagButton.show();
-            } else { APP.$mediaTagButton.hide(); }
+            } else { APP.$mediaTagButton.hide(); }*/// TODO
 
             if (mode === "markdown") {
                 APP.$previewButton.show();
-                Cryptpad.getPadAttribute('previewMode', function (e, data) {
+                common.getPadAttribute('previewMode', function (e, data) {
                     if (e) { return void console.error(e); }
                     if (data !== false) {
                         $previewContainer.show();
@@ -323,33 +321,11 @@ define([
             var $forgetPad = common.createButton('forget', true, {}, forgetCb);
             $rightside.append($forgetPad);
 
-            // TODO
+            var $previewButton = APP.$previewButton = common.createButton(null, true);
-            return;
-
-            var fileDialogCfg = {
-                $body: $iframe.find('body'),
-                onSelect: function (href) {
-                    var parsed = Cryptpad.parsePadUrl(href);
-                    var hexFileName = Cryptpad.base64ToHex(parsed.hashData.channel);
-                    var src = '/blob/' + hexFileName.slice(0,2) + '/' + hexFileName;
-                    var mt = '<media-tag src="' + src + '" data-crypto-key="cryptpad:' + parsed.hashData.key + '"></media-tag>';
-                    editor.replaceSelection(mt);
-                },
-                data: APP
-            };
-            APP.$mediaTagButton = $('<button>', {
-                title: Messages.filePickerButton,
-                'class': 'rightside-button fa fa-picture-o',
-                style: 'font-size: 17px'
-            }).click(function () {
-                Cryptpad.createFileDialog(fileDialogCfg);
-            }).appendTo($rightside);
-
-            var $previewButton = APP.$previewButton = Cryptpad.createButton(null, true);
             $previewButton.removeClass('fa-question').addClass('fa-eye');
             $previewButton.attr('title', Messages.previewButtonTitle);
             $previewButton.click(function () {
-                var $codeMirror = $iframe.find('.CodeMirror');
+                var $codeMirror = $('.CodeMirror');
                 window.clearTimeout(APP.previewTo);
                 $codeMirror.addClass('transition');
                 APP.previewTo = window.setTimeout(function () {
@@ -362,14 +338,14 @@ define([
                 if ($previewContainer.is(':visible')) {
                     forceDrawPreview();
                     $codeMirror.removeClass('fullPage');
-                    Cryptpad.setPadAttribute('previewMode', true, function (e) {
+                    $previewButton.addClass('active');
+                    common.setPadAttribute('previewMode', true, function (e) {
                         if (e) { return console.log(e); }
                     });
-                    $previewButton.addClass('active');
                 } else {
                     $codeMirror.addClass('fullPage');
                     $previewButton.removeClass('active');
-                    Cryptpad.setPadAttribute('previewMode', false, function (e) {
+                    common.setPadAttribute('previewMode', false, function (e) {
                         if (e) { return console.log(e); }
                     });
                 }
@@ -384,6 +360,28 @@ define([
             else {
                 CodeMirror.configureTheme();
             }
+            // TODO
+            return;
+
+            var fileDialogCfg = {
+                $body: $iframe.find('body'),
+                onSelect: function (href) {
+                    var parsed = Cryptpad.parsePadUrl(href);
+                    var hexFileName = Cryptpad.base64ToHex(parsed.hashData.channel);
+                    var src = '/blob/' + hexFileName.slice(0,2) + '/' + hexFileName;
+                    var mt = '<media-tag src="' + src + '" data-crypto-key="cryptpad:' + parsed.hashData.key + '"></media-tag>';
+                    editor.replaceSelection(mt);
+                },
+                data: APP
+            };
+            APP.$mediaTagButton = $('<button>', {
+                title: Messages.filePickerButton,
+                'class': 'rightside-button fa fa-picture-o',
+                style: 'font-size: 17px'
+            }).click(function () {
+                Cryptpad.createFileDialog(fileDialogCfg);
+            }).appendTo($rightside);
+
         };
 
         config.onReady = function (info) {
@@ -439,14 +437,13 @@ define([
             }
 
 
-/* TODO RPC
+            common.getPadAttribute('previewMode', function (e, data) {
-            Cryptpad.getPadAttribute('previewMode', function (e, data) {
                 if (e) { return void console.error(e); }
                 if (data === false && APP.$previewButton) {
                     APP.$previewButton.click();
                 }
             });
-*/
+
 
 /*
             // add the splitter

www/common/sframe-common-outer.js

@@ -200,6 +200,21 @@ define([
                 network.sendto(hkn, JSON.stringify(['GET_FULL_HISTORY', secret.channel, secret.keys.validateKey]));
             });
 
+            sframeChan.on('Q_GET_PAD_ATTRIBUTE', function (data, cb) {
+                Cryptpad.getPadAttribute(data.key, function (e, data) {
+                    cb({
+                        error: e,
+                        data: data
+                    });
+                });
+            });
+            sframeChan.on('Q_SET_PAD_ATTRIBUTE', function (data, cb) {
+                Cryptpad.setPadAttribute(data.key, data.value, function (e) {
+                    cb({error:e});
+                });
+            });
+
+
             CpNfOuter.start({
                 sframeChan: sframeChan,
                 channel: secret.channel,

www/common/sframe-common.js

@@ -107,6 +107,22 @@ define([
         ctx.sframeChan.query('Q_GET_FULL_HISTORY', null, cb);
     };
 
+    funcs.getPadAttribute = function (key, cb) {
+        ctx.sframeChan.query('Q_GET_PAD_ATTRIBUTE', {
+            key: key
+        }, function (err, res) {
+            cb (err || res.error, res.data);
+        });
+    };
+    funcs.setPadAttribute = function (key, value, cb) {
+        ctx.sframeChan.query('Q_SET_PAD_ATTRIBUTE', {
+            key: key,
+            value: value
+        }, function (err, data) {
+            cb();
+        });
+    };
+
     // Friends
     var pendingFriends = [];
     funcs.getPendingFriends = function () {

www/common/sframe-protocol.js

@@ -84,4 +84,8 @@ define({
 
     // Send the new settings to the inner iframe when they are changed in the proxy
     'EV_SETTINGS_UPDATE': true,
+
+    // Get and set pad attributes stored in the drive from the inner iframe
+    'Q_GET_PAD_ATTRIBUTE': true,
+    'Q_SET_PAD_ATTRIBUTE': true,
 });

www/common/userObject.js

@@ -146,6 +146,7 @@ define([
             if (!attr || !attr.trim()) { return void cb("E_INVAL_ATTR"); }
             var data = getFileData(id);
             data[attr] = value;
+            cb(null);
         };
 
         // PATHS