44615f5e1267a2ef3a6c9d90e8501a0de708b7cf
[fnpeditor.git] / src / editor / modules / documentCanvas / canvas / genericElement.js
1 define(function(require) {
2     
3 'use strict';
4
5 var $ = require('libs/jquery'),
6     documentElement = require('./documentElement'),
7     utils = require('./utils'),
8     wlxmlUtils = require('utils/wlxml');
9
10 var labelWidget = function(tag, klass) {
11     return $('<span>')
12         .addClass('canvas-widget canvas-widget-label')
13         .text(wlxmlUtils.getTagLabel(tag) + (klass ? ' / ' + wlxmlUtils.getClassLabel(klass) : ''));
14 };
15 void(labelWidget); // for linters; labelWidget is unused on purpose for now
16
17 var DocumentNodeElement = documentElement.DocumentNodeElement;
18
19 var generic = Object.create(DocumentNodeElement.prototype);
20
21 $.extend(generic, {
22     init: function() {
23         DocumentNodeElement.prototype.init.call(this);
24         this._container()
25             .attr('wlxml-tag', this.wlxmlNode.getTagName());
26         this.setWlxmlClass(this.wlxmlNode.getClass());
27         this.wlxmlNode.contents().forEach(function(node) {
28             this._container().append(this.canvas.createElement(node).dom);
29         }.bind(this));
30         this.refresh();
31     },
32     
33     refresh: function() {
34         if(this.wlxmlNode.getTagName() === 'span') {
35             if(this.containsBlock()) {
36                 this.displayAsBlock();
37             } else {
38                 this.displayInline();
39             }
40         } else {
41             this.displayAsBlock();
42         }
43     },
44
45     getFirst: function(e1, e2) {
46         var idx1 = this.childIndex(e1),
47             idx2 = this.childIndex(e2);
48         if(e1 === null || e2 === null) {
49             return undefined;
50         }
51         return idx1 <= idx2 ? e1: e2;
52     },
53
54     children: function() {
55         var element = this,
56             toret = [];
57         this._container().contents().each(function() {
58             var childElement = element.canvas.getDocumentElement(this);
59             if(childElement === undefined) {
60                 return true;
61             }
62
63             toret.push(childElement);
64         });
65         return toret;
66     },
67
68     getVerticallyFirstTextElement: function() {
69         var toret;
70         this.children().some(function(child) {
71             if(child instanceof documentElement.DocumentTextElement) {
72                 toret = child;
73                 return true; // break
74             } else {
75                 toret = child.getVerticallyFirstTextElement();
76                 if(toret) {
77                     return true; // break
78                 }
79             }
80         });
81         return toret;
82     },
83
84     onNodeAttrChange: function(event) {
85         if(event.meta.attr === 'class') {
86             this.setWlxmlClass(event.meta.newVal); //
87         }
88     },
89     onNodeAdded: function(event) {
90         if(event.meta.node.isRoot()) {
91             this.canvas.reloadRoot();
92             return;
93         }
94
95         var nodeIndex = event.meta.node.getIndex(),
96             referenceElement, referenceAction, actionArg;
97
98         if(nodeIndex === 0) {
99             referenceElement = this;
100             referenceAction = 'prepend';
101         } else {
102             referenceElement = this.children()[nodeIndex-1];
103             referenceAction = 'after';
104         }
105       
106         if(event.meta.move) {
107             /* Let's check if this node had its own canvas element and it's accessible. */
108             actionArg = utils.getElementForElementRootNode(event.meta.node);
109             if(actionArg && actionArg.sameNode(referenceElement)) {
110                 referenceElement = this.children()[nodeIndex];
111             }
112         }
113         if(!actionArg) {
114             actionArg = event.meta.node;
115         }
116
117         referenceElement[referenceAction](actionArg);
118     },
119     onNodeDetached: function(event) {
120         if(event.meta.node.sameNode(this)) {
121             this.detach();
122         } else {
123             this.children().some(function(child) {
124                 if(child.wlxmlNode.sameNode(event.meta.node)) {
125                     child.detach();
126                     return true;
127                 }
128             });
129         }
130     },
131     onNodeTextChange: function(event) {
132         var toSet = event.meta.node.getText();
133         this.children().some(function(child) {
134             if(child.wlxmlNode.sameNode(event.meta.node)) {
135                 if(toSet === '') {
136                     toSet = utils.unicode.ZWS;
137                 }
138                 if(toSet !== child.getText()) {
139                     child.setText(toSet);
140                 }
141                 return true;
142             }
143         });
144     },
145
146
147     ///
148     
149     containsBlock: function() {
150         return this.children()
151             .filter(function(child) {
152                 return child instanceof documentElement.DocumentNodeElement;
153             })
154             .some(function(child) {
155                 if(child.isBlock()) {
156                     return true;
157                 } else {
158                     return child.containsBlock();
159                 }
160             });
161     },
162
163     prepend: function(param) {
164         var element;
165         if(param instanceof documentElement.DocumentElement) {
166             element = param;
167         } else {
168             element = this.canvas.createElement(param);
169         }
170         this._container().prepend(element.dom);
171         this.refreshPath();
172         return element;
173     },
174
175     childIndex: function(child) {
176         var children = this.children(),
177             toret = null;
178         children.forEach(function(c, idx) {
179             if(c.sameNode(child)) {
180                 toret = idx;
181                 return false;
182             }
183         });
184         return toret;
185     },
186
187     getWlxmlClass: function() {
188         var klass = this._container().attr('wlxml-class');
189         if(klass) {
190             return klass.replace(/-/g, '.');
191         }
192         return undefined;
193     },
194     setWlxmlClass: function(klass) {
195         if(klass === this.getWlxmlClass()) {
196             return;
197         }
198         if(klass) {
199             this._container().attr('wlxml-class', klass.replace(/\./g, '-'));
200         }
201         else {
202             this._container().removeAttr('wlxml-class');
203         }
204         this.refreshPath();
205     }
206 });
207
208
209 return generic;
210
211
212
213 });