From 7acbe4ba2c392342ca9a45f62db94ce067d0ec4d Mon Sep 17 00:00:00 2001
From: yflory <yann.flory@xwiki.com>
Date: Wed, 8 Apr 2020 16:16:04 +0200
Subject: [PATCH] Comment plugin

---
 customize.dist/ckeditor-config.js |   2 +-
 www/pad/comment.js                |  87 ++++++++++++++++++++++++++++++
 www/pad/icons/comment.png         | Bin 0 -> 3622 bytes
 www/pad/inner.js                  |   4 ++
 4 files changed, 92 insertions(+), 1 deletion(-)
 create mode 100644 www/pad/comment.js
 create mode 100644 www/pad/icons/comment.png

diff --git a/customize.dist/ckeditor-config.js b/customize.dist/ckeditor-config.js
index 5c4940c52..c55f5fe99 100644
--- a/customize.dist/ckeditor-config.js
+++ b/customize.dist/ckeditor-config.js
@@ -10,7 +10,7 @@ CKEDITOR.editorConfig = function( config ) {
     // document itself and causes problems when it's sent across the wire and reflected back
     config.removePlugins= 'resize,elementspath';
     config.resize_enabled= false; //bottom-bar
-    config.extraPlugins= 'autolink,colorbutton,colordialog,font,indentblock,justify,mediatag,print,blockbase64,mathjax,wordcount';
+    config.extraPlugins= 'autolink,colorbutton,colordialog,font,indentblock,justify,mediatag,print,blockbase64,mathjax,wordcount,comments';
     config.toolbarGroups= [
         // {"name":"clipboard","groups":["clipboard","undo"]},
         //{"name":"editing","groups":["find","selection"]},
diff --git a/www/pad/comment.js b/www/pad/comment.js
new file mode 100644
index 000000000..1bd184139
--- /dev/null
+++ b/www/pad/comment.js
@@ -0,0 +1,87 @@
+(function () {
+
+    function isUnstylable (el) {
+        console.log(el);
+        console.log(el.getAttribute('contentEditable'));
+        console.log(el.getAttribute('data-nostyle'));
+        var b = el.getAttribute( 'contentEditable' ) == 'false' ||
+               el.getAttribute( 'data-nostyle' );
+        console.log(b);
+        return b;
+    }
+
+    CKEDITOR.plugins.add('comments', {
+        //requires: 'dialog,widget',
+        //icons: 'image',
+        //hidpi: true,
+        onLoad: function () {
+
+            /*
+            CKEDITOR.addCss(
+            'media-tag *{' +
+                'width:100%; height:100%;' +
+            '}');
+            */
+        },
+        init: function (editor) {
+            var pluginName = 'comment';
+            var Messages = CKEDITOR._commentsTranslations; // XXX
+            var targetWidget;
+
+            var styles = {};
+
+            var styleDef = {
+                element: 'comment',
+                attributes: {
+                    'data-uid': '#(uid)'
+                },
+                overrides: [ {
+                    element: 'comment'
+                } ],
+                childRule: isUnstylable
+            };
+
+            // Register the command.
+            var removeStyle = new CKEDITOR.style(styleDef, { 'uid': '' });
+            editor.addCommand(pluginName, {
+                exec: function (editor, data) {
+                    if (editor.readOnly) { return; }
+                    editor.focus();
+                    editor.fire('saveSnapshot');
+                    // XXX call cryptpad code here
+                    Object.keys(styles).forEach(function (id) {
+                        editor.removeStyle(styles[id]);
+                    });
+                    var uid = CKEDITOR.tools.getUniqueId();
+                    styles[uid] = new CKEDITOR.style(styleDef, { 'uid': uid });
+                    editor.applyStyle(styles[uid]);
+
+                    //editor.removeStyle(removeStyle); // XXX to remove comment on the selection
+                    //editor.plugins.comments.addComment();
+                    // Save the undo snapshot after all changes are affected.
+                    setTimeout( function() {
+                        editor.fire('saveSnapshot');
+                    }, 0 );
+                }
+            });
+
+
+            // Register the toolbar button.
+            editor.ui.addButton && editor.ui.addButton('UnComment', {
+                label: 'UNCOMMENT',
+                command: 'uncomment',
+                toolbar: 'insert,10'
+            });
+            editor.ui.addButton && editor.ui.addButton('Comment', {
+                label: 'COMMENT',
+                command: pluginName,
+                icon : '/pad/icons/comment.png',
+                toolbar: 'insert,10'
+            });
+        },
+        afterInit: function (editor) {
+            editor.plugins.comments.removeComment = function () {};
+        }
+    });
+
+})();
diff --git a/www/pad/icons/comment.png b/www/pad/icons/comment.png
new file mode 100644
index 0000000000000000000000000000000000000000..02570ded8a4176d5bd96121b5c6b0cb1af1e4cb2
GIT binary patch
literal 3622
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

literal 0
HcmV?d00001

diff --git a/www/pad/inner.js b/www/pad/inner.js
index 632294f43..a5562af91 100644
--- a/www/pad/inner.js
+++ b/www/pad/inner.js
@@ -965,6 +965,7 @@ define([
                 };
                 Ckeditor.plugins.addExternal('mediatag','/pad/', 'mediatag-plugin.js');
                 Ckeditor.plugins.addExternal('blockbase64','/pad/', 'disable-base64.js');
+                Ckeditor.plugins.addExternal('comments','/pad/', 'comment.js');
                 Ckeditor.plugins.addExternal('wordcount','/pad/wordcount/', 'plugin.js');
                 module.ckeditor = editor = Ckeditor.replace('editor1', {
                     customConfig: '/customize/ckeditor-config.js',
@@ -973,6 +974,9 @@ define([
             }).nThen(function () {
                 editor.plugins.mediatag.import = function ($mt) {
                     framework._.sfCommon.importMediaTag($mt);
+                };
+                editor.plugins.comments.addComment = function (uid, cb) {
+                    
                 };
                 Links.addSupportForOpeningLinksInNewTab(Ckeditor)({editor: editor});
             }).nThen(function () {