11a874a40105eba86d1781e0ec7219cd63242885
[fnpeditor.git] / src / editor / modules / documentCanvas / commands.js
1 define([
2 './canvas/utils'
3 ], function(utils) {
4     
5 'use strict';
6
7
8 var gridToggled = false;
9
10 var commands = {
11     _cmds: {},
12     register: function(name, command) {
13         this._cmds[name] = command;
14     },
15
16     run: function(name, params, canvas, user) {
17         return this._cmds[name](canvas, params, user);
18     }
19 };
20
21 commands.register('undo', function(canvas) {
22     var doc = canvas.wlxmlDocument;
23
24     doc.undo();
25 });
26
27 commands.register('redo', function(canvas) {
28     var doc = canvas.wlxmlDocument;
29
30     doc.redo();
31 });
32
33 commands.register('remove-node', function(canvas) {
34     canvas.getCurrentNodeElement().data('wlxmlNode').detach();
35 });
36
37 commands.register('unwrap-node', function(canvas) {
38     var cursor = canvas.getCursor(),
39         selectionStart = cursor.getSelectionStart(),
40         selectionEnd = cursor.getSelectionEnd(),
41         parent1 = selectionStart.element.parent() || undefined,
42         parent2 = selectionEnd.element.parent() || undefined;
43
44     var selectionAnchor = cursor.getSelectionAnchor(),
45         node1 = parent1.data('wlxmlNode'),
46         node2 = parent2.data('wlxmlNode'),
47         doc = node1.document;
48     if(doc.areItemsOfSameList({node1: node1, node2: node2})) {
49         doc.extractItems({item1: node1, item2: node2});
50         canvas.setCurrentElement(selectionAnchor.element, {caretTo: selectionAnchor.offset});
51     } else if(!cursor.isSelecting()) {
52         var nodeToUnwrap = cursor.getPosition().element.data('wlxmlNode'),
53             parentNode = nodeToUnwrap.unwrap();
54         if(parentNode) {
55             canvas.setCurrentElement(utils.findCanvasElement(parentNode));
56         }
57     }
58 });
59
60 commands.register('wrap-node', function(canvas) {
61     var cursor = canvas.getCursor(),
62         selectionStart = cursor.getSelectionStart(),
63         selectionEnd = cursor.getSelectionEnd(),
64         parent1 = selectionStart.element.parent() || undefined,
65         parent2 = selectionEnd.element.parent() || undefined;
66
67     var node1 = parent1.data('wlxmlNode'),
68         node2 = parent2.data('wlxmlNode'),
69         doc = node1.document;
70
71     if(doc.areItemsOfSameList({node1: node1, node2: node2})) {
72         doc.createList({node1: node1, node2: node2});
73     }
74 });
75
76 commands.register('list', function(canvas, params) {
77     void(params);
78     var cursor = canvas.getCursor(),
79         selectionStart = cursor.getSelectionStart(),
80         selectionEnd = cursor.getSelectionEnd(),
81         parent1 = selectionStart.element.parent() || undefined,
82         parent2 = selectionEnd.element.parent() || undefined;
83
84     var selectionFocus = cursor.getSelectionFocus();
85
86     if(selectionStart.element.isInsideList() || selectionEnd.element.isInsideList()) {
87         return;
88     }
89
90     var node1 = parent1.data('wlxmlNode'),
91         node2 = parent2.data('wlxmlNode'),
92         doc = node1.document;
93     
94     doc.createList({node1: node1, node2: node2});
95     canvas.setCurrentElement(selectionFocus.element, {caretTo: selectionFocus.offset});
96 });
97
98 commands.register('toggle-grid', function(canvas, params) {
99     canvas.doc().dom().parent().toggleClass('grid-on', params.toggle);
100     gridToggled = params.toggle;
101 });
102
103 commands.register('newNodeRequested', function(canvas, params, user) {
104     var cursor = canvas.getCursor(),
105         selectionStart = cursor.getSelectionStart(),
106         selectionEnd = cursor.getSelectionEnd(),
107         wlxmlNode, caretTo, wrapper, wrapperCanvasElement;
108
109     var insertNode = function(insertion) {
110         var doc = canvas.wlxmlDocument,
111             node, metadata, creator, currentDate, dt;
112
113         var pad = function(number) {
114             if(number < 10) {
115                 number = '0' + number;
116             }
117             return number;
118         };
119
120         doc.startTransaction();
121         node = insertion();
122         if(node.getTagName() === 'aside' && node.getClass() === 'comment') {
123             if(user) {
124                 creator = user.name;
125                 if(user.email) {
126                     creator += ' (' + user.email + ')';
127                 }
128             } else {
129                 creator = 'anonymous';
130             }
131
132             currentDate = new Date();
133             dt = pad(currentDate.getDate()) + '-' +
134                             pad((currentDate.getMonth() + 1))  + '-' +
135                             pad(currentDate.getFullYear()) + ' ' +
136                             pad(currentDate.getHours()) + ':' +
137                             pad(currentDate.getMinutes()) + ':' +
138                             pad(currentDate.getSeconds());
139
140             metadata = node.getMetadata();
141             metadata.add({key: 'creator', value: creator});
142             metadata.add({key: 'date', value: dt});
143         }
144         doc.endTransaction();
145         return node;
146     };
147
148
149     if(cursor.isSelecting()) {
150         if(cursor.isSelectingSiblings()) {
151             if(cursor.isSelectingWithinElement()) {
152                 wlxmlNode = selectionStart.element.data('wlxmlNode');
153                 caretTo = selectionStart.offset < selectionEnd.offset ? 'start' : 'end';
154
155                 wrapper = insertNode(function() {
156                     return wlxmlNode.wrapWith({tagName: params.wlxmlTag, attrs: {'class': params.wlxmlClass}, start: selectionStart.offset, end: selectionEnd.offset});
157                 });
158                 wrapperCanvasElement = utils.findCanvasElement(wrapper);
159                 canvas.setCurrentElement(wrapperCanvasElement.children()[0], {caretTo: caretTo});
160             }
161             else {
162                 wlxmlNode = selectionStart.element.data('wlxmlNode').parent();
163                 caretTo = selectionStart.element.sameNode(cursor.getSelectionAnchor().element) ? 'end' : 'start';
164
165                 wrapper = insertNode(function() {
166                     return wlxmlNode.wrapText({
167                         _with: {tagName: params.wlxmlTag, attrs: {'class': params.wlxmlClass}},
168                         offsetStart: selectionStart.offset,
169                         offsetEnd: selectionEnd.offset,
170                         textNodeIdx: [wlxmlNode.indexOf(selectionStart.element.data('wlxmlNode')), wlxmlNode.indexOf(selectionEnd.element.data('wlxmlNode'))] //parent.childIndex(selectionEnd.element)]
171                     });
172                 });
173                 wrapperCanvasElement = utils.findCanvasElement(wrapper);
174                 canvas.setCurrentElement(wrapperCanvasElement.children()[caretTo === 0 ? 0 : wrapperCanvasElement.children().length - 1], {caretTo: caretTo});
175             }
176         } else {
177             var node1 = selectionStart.element.data('wlxmlNode'),
178                 node2 = selectionEnd.element.data('wlxmlNode'),
179                 siblingParents = canvas.wlxmlDocument.getSiblingParents({node1: node1, node2: node2});
180
181             if(siblingParents) {
182                 insertNode(function() {
183                     return canvas.wlxmlDocument.wrapNodes({
184                         node1: siblingParents.node1,
185                         node2: siblingParents.node2,
186                         _with: {tagName: params.wlxmlTag, attrs: {'class': params.wlxmlClass}}
187                     });
188                 });
189             }
190         }
191     } else if(canvas.getCurrentNodeElement()) {
192         wlxmlNode = canvas.getCurrentNodeElement().data('wlxmlNode');
193         if(params.ctrlKey) {
194             wrapper = insertNode(function() {
195                 return wlxmlNode.wrapWith({tagName: params.wlxmlTag, attrs: {'class': params.wlxmlClass}});
196             });
197         } else {
198             wrapper = insertNode(function() {
199                 var node = wlxmlNode.after({tagName: params.wlxmlTag, attrs: {'class': params.wlxmlClass}});
200                 node.append({text:''});
201                 return node;
202             });
203         }
204         canvas.setCurrentElement(utils.findCanvasElement(wrapper));
205     }
206
207
208 });
209
210 commands.register('footnote', function(canvas, params) {
211     void(params);
212     var cursor = canvas.getCursor(),
213         position = cursor.getPosition(),
214         asideNode, asideElement, node;
215         
216
217     if(cursor.isSelectingWithinElement()) {
218         asideNode = position.element.data('wlxmlNode').wrapWith({tagName: 'aside', attrs:{'class': 'footnote'}, start: cursor.getSelectionStart().offset, end: cursor.getSelectionEnd().offset});
219     } else {
220         node = position.element.data('wlxmlNode');
221         node.document.transaction(function() {
222             asideNode = node.divideWithElementNode({tagName: 'aside', attrs:{'class': 'footnote'}}, {offset: position.offset});
223             asideNode.append({text: ''});
224         });
225     }
226
227     asideElement = utils.findCanvasElement(asideNode);
228     asideElement.toggle(true);
229     canvas.setCurrentElement(asideElement);
230 });
231
232 commands.register('take-away-node', function(canvas) {
233     var position = canvas.getCursor().getPosition(),
234         element = position.element,
235         nodeElement = element ? element.parent() : canvas.getCurrentNodeElement();
236
237     if(!nodeElement || !(nodeElement.parent())) {
238         return;
239     }
240
241     var range = nodeElement.data('wlxmlNode').unwrapContent();
242
243     if(element) {
244         var elementIsFirstChild = nodeElement.childIndex(element);
245         if(element.bound()) {
246             canvas.setCurrentElement(element, {caretTo: position.offset});
247         } else {
248             if(elementIsFirstChild) {
249                 canvas.setCurrentElement(utils.findCanvasElement(range.element1), {caretTo: 'end'});
250             } else {
251                 canvas.setCurrentElement(utils.findCanvasElement(range.element2), {caretTo: 'end'});
252             }
253         }
254     } else {
255         canvas.setCurrentElement(utils.findCanvasElement(range.element1), {caretTo: 'start'});
256     }
257
258 });
259
260
261 return {
262     run: function(name, params, canvas, user) {
263         return commands.run(name, params, canvas, user);
264     }
265 };
266
267 });