8a26ecc6360d221732b12d8c044afe031e633981
[fnpeditor.git] / 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.transaction(function() {
98         doc.createList({node1: node1, node2: node2, klass: params.meta === 'num' ? 'list.enum' : 'list'});
99     }, {
100         success: function() {
101             canvas.setCurrentElement(selectionFocus.element, {caretTo: selectionFocus.offset});
102         }
103     });
104 });
105
106 commands.register('toggle-grid', function(canvas, params) {
107     canvas.doc().dom().parent().toggleClass('grid-on', params.toggle);
108     gridToggled = params.toggle;
109 });
110
111 commands.register('newNodeRequested', function(canvas, params, user) {
112     var cursor = canvas.getCursor(),
113         selectionStart = cursor.getSelectionStart(),
114         selectionEnd = cursor.getSelectionEnd(),
115         wlxmlNode, caretTo, wrapperCanvasElement;
116
117     var insertNode = function(insertion, callback) {
118         var doc = canvas.wlxmlDocument,
119             metadata, creator, dialog;
120
121         var execCallback = function(node) {
122             if(callback) {
123                 callback(node);
124             }
125         };
126
127         if(params.wlxmlTag === 'aside' && params.wlxmlClass === 'comment') {
128             doc.transaction(function() {
129                 var node = insertion();
130                 if(user) {
131                     creator = user.name;
132                     if(user.email) {
133                         creator += ' (' + user.email + ')';
134                     }
135                 } else {
136                     creator = 'anonymous';
137                 }
138
139                 metadata = node.getMetadata();
140                 metadata.add({key: 'creator', value: creator});
141                 metadata.add({key: 'date', value: datetime.currentStrfmt()});
142                 return node;
143             }, {
144                 success: execCallback
145             });
146         } else if(params.wlxmlClass === 'link') {
147             dialog = Dialog.create({
148                 title: gettext('Create link'),
149                 executeButtonText: gettext('Apply'),
150                 cancelButtonText: gettext('Cancel'),
151                 fields: [
152                     {label: gettext('Link'), name: 'href', type: 'input'}
153                 ]
154             });
155             dialog.on('execute', function(event) {
156                 doc.transaction(function() {
157                     var node = insertion();
158                     node.setAttr('href', event.formData.href);
159                     event.success();
160                     return node;
161                 }, {
162                     success: execCallback
163                 });
164             });
165             dialog.show();
166         } else {
167             doc.transaction(function() {
168                 return insertion();
169             }, {success: execCallback});
170         }
171     };
172
173     if(cursor.isSelecting()) {
174         if(cursor.isSelectingSiblings()) {
175             if(cursor.isSelectingWithinElement()) {
176                 wlxmlNode = selectionStart.element.wlxmlNode;
177                 caretTo = selectionStart.offset < selectionEnd.offset ? 'start' : 'end';
178
179                 insertNode(
180                     function() {
181                         return wlxmlNode.wrapWith({tagName: params.wlxmlTag, attrs: {'class': params.wlxmlClass}, start: selectionStart.offset, end: selectionEnd.offset});
182                     },
183                     function(wrapper) {
184                         wrapperCanvasElement = utils.findCanvasElement(wrapper);
185                         canvas.setCurrentElement(wrapperCanvasElement.children()[0], {caretTo: caretTo});
186                     }
187                 );
188             }
189             else {
190                 wlxmlNode = selectionStart.element.wlxmlNode.parent();
191                 caretTo = selectionStart.element.sameNode(cursor.getSelectionAnchor().element) ? 'end' : 'start';
192
193                 insertNode(
194                     function() {
195                         return wlxmlNode.wrapText({
196                             _with: {tagName: params.wlxmlTag, attrs: {'class': params.wlxmlClass}},
197                             offsetStart: selectionStart.offset,
198                             offsetEnd: selectionEnd.offset,
199                             textNodeIdx: [wlxmlNode.indexOf(selectionStart.element.wlxmlNode), wlxmlNode.indexOf(selectionEnd.element.wlxmlNode)] //parent.childIndex(selectionEnd.element)]
200                         });
201                     },
202                     function(wrapper) {
203                         wrapperCanvasElement = utils.findCanvasElement(wrapper);
204                         canvas.setCurrentElement(wrapperCanvasElement.children()[caretTo === 0 ? 0 : wrapperCanvasElement.children().length - 1], {caretTo: caretTo});
205                     }
206                 );
207             }
208         } else {
209             var node1 = selectionStart.element.wlxmlNode,
210                 node2 = selectionEnd.element.wlxmlNode,
211                 siblingParents = canvas.wlxmlDocument.getSiblingParents({node1: node1, node2: node2});
212
213             if(siblingParents) {
214                 insertNode(
215                     function() {
216                         return canvas.wlxmlDocument.wrapNodes({
217                             node1: siblingParents.node1,
218                             node2: siblingParents.node2,
219                             _with: {tagName: params.wlxmlTag, attrs: {'class': params.wlxmlClass}}
220                         });
221                     }
222                 );
223             }
224         }
225     } else if(canvas.getCurrentNodeElement()) {
226         wlxmlNode = canvas.getCurrentNodeElement().wlxmlNode;
227
228         var linkFound = [wlxmlNode].concat(wlxmlNode.parents()).some(function(node) {
229             if(node.getClass() === 'link') {
230                 var dialog = Dialog.create({
231                     title: gettext('Edit link'),
232                     executeButtonText: gettext('Apply'),
233                     cancelButtonText: gettext('Cancel'),
234                     fields: [
235                         {label: gettext('Link'), name: 'href', type: 'input', initialValue: node.getAttr('href')},
236                     ]
237                 });
238                 dialog.on('execute', function(event) {
239                     canvas.wlxmlDocument.transaction(function() {
240                         node.setAttr('href', event.formData.href);
241                         event.success();
242                     });
243                     canvas.wlxmlDocument.endTransaction();
244                 });
245                 dialog.show();
246                 return true;
247             }
248         });
249         if(linkFound) {
250             return;
251         }
252
253         if(params.ctrlKey) {
254             insertNode(
255                 function() {
256                     return wlxmlNode.wrapWith({tagName: params.wlxmlTag, attrs: {'class': params.wlxmlClass}});
257                 },
258                 function(wrapper) {
259                     canvas.setCurrentElement(utils.findCanvasElement(wrapper));
260                 }
261             );
262         } else {
263             insertNode(
264                 function() {
265                     var node = wlxmlNode.after({tagName: params.wlxmlTag, attrs: {'class': params.wlxmlClass}});
266                     node.append({text:''});
267                     return node;
268                 }, function(wrapper) {
269                     canvas.setCurrentElement(utils.findCanvasElement(wrapper));
270                 }
271             );
272         }
273     }
274 });
275
276 commands.register('footnote', function(canvas, params) {
277     void(params);
278     var cursor = canvas.getCursor(),
279         position = cursor.getPosition(),
280         asideNode, asideElement, node;
281         
282
283     if(cursor.isSelectingWithinElement()) {
284         asideNode = position.element.wlxmlNode.wrapWith({tagName: 'aside', attrs:{'class': 'footnote'}, start: cursor.getSelectionStart().offset, end: cursor.getSelectionEnd().offset});
285     } else {
286         node = position.element.wlxmlNode;
287         node.document.transaction(function() {
288             asideNode = node.divideWithElementNode({tagName: 'aside', attrs:{'class': 'footnote'}}, {offset: position.offset});
289             asideNode.append({text: ''});
290         });
291     }
292
293     asideElement = utils.findCanvasElement(asideNode);
294     asideElement.toggle(true);
295     canvas.setCurrentElement(asideElement);
296 });
297
298 commands.register('take-away-node', function(canvas) {
299     var position = canvas.getCursor().getPosition(),
300         element = position.element,
301         nodeElement = element ? element.parent() : canvas.getCurrentNodeElement();
302
303     if(!nodeElement || !(nodeElement.parent())) {
304         return;
305     }
306
307     var range = nodeElement.wlxmlNode.unwrapContent();
308
309     if(element) {
310         var elementIsFirstChild = nodeElement.childIndex(element);
311         if(element.bound()) {
312             canvas.setCurrentElement(element, {caretTo: position.offset});
313         } else {
314             if(elementIsFirstChild) {
315                 canvas.setCurrentElement(utils.findCanvasElement(range.element1), {caretTo: 'end'});
316             } else {
317                 canvas.setCurrentElement(utils.findCanvasElement(range.element2), {caretTo: 'end'});
318             }
319         }
320     } else {
321         canvas.setCurrentElement(utils.findCanvasElement(range.element1), {caretTo: 'start'});
322     }
323
324 });
325
326
327 return {
328     run: function(name, params, canvas, user) {
329         return commands.run(name, params, canvas, user);
330     }
331 };
332
333 });