From 84d8615cf19603c9ad93a17c083b35793249ec0e Mon Sep 17 00:00:00 2001
From: yflory <yann.flory@xwiki.com>
Date: Fri, 7 Apr 2017 18:20:03 +0200
Subject: [PATCH 1/2] Save and use templates in pad, code and slides

---
 customize.dist/translations/messages.fr.js |  5 ++
 customize.dist/translations/messages.js    |  5 ++
 www/code/main.js                           | 19 ++++-
 www/common/cryptpad-common.js              | 80 +++++++++++++++++++++-
 www/common/fileObject.js                   |  5 +-
 www/drive/main.js                          |  2 +-
 www/pad/main.js                            | 15 +++-
 www/slide/main.js                          | 20 +++++-
 8 files changed, 145 insertions(+), 6 deletions(-)

diff --git a/customize.dist/translations/messages.fr.js b/customize.dist/translations/messages.fr.js
index edc717b57..431fb16ae 100644
--- a/customize.dist/translations/messages.fr.js
+++ b/customize.dist/translations/messages.fr.js
@@ -75,6 +75,11 @@ define(function () {
     out.newButton = 'Nouveau';
     out.newButtonTitle = 'Créer un nouveau pad';
 
+    out.saveTemplateButton = "Sauver en tant que modèle";
+    out.saveTemplatePrompt = "Choisir un titre pour ce modèle";
+    out.templateSaved = "Modèle enregistré !";
+    out.selectTemplate = "Sélectionner un modèle ou appuyer sur Échap";
+
     out.presentButtonTitle = "Entrer en mode présentation";
     out.presentSuccess = 'Appuyer sur Échap pour quitter le mode présentation';
 
diff --git a/customize.dist/translations/messages.js b/customize.dist/translations/messages.js
index 2af12e044..46691b090 100644
--- a/customize.dist/translations/messages.js
+++ b/customize.dist/translations/messages.js
@@ -77,6 +77,11 @@ define(function () {
     out.newButton = 'New';
     out.newButtonTitle = 'Create a new pad';
 
+    out.saveTemplateButton = "Save as template";
+    out.saveTemplatePrompt = "Choose a title for the template";
+    out.templateSaved = "Template saved!";
+    out.selectTemplate = "Select a template or press escape";
+
     out.presentButtonTitle = "Enter presentation mode";
     out.presentSuccess = 'Hit ESC to exit presentation mode';
 
diff --git a/www/code/main.js b/www/code/main.js
index 8127cb566..227c1e1fa 100644
--- a/www/code/main.js
+++ b/www/code/main.js
@@ -7,13 +7,14 @@ define([
     'json.sortify',
     '/bower_components/chainpad-json-validator/json-ot.js',
     '/common/cryptpad-common.js',
+    '/common/cryptget.js',
     '/common/modes.js',
     '/common/themes.js',
     '/common/visible.js',
     '/common/notify.js',
     '/bower_components/file-saver/FileSaver.min.js',
     '/bower_components/jquery/dist/jquery.min.js',
-], function (Crypto, Realtime, TextPatcher, Toolbar, JSONSortify, JsonOT, Cryptpad, Modes, Themes, Visible, Notify) {
+], function (Crypto, Realtime, TextPatcher, Toolbar, JSONSortify, JsonOT, Cryptpad, Cryptget, Modes, Themes, Visible, Notify) {
     var $ = window.jQuery;
     var saveAs = window.saveAs;
     var Messages = Cryptpad.Messages;
@@ -401,6 +402,17 @@ define([
                     editHash = Cryptpad.getEditHashFromKeys(info.channel, secret.keys);
                 }
 
+                /* save as template */
+                if (!Cryptpad.isTemplate(window.location.href)) {
+                    var templateObj = {
+                        rt: info.realtime,
+                        Crypt: Cryptget,
+                        getTitle: function () { return document.title; }
+                    };
+                    var $templateButton = Cryptpad.createButton('template', true, templateObj);
+                    $rightside.append($templateButton);
+                }
+
                 /* add an export button */
                 var $export = Cryptpad.createButton('export', true, {}, exportText);
                 $rightside.append($export);
@@ -532,6 +544,8 @@ define([
 
                 var userDoc = module.realtime.getUserDoc();
 
+                var isNew = false;
+                if (userDoc === "" || userDoc === "{}") { isNew = true; }
 
                 var newDoc = "";
                 if(userDoc !== "") {
@@ -599,6 +613,9 @@ define([
                         onLocal();
                         module.$userNameButton.click();
                     }
+                    if (isNew) {
+                        Cryptpad.selectTemplate('code', info.realtime, Cryptget);
+                    }
                 });
             };
 
diff --git a/www/common/cryptpad-common.js b/www/common/cryptpad-common.js
index 2e3e1c12c..2f5755ce3 100644
--- a/www/common/cryptpad-common.js
+++ b/www/common/cryptpad-common.js
@@ -505,7 +505,7 @@ define([
     };
 
     var makePad = function (href, title) {
-        var now = ''+new Date();
+        var now = +new Date();
         return {
             href: href,
             atime: now,
@@ -564,6 +564,37 @@ define([
         getStore().addTemplate(href);
     };
 
+    var isTemplate = common.isTemplate = function (href) {
+        var rhref = getRelativeHref(href);
+        var templates = listTemplates();
+        return templates.some(function (t) {
+            return t.href === rhref;
+        });
+    };
+    var selectTemplate = common.selectTemplate = function (type, rt, Crypt) {
+        var $content = $('<div>');
+        $('<b>').text(Messages.selectTemplate).appendTo($content);
+        $('<p>', {id:"selectTemplate"}).appendTo($content);
+        Cryptpad.alert($content.html(), null, true);
+        var $p = $('#selectTemplate');
+        listTemplates(type).forEach(function (t) {
+            $('<a>', {href: t.href, title: t.title}).text(t.title).click(function (e) {
+                e.preventDefault();
+                var parsed = parsePadUrl(t.href);
+                if(!parsed) { throw new Error("Cannot get template hash"); }
+                common.addLoadingScreen(null, true);
+                Crypt.get(parsed.hash, function (err, val) {
+                    if (err) { throw new Error(err); }
+                    var p = parsePadUrl(window.location.href);
+                    Crypt.put(p.hash, val, function (e) {
+                        common.findOKButton().click();
+                        common.removeLoadingScreen();
+                    });
+                });
+            }).appendTo($p);
+        });
+        common.findOKButton().text(Messages.cancelButton);
+    };
 
     // STORAGE
     /* fetch and migrate your pad history from localStorage */
@@ -1069,6 +1100,53 @@ define([
                     }));
                 }
                 break;
+            case 'template':
+                button = $('<button>', {
+                    title: Messages.saveTemplateButton,
+                }).append($('<span>', {'class':'fa fa-bookmark', style: 'font:'+size+' FontAwesome'}));
+                if (data.rt && data.Crypt) {
+                    button.click(function () {
+                        var title = data.getTitle() || document.title;
+                        var todo = function (val) {
+                            if (typeof(val) !== "string") { return; }
+                            var toSave = data.rt.getUserDoc();
+                            if (val.trim()) {
+                                val = val.trim();
+                                title = val;
+                                try {
+                                    var parsed = JSON.parse(toSave);
+                                    var meta;
+                                    if (Array.isArray(parsed) && typeof(parsed[3]) === "object") {
+                                        meta = parsed[3].metadata;
+                                    } else {
+                                        meta = parsed.metadata;
+                                    }
+                                    if (typeof(meta) === "object") {
+                                        meta.title = val;
+                                        meta.defaultTitle = val;
+                                        delete meta.users;
+                                    }
+                                    toSave = JSON.stringify(parsed);
+                                } catch(e) {
+                                    console.error("Parse error while setting the title", e);
+                                }
+                            }
+                            var p = parsePadUrl(window.location.href);
+                            if (!p.type) { return; }
+                            var hash = createRandomHash();
+                            var href = '/' + p.type + '/#' + hash;
+                            data.Crypt.put(hash, toSave, function (e) {
+                                if (e) { throw new Error(e); }
+                                common.addTemplate(makePad(href, title));
+                                whenRealtimeSyncs(getStore().getProxy().info.realtime, function () {
+                                    common.alert(Messages.templateSaved);
+                                });
+                            });
+                        };
+                        common.prompt(Messages.saveTemplatePrompt, title || document.title, todo);
+                    });
+                }
+                break;
             case 'forget':
                 button = $('<button>', {
                     id: 'cryptpad-forget',
diff --git a/www/common/fileObject.js b/www/common/fileObject.js
index 22840cb8c..537ada142 100644
--- a/www/common/fileObject.js
+++ b/www/common/fileObject.js
@@ -999,7 +999,10 @@ define([
         // first, we must add it to FILES_DATA, so the input has to be an fileDAta object
         var addTemplate = exp.addTemplate = function (fileData) {
             if (workgroup) { return; }
-            if (typeof fileData !== "object" || !fileData.href || !fileData.title) { return; }
+            if (typeof fileData !== "object" || !fileData.href || !fileData.title) {
+                console.error("filedata object expected to add a new template");
+                return;
+            }
 
             var href = fileData.href;
             var test = files[FILES_DATA].some(function (o) {
diff --git a/www/drive/main.js b/www/drive/main.js
index 220ee5c11..fc7e3ae42 100644
--- a/www/drive/main.js
+++ b/www/drive/main.js
@@ -219,7 +219,7 @@ define([
 
         // Categories dislayed in the menu
         // _WORKGROUP_ : do not display unsorted
-        var displayedCategories = [ROOT, UNSORTED, TRASH, SEARCH];
+        var displayedCategories = [ROOT, UNSORTED, TRASH, SEARCH, TEMPLATE];
         if (isWorkgroup()) { displayedCategories = [ROOT, TRASH, SEARCH]; }
 
         var lastSelectTime;
diff --git a/www/pad/main.js b/www/pad/main.js
index ef8443685..1170e3008 100644
--- a/www/pad/main.js
+++ b/www/pad/main.js
@@ -10,6 +10,7 @@ define([
     'json.sortify',
     '/bower_components/textpatcher/TextPatcher.js',
     '/common/cryptpad-common.js',
+    '/common/cryptget.js',
     '/common/visible.js',
     '/common/notify.js',
     '/pad/links.js',
@@ -17,7 +18,7 @@ define([
     '/bower_components/diff-dom/diffDOM.js',
     '/bower_components/jquery/dist/jquery.min.js',
 ], function (Crypto, realtimeInput, Hyperjson,
-    Toolbar, Cursor, JsonOT, TypingTest, JSONSortify, TextPatcher, Cryptpad,
+    Toolbar, Cursor, JsonOT, TypingTest, JSONSortify, TextPatcher, Cryptpad, Cryptget,
     Visible, Notify, Links) {
     var $ = window.jQuery;
     var saveAs = window.saveAs;
@@ -616,6 +617,17 @@ define([
                     $rightside.append($collapse);
                 }
 
+                /* save as template */
+                if (!Cryptpad.isTemplate(window.location.href)) {
+                    var templateObj = {
+                        rt: info.realtime,
+                        Crypt: Cryptget,
+                        getTitle: function () { return document.title; }
+                    };
+                    var $templateButton = Cryptpad.createButton('template', true, templateObj);
+                    $rightside.append($templateButton);
+                }
+
                 /* add an export button */
                 var $export = Cryptpad.createButton('export', true, {}, exportFile);
                 $rightside.append($export);
@@ -723,6 +735,7 @@ define([
 
                     editor.focus();
                     if (newPad) {
+                        Cryptpad.selectTemplate('pad', info.realtime, Cryptget);
                         cursor.setToEnd();
                     } else {
                         cursor.setToStart();
diff --git a/www/slide/main.js b/www/slide/main.js
index 45b80e1a9..25c367a85 100644
--- a/www/slide/main.js
+++ b/www/slide/main.js
@@ -7,6 +7,7 @@ define([
     'json.sortify',
     '/bower_components/chainpad-json-validator/json-ot.js',
     '/common/cryptpad-common.js',
+    '/common/cryptget.js',
     '/common/modes.js',
     '/common/themes.js',
     '/common/visible.js',
@@ -14,7 +15,7 @@ define([
     '/slide/slide.js',
     '/bower_components/file-saver/FileSaver.min.js',
     '/bower_components/jquery/dist/jquery.min.js',
-], function (Crypto, Realtime, TextPatcher, Toolbar, JSONSortify, JsonOT, Cryptpad, Modes, Themes, Visible, Notify, Slide) {
+], function (Crypto, Realtime, TextPatcher, Toolbar, JSONSortify, JsonOT, Cryptpad, Cryptget, Modes, Themes, Visible, Notify, Slide) {
     var $ = window.jQuery;
     var saveAs = window.saveAs;
 
@@ -532,6 +533,17 @@ define([
                     editHash = Cryptpad.getEditHashFromKeys(info.channel, secret.keys);
                 }
 
+                /* save as template */
+                if (!Cryptpad.isTemplate(window.location.href)) {
+                    var templateObj = {
+                        rt: info.realtime,
+                        Crypt: Cryptget,
+                        getTitle: function () { return document.title; }
+                    };
+                    var $templateButton = Cryptpad.createButton('template', true, templateObj);
+                    $rightside.append($templateButton);
+                }
+
                 /* add an export button */
                 var $export = Cryptpad.createButton('export', true, {}, exportText);
                 $rightside.append($export);
@@ -720,6 +732,9 @@ define([
 
                 var userDoc = module.realtime.getUserDoc();
 
+                var isNew = false;
+                if (userDoc === "" || userDoc === "{}") { isNew = true; }
+
                 var newDoc = "";
                 if(userDoc !== "") {
                     var hjson = JSON.parse(userDoc);
@@ -792,6 +807,9 @@ define([
                         onLocal();
                         module.$userNameButton.click();
                     }
+                    if (isNew) {
+                        Cryptpad.selectTemplate('slide', info.realtime, Cryptget);
+                    }
                 });
             };
 

From bd16e0f0e7022dd94184f5e7fa7e8613af9cbd69 Mon Sep 17 00:00:00 2001
From: yflory <yann.flory@xwiki.com>
Date: Mon, 10 Apr 2017 14:19:15 +0200
Subject: [PATCH 2/2] Templates in polls and canvas, and ability to disable
 templates

---
 customize.dist/application_config.js |  1 +
 www/common/cryptpad-common.js        | 13 ++++++++++---
 www/drive/main.js                    |  3 ++-
 www/poll/main.js                     | 22 +++++++++++++++++++++-
 www/whiteboard/main.js               | 21 ++++++++++++++++++++-
 5 files changed, 54 insertions(+), 6 deletions(-)

diff --git a/customize.dist/application_config.js b/customize.dist/application_config.js
index 63cc96f18..cb5fdb91b 100644
--- a/customize.dist/application_config.js
+++ b/customize.dist/application_config.js
@@ -30,6 +30,7 @@ define(function() {
         '#FF00C0', // hot pink
         '#800080', // purple
     ];
+    config.enableTemplates = true;
 
     return config;
 });
diff --git a/www/common/cryptpad-common.js b/www/common/cryptpad-common.js
index 2f5755ce3..e7dbc02dc 100644
--- a/www/common/cryptpad-common.js
+++ b/www/common/cryptpad-common.js
@@ -572,12 +572,15 @@ define([
         });
     };
     var selectTemplate = common.selectTemplate = function (type, rt, Crypt) {
+        if (!AppConfig.enableTemplates) { return; }
+        var temps = listTemplates(type);
+        if (temps.length === 0) { return; }
         var $content = $('<div>');
         $('<b>').text(Messages.selectTemplate).appendTo($content);
         $('<p>', {id:"selectTemplate"}).appendTo($content);
         Cryptpad.alert($content.html(), null, true);
         var $p = $('#selectTemplate');
-        listTemplates(type).forEach(function (t) {
+        temps.forEach(function (t, i) {
             $('<a>', {href: t.href, title: t.title}).text(t.title).click(function (e) {
                 e.preventDefault();
                 var parsed = parsePadUrl(t.href);
@@ -592,6 +595,7 @@ define([
                     });
                 });
             }).appendTo($p);
+            if (i !== temps.length) { $('<br>').appendTo($p); }
         });
         common.findOKButton().text(Messages.cancelButton);
     };
@@ -1101,6 +1105,7 @@ define([
                 }
                 break;
             case 'template':
+                if (!AppConfig.enableTemplates) { return; }
                 button = $('<button>', {
                     title: Messages.saveTemplateButton,
                 }).append($('<span>', {'class':'fa fa-bookmark', style: 'font:'+size+' FontAwesome'}));
@@ -1117,8 +1122,10 @@ define([
                                     var parsed = JSON.parse(toSave);
                                     var meta;
                                     if (Array.isArray(parsed) && typeof(parsed[3]) === "object") {
-                                        meta = parsed[3].metadata;
-                                    } else {
+                                        meta = parsed[3].metadata; // pad
+                                    } else if (parsed.info) {
+                                        meta = parsed.info; // poll
+                                    } else {
                                         meta = parsed.metadata;
                                     }
                                     if (typeof(meta) === "object") {
diff --git a/www/drive/main.js b/www/drive/main.js
index fc7e3ae42..61af8305e 100644
--- a/www/drive/main.js
+++ b/www/drive/main.js
@@ -219,7 +219,8 @@ define([
 
         // Categories dislayed in the menu
         // _WORKGROUP_ : do not display unsorted
-        var displayedCategories = [ROOT, UNSORTED, TRASH, SEARCH, TEMPLATE];
+        var displayedCategories = [ROOT, UNSORTED, TRASH, SEARCH];
+        if (AppConfig.enableTemplates) { displayedCategories.push(TEMPLATE); }
         if (isWorkgroup()) { displayedCategories = [ROOT, TRASH, SEARCH]; }
 
         var lastSelectTime;
diff --git a/www/poll/main.js b/www/poll/main.js
index 23f93acb7..7225bee7f 100644
--- a/www/poll/main.js
+++ b/www/poll/main.js
@@ -3,6 +3,7 @@ define([
     '/bower_components/chainpad-listmap/chainpad-listmap.js',
     '/bower_components/chainpad-crypto/crypto.js',
     '/common/cryptpad-common.js',
+    '/common/cryptget.js',
     '/bower_components/hyperjson/hyperjson.js',
     'render.js',
     '/common/toolbar.js',
@@ -10,7 +11,7 @@ define([
     '/common/notify.js',
     '/bower_components/file-saver/FileSaver.min.js',
     '/bower_components/jquery/dist/jquery.min.js',
-], function (TextPatcher, Listmap, Crypto, Cryptpad, Hyperjson, Renderer, Toolbar, Visible, Notify) {
+], function (TextPatcher, Listmap, Crypto, Cryptpad, Cryptget, Hyperjson, Renderer, Toolbar, Visible, Notify) {
     var $ = window.jQuery;
 
     var Messages = Cryptpad.Messages;
@@ -525,6 +526,11 @@ define([
         debug('userid: %s', userid);
 
         var proxy = APP.proxy;
+
+        var isNew = false;
+        var userDoc = JSON.stringify(proxy);
+        if (userDoc === "" || userDoc === "{}") { isNew = true; }
+
         var uncommitted = APP.uncommitted = {};
         prepareProxy(proxy, copyObject(Render.Example));
         prepareProxy(uncommitted, copyObject(Render.Example));
@@ -676,6 +682,9 @@ define([
                 addToUserData(myData);
                 APP.$userNameButton.click();
             }
+            if (isNew) {
+                Cryptpad.selectTemplate('poll', info.realtime, Cryptget);
+            }
         });
     };
 
@@ -747,6 +756,17 @@ define([
         // set the hash
         if (!readOnly) { Cryptpad.replaceHash(editHash); }
 
+        /* save as template */
+        if (!Cryptpad.isTemplate(window.location.href)) {
+            var templateObj = {
+                rt: info.realtime,
+                Crypt: Cryptget,
+                getTitle: function () { return document.title; }
+            };
+            var $templateButton = Cryptpad.createButton('template', true, templateObj);
+            $rightside.append($templateButton);
+        }
+
         Cryptpad.onDisplayNameChanged(setName);
 
         Cryptpad.getPadTitle(function (err, title) {
diff --git a/www/whiteboard/main.js b/www/whiteboard/main.js
index 7939658f7..6dfdc5f45 100644
--- a/www/whiteboard/main.js
+++ b/www/whiteboard/main.js
@@ -11,13 +11,14 @@ define([
     'json.sortify',
     '/bower_components/chainpad-json-validator/json-ot.js',
     '/common/cryptpad-common.js',
+    '/common/cryptget.js',
     '/common/visible.js',
     '/common/notify.js',
     '/customize/application_config.js',
     '/bower_components/secure-fabric.js/dist/fabric.min.js',
     '/bower_components/jquery/dist/jquery.min.js',
     '/bower_components/file-saver/FileSaver.min.js',
-], function (Config, Realtime, Crypto, Toolbar, TextPatcher, JSONSortify, JsonOT, Cryptpad, Visible, Notify, AppConfig) {
+], function (Config, Realtime, Crypto, Toolbar, TextPatcher, JSONSortify, JsonOT, Cryptpad, Cryptget, Visible, Notify, AppConfig) {
     var saveAs = window.saveAs;
     var Messages = Cryptpad.Messages;
 
@@ -330,6 +331,17 @@ define([
             var $rightside = $bar.find('.' + Toolbar.constants.rightside);
             module.$userNameButton = $($bar.find('.' + Toolbar.constants.changeUsername));
 
+            /* save as template */
+            if (!Cryptpad.isTemplate(window.location.href)) {
+                var templateObj = {
+                    rt: info.realtime,
+                    Crypt: Cryptget,
+                    getTitle: function () { return document.title; }
+                };
+                var $templateButton = Cryptpad.createButton('template', true, templateObj);
+                $rightside.append($templateButton);
+            }
+
             var $export = Cryptpad.createButton('export', true, {}, saveImage);
             $rightside.append($export);
 
@@ -501,6 +513,10 @@ define([
                 realtime: realtime
             });
 
+            var isNew = false;
+            var userDoc = module.realtime.getUserDoc();
+            if (userDoc === "" || userDoc === "{}") { isNew = true; }
+
             Cryptpad.removeLoadingScreen();
             setEditable(true);
             initializing = false;
@@ -531,6 +547,9 @@ define([
                     onLocal();
                     module.$userNameButton.click();
                 }
+                if (isNew) {
+                    Cryptpad.selectTemplate('whiteboard', info.realtime, Cryptget);
+                }
             });
         };