src/editor/modules/documentCanvas/commands.js

   1 define([
   2 './canvas/utils',
   3 'views/dialog/dialog',
   4 'fnpjs/datetime'
   5 ], function(utils, Dialog, datetime) {
   6
   7 'use strict';
   8 /* globals gettext */
   9
  10
  11 var gridToggled = false;
  12
  13 var commands = {
  14     _cmds: {},
  15     register: function(name, command) {
  16         this._cmds[name] = command;
  17     },
  18
  19     run: function(name, params, canvas, user) {
  20         return this._cmds[name](canvas, params, user);
  21     }
  22 };
  23
  24 commands.register('undo', function(canvas) {
  25     var doc = canvas.wlxmlDocument;
  26
  27     doc.undo();
  28 });
  29
  30 commands.register('redo', function(canvas) {
  31     var doc = canvas.wlxmlDocument;
  32
  33     doc.redo();
  34 });
  35
  36 commands.register('remove-node', function(canvas) {
  37     canvas.getCurrentNodeElement().wlxmlNode.detach();
  38 });
  39
  40 commands.register('unwrap-node', function(canvas) {
  41     var cursor = canvas.getCursor(),
  42         selectionStart = cursor.getSelectionStart(),
  43         selectionEnd = cursor.getSelectionEnd(),
  44         parent1 = selectionStart.element.parent() || undefined,
  45         parent2 = selectionEnd.element.parent() || undefined;
  46
  47     var selectionAnchor = cursor.getSelectionAnchor(),
  48         node1 = parent1.wlxmlNode,
  49         node2 = parent2.wlxmlNode,
  50         doc = node1.document;
  51     if(doc.areItemsOfSameList({node1: node1, node2: node2})) {
  52         doc.extractItems({item1: node1, item2: node2});
  53         canvas.setCurrentElement(selectionAnchor.element, {caretTo: selectionAnchor.offset});
  54     } else if(!cursor.isSelecting()) {
  55         var nodeToUnwrap = cursor.getPosition().element.wlxmlNode,
  56             parentNode = nodeToUnwrap.unwrap();
  57         if(parentNode) {
  58             canvas.setCurrentElement(utils.findCanvasElement(parentNode));
  59         }
  60     }
  61 });
  62
  63 commands.register('wrap-node', function(canvas) {
  64     var cursor = canvas.getCursor(),
  65         selectionStart = cursor.getSelectionStart(),
  66         selectionEnd = cursor.getSelectionEnd(),
  67         parent1 = selectionStart.element.parent() || undefined,
  68         parent2 = selectionEnd.element.parent() || undefined;
  69
  70     var node1 = parent1.wlxmlNode,
  71         node2 = parent2.wlxmlNode,
  72         doc = node1.document;
  73
  74     if(doc.areItemsOfSameList({node1: node1, node2: node2})) {
  75         doc.createList({node1: node1, node2: node2});
  76     }
  77 });
  78
  79 commands.register('list', function(canvas, params) {
  80     void(params);
  81     var cursor = canvas.getCursor(),
  82         selectionStart = cursor.getSelectionStart(),
  83         selectionEnd = cursor.getSelectionEnd(),
  84         parent1 = selectionStart.element.parent() || undefined,
  85         parent2 = selectionEnd.element.parent() || undefined;
  86
  87     var selectionFocus = cursor.getSelectionFocus();
  88
  89     if(selectionStart.element.isInsideList() || selectionEnd.element.isInsideList()) {
  90         return;
  91     }
  92
  93     var node1 = parent1.wlxmlNode,
  94         node2 = parent2.wlxmlNode,
  95         doc = node1.document;
  96
  97     doc.createList({node1: node1, node2: node2});
  98     canvas.setCurrentElement(selectionFocus.element, {caretTo: selectionFocus.offset});
  99 });
 100
 101 commands.register('toggle-grid', function(canvas, params) {
 102     canvas.doc().dom().parent().toggleClass('grid-on', params.toggle);
 103     gridToggled = params.toggle;
 104 });
 105
 106 commands.register('newNodeRequested', function(canvas, params, user) {
 107     var cursor = canvas.getCursor(),
 108         selectionStart = cursor.getSelectionStart(),
 109         selectionEnd = cursor.getSelectionEnd(),
 110         wlxmlNode, caretTo, wrapperCanvasElement;
 111
 112     var insertNode = function(insertion, callback) {
 113         var doc = canvas.wlxmlDocument,
 114             node, metadata, creator, dialog;
 115
 116         var execCallback = function(node) {
 117             if(callback) {
 118                 callback(node);
 119             }
 120         };
 121
 122         if(params.wlxmlTag === 'aside' && params.wlxmlClass === 'comment') {
 123             doc.transaction(function() {
 124                 node = insertion();
 125                 if(user) {
 126                     creator = user.name;
 127                     if(user.email) {
 128                         creator += ' (' + user.email + ')';
 129                     }
 130                 } else {
 131                     creator = 'anonymous';
 132                 }
 133
 134                 metadata = node.getMetadata();
 135                 metadata.add({key: 'creator', value: creator});
 136                 metadata.add({key: 'date', value: datetime.currentStrfmt()});
 137             });
 138             execCallback(node);
 139         } else if(params.wlxmlClass === 'link') {
 140             dialog = Dialog.create({
 141                 title: gettext('Create link'),
 142                 executeButtonText: gettext('Apply'),
 143                 cancelButtonText: gettext('Cancel'),
 144                 fields: [
 145                     {label: gettext('Link'), name: 'href', type: 'input'}
 146                 ]
 147             });
 148             dialog.on('execute', function(event) {
 149                 doc.transaction(function() {
 150                     node = insertion();
 151                     node.setAttr('href', event.formData.href);
 152                     event.success();
 153                 });
 154                 execCallback(node);
 155             });
 156             dialog.show();
 157         } else {
 158             doc.transaction(function() {
 159                 node = insertion();
 160             });
 161             execCallback(node);
 162         }
 163     };
 164
 165     if(cursor.isSelecting()) {
 166         if(cursor.isSelectingSiblings()) {
 167             if(cursor.isSelectingWithinElement()) {
 168                 wlxmlNode = selectionStart.element.wlxmlNode;
 169                 caretTo = selectionStart.offset < selectionEnd.offset ? 'start' : 'end';
 170
 171                 insertNode(
 172                     function() {
 173                         return wlxmlNode.wrapWith({tagName: params.wlxmlTag, attrs: {'class': params.wlxmlClass}, start: selectionStart.offset, end: selectionEnd.offset});
 174                     },
 175                     function(wrapper) {
 176                         wrapperCanvasElement = utils.findCanvasElement(wrapper);
 177                         canvas.setCurrentElement(wrapperCanvasElement.children()[0], {caretTo: caretTo});
 178                     }
 179                 );
 180             }
 181             else {
 182                 wlxmlNode = selectionStart.element.wlxmlNode.parent();
 183                 caretTo = selectionStart.element.sameNode(cursor.getSelectionAnchor().element) ? 'end' : 'start';
 184
 185                 insertNode(
 186                     function() {
 187                         return wlxmlNode.wrapText({
 188                             _with: {tagName: params.wlxmlTag, attrs: {'class': params.wlxmlClass}},
 189                             offsetStart: selectionStart.offset,
 190                             offsetEnd: selectionEnd.offset,
 191                             textNodeIdx: [wlxmlNode.indexOf(selectionStart.element.wlxmlNode), wlxmlNode.indexOf(selectionEnd.element.wlxmlNode)] //parent.childIndex(selectionEnd.element)]
 192                         });
 193                     },
 194                     function(wrapper) {
 195                         wrapperCanvasElement = utils.findCanvasElement(wrapper);
 196                         canvas.setCurrentElement(wrapperCanvasElement.children()[caretTo === 0 ? 0 : wrapperCanvasElement.children().length - 1], {caretTo: caretTo});
 197                     }
 198                 );
 199             }
 200         } else {
 201             var node1 = selectionStart.element.wlxmlNode,
 202                 node2 = selectionEnd.element.wlxmlNode,
 203                 siblingParents = canvas.wlxmlDocument.getSiblingParents({node1: node1, node2: node2});
 204
 205             if(siblingParents) {
 206                 insertNode(
 207                     function() {
 208                         return canvas.wlxmlDocument.wrapNodes({
 209                             node1: siblingParents.node1,
 210                             node2: siblingParents.node2,
 211                             _with: {tagName: params.wlxmlTag, attrs: {'class': params.wlxmlClass}}
 212                         });
 213                     }
 214                 );
 215             }
 216         }
 217     } else if(canvas.getCurrentNodeElement()) {
 218         wlxmlNode = canvas.getCurrentNodeElement().wlxmlNode;
 219
 220         var linkFound = [wlxmlNode].concat(wlxmlNode.parents()).some(function(node) {
 221             if(node.getClass() === 'link') {
 222                 var dialog = Dialog.create({
 223                     title: gettext('Edit link'),
 224                     executeButtonText: gettext('Apply'),
 225                     cancelButtonText: gettext('Cancel'),
 226                     fields: [
 227                         {label: gettext('Link'), name: 'href', type: 'input', initialValue: node.getAttr('href')},
 228                     ]
 229                 });
 230                 dialog.on('execute', function(event) {
 231                     canvas.wlxmlDocument.transaction(function() {
 232                         node.setAttr('href', event.formData.href);
 233                         event.success();
 234                     });
 235                     canvas.wlxmlDocument.endTransaction();
 236                 });
 237                 dialog.show();
 238                 return true;
 239             }
 240         });
 241         if(linkFound) {
 242             return;
 243         }
 244
 245         if(params.ctrlKey) {
 246             insertNode(
 247                 function() {
 248                     return wlxmlNode.wrapWith({tagName: params.wlxmlTag, attrs: {'class': params.wlxmlClass}});
 249                 },
 250                 function(wrapper) {
 251                     canvas.setCurrentElement(utils.findCanvasElement(wrapper));
 252                 }
 253             );
 254         } else {
 255             insertNode(
 256                 function() {
 257                     var node = wlxmlNode.after({tagName: params.wlxmlTag, attrs: {'class': params.wlxmlClass}});
 258                     node.append({text:''});
 259                     return node;
 260                 }, function(wrapper) {
 261                     canvas.setCurrentElement(utils.findCanvasElement(wrapper));
 262                 }
 263             );
 264         }
 265     }
 266 });
 267
 268 commands.register('footnote', function(canvas, params) {
 269     void(params);
 270     var cursor = canvas.getCursor(),
 271         position = cursor.getPosition(),
 272         asideNode, asideElement, node;
 273
 274
 275     if(cursor.isSelectingWithinElement()) {
 276         asideNode = position.element.wlxmlNode.wrapWith({tagName: 'aside', attrs:{'class': 'footnote'}, start: cursor.getSelectionStart().offset, end: cursor.getSelectionEnd().offset});
 277     } else {
 278         node = position.element.wlxmlNode;
 279         node.document.transaction(function() {
 280             asideNode = node.divideWithElementNode({tagName: 'aside', attrs:{'class': 'footnote'}}, {offset: position.offset});
 281             asideNode.append({text: ''});
 282         });
 283     }
 284
 285     asideElement = utils.findCanvasElement(asideNode);
 286     asideElement.toggle(true);
 287     canvas.setCurrentElement(asideElement);
 288 });
 289
 290 commands.register('take-away-node', function(canvas) {
 291     var position = canvas.getCursor().getPosition(),
 292         element = position.element,
 293         nodeElement = element ? element.parent() : canvas.getCurrentNodeElement();
 294
 295     if(!nodeElement || !(nodeElement.parent())) {
 296         return;
 297     }
 298
 299     var range = nodeElement.wlxmlNode.unwrapContent();
 300
 301     if(element) {
 302         var elementIsFirstChild = nodeElement.childIndex(element);
 303         if(element.bound()) {
 304             canvas.setCurrentElement(element, {caretTo: position.offset});
 305         } else {
 306             if(elementIsFirstChild) {
 307                 canvas.setCurrentElement(utils.findCanvasElement(range.element1), {caretTo: 'end'});
 308             } else {
 309                 canvas.setCurrentElement(utils.findCanvasElement(range.element2), {caretTo: 'end'});
 310             }
 311         }
 312     } else {
 313         canvas.setCurrentElement(utils.findCanvasElement(range.element1), {caretTo: 'start'});
 314     }
 315
 316 });
 317
 318
 319 return {
 320     run: function(name, params, canvas, user) {
 321         return commands.run(name, params, canvas, user);
 322     }
 323 };
 324
 325 });