editor: canvas containers
[fnpeditor.git] / src / wlxml / extensions / list / list.js
1 define(function(require) {
2
3 'use strict';
4
5 var _ = require('libs/underscore'),
6     extension = {document: {transformations: {}, methods: {}}, wlxmlClass: {list: {methods: {}}}};
7
8
9 extension.wlxmlClass.list.methods = {
10     itemIndex: function(listItem) {
11         var toret = -1;
12         this.contents('.item').some(function(item, index) {
13             if(item.sameNode(listItem)) {
14                 toret = index;
15                 return true; // break
16             }
17         });
18         return toret;
19     },
20     getItem: function(index) {
21         return this.contents('.item')[index];
22     }
23 };
24
25 extension.wlxmlClass.list.transformations = {
26     extractAllItems: function() {
27         var contents = this.contents();
28         return this.document.extractItems({item1: contents[0], item2: _.last(contents)});
29     }
30 };
31
32 extension.wlxmlClass.list.transformations = {
33     extractListItems: function() {
34         var contents = this.contents(),
35             first = contents[0],
36             last;
37         if(contents.length) {
38             last = contents[contents.length-1];
39             return this.document.extractItems({
40                 item1: first,
41                 item2: last
42             });
43         } else {
44             this.detach();
45         }
46     }
47 };
48
49 extension.document.methods = {
50     areItemsOfSameList: function(params) {
51         return params.node1.parent().sameNode(params.node2.parent()) && params.node2.parent().is('list');
52     }
53 };
54
55 extension.document.transformations.createList = {
56     impl: function(params) {
57         /* globals Node */
58         var parent = params.node1.parent(),
59             parentContents = parent.contents(),
60             nodeIndexes = [params.node1.getIndex(), params.node2.getIndex()].sort(function(a,b) { return a-b; }),
61             nodesToWrap = [],
62             listClass = params.klass || 'list',
63             listNode = params.node1.document.createDocumentNode({tagName: 'div', attrs: {'class': listClass}}),
64             listPlacePtr = params.node1,
65             node, i;
66         
67         for(i = nodeIndexes[0]; i <= nodeIndexes[1]; i++) {
68             node = parentContents[i];
69             if(node.nodeType === Node.TEXT_NODE) {
70                 node = node.wrapWith({tagName: 'div', attrs: {'class': 'item'}});
71                 if(i === nodeIndexes[0]) {
72                     listPlacePtr = node;
73                 }
74             } else {
75                 node.setClass('item');
76             }
77             nodesToWrap.push(node);
78         }
79
80         var toInsert;
81         if(parent.is('list') && parent.object.itemIndex(nodesToWrap[0]) > 0) { // object api
82             // var prevItem = parent.object.getItem(parent.object.itemIndex(nodesToWrap[0])-1); // object api
83             // prevItem.append(listNode);
84             toInsert = listNode.wrapWith({tagName: 'div', attrs: {'class': 'item'}});
85         } else {
86             //nodesToWrap[0].before(listNode);
87             toInsert = listNode;
88         }
89
90         listPlacePtr.before(toInsert);
91
92         nodesToWrap.forEach(function(node) {
93             listNode.append(node);
94         });
95         return listNode;
96     },
97     getChangeRoot: function() {
98         return this.args[0].node1.parent();
99     },
100     isAllowed: function() {
101         return this.args[0].node1.parent().sameNode(this.args[0].node2.parent());
102     }
103 };
104
105 extension.document.transformations.extractItems = {
106     impl: function(params) {
107         params = _.extend({}, {merge: true}, params);
108         var list = params.item1.parent(),
109             indexes = [params.item1.getIndex(), params.item2.getIndex()].sort(function(a,b) { return a-b;}),
110             precedingItems = [],
111             extractedItems = [],
112             succeedingItems = [],
113             items = list.contents(),
114             listIsNested = list.parent().is('item');
115
116         
117         items.forEach(function(item, idx) {
118             if(idx < indexes[0]) {
119                 precedingItems.push(item);
120             }
121             else if(idx >= indexes[0] && idx <= indexes[1]) {
122                 extractedItems.push(item);
123             }
124             else {
125                 succeedingItems.push(item);
126             }
127         });
128
129         var reference = listIsNested ? list.parent() : list;
130         if(succeedingItems.length === 0) {
131             var reference_orig = reference;
132             extractedItems.forEach(function(item) {
133                 reference.after(item);
134                 reference = item;
135                 if(!listIsNested) {
136                     item.setClass('');
137                 }
138             });
139             if(precedingItems.length === 0) {
140                 reference_orig.detach();
141             }
142         } else if(precedingItems.length === 0) {
143             extractedItems.forEach(function(item) {
144                 reference.before(item);
145                 if(!listIsNested) {
146                     item.setClass('');
147                 }
148             });
149         } else {
150             extractedItems.forEach(function(item) {
151                 reference.after(item);
152                 if(!listIsNested) {
153                     item.setClass('');
154                 }
155                 reference = item;
156             });
157             var secondList = params.item1.document.createDocumentNode({tagName: 'div', attrs: {'class': list.getClass() || 'list'}}),
158                 toAdd = secondList;
159             
160             if(listIsNested) {
161                 toAdd = secondList.wrapWith({tagName: 'div', attrs: {'class':'item'}});
162             }
163             succeedingItems.forEach(function(item) {
164                 secondList.append(item);
165             });
166
167             reference.after(toAdd);
168         }
169         if(!params.merge && listIsNested) {
170             return this.extractItems({item1: extractedItems[0], item2: extractedItems[extractedItems.length-1]});
171         }
172         return extractedItems[0];
173     },
174     isAllowed: function() {
175         var parent = this.args[0].nodel1.parent();
176         return parent.is('list') && parent.sameNode(this.args[0].node2.parent());
177     }
178 };
179
180 return extension;
181
182
183 });