cd94759bed78c4bf5ece65b283e6061c6d008032
[fnpeditor.git] / modules / documentCanvas / canvas / documentElement.js
1 define([
2 'libs/jquery-1.9.1.min'
3 ], function($) {
4     
5 'use strict';
6
7 // DocumentElement represents a node from WLXML document rendered inside Canvas
8 var DocumentElement = function(htmlElement) {
9     if(arguments.length === 0)
10         return;
11     this.$element = $(htmlElement);
12     this.wlxmlTag = this.$element.prop('tagName');
13 };
14
15 $.extend(DocumentElement.prototype, {
16     children: function() {
17         var toret = [];
18         if(this instanceof DocumentTextElement)
19             return toret;
20
21
22         var elementContent = this.$element.contents();
23         elementContent.each(function(idx) {
24             var element = documentElementFromHTMLElement(this);
25             if(idx === 0 && elementContent.length > 1 && elementContent[1].nodeType === Node.ELEMENT_NODE && (element instanceof DocumentTextElement) && $.trim($(this).text()) === '')
26                 return true;
27             if(idx > 0 && element instanceof DocumentTextElement) {
28                 if(toret[toret.length-1] instanceof DocumentNodeElement && $.trim($(this).text()) === '')
29                     return true;
30             }
31             toret.push(element);
32         });
33         return toret;
34     },
35     parent: function() {
36         return documentElementFromHTMLElement(this.$element.parent()[0]);
37     },
38
39     sameNode: function(other) {
40         return other && (typeof other === typeof this) && other.$element[0] === this.$element[0];
41     }
42 });
43
44 var DocumentNodeElement = function(htmlElement) {
45     DocumentElement.call(this, htmlElement);
46 };
47
48 var DocumentTextElement = function(htmlElement) {
49     DocumentElement.call(this, htmlElement);  
50 };
51
52 DocumentNodeElement.prototype = new DocumentElement();
53 DocumentTextElement.prototype = new DocumentElement();
54
55 var documentElementFromHTMLElement = function(htmlElement) {
56     if(htmlElement.nodeType === Node.ELEMENT_NODE)
57         return new DocumentNodeElement(htmlElement);
58     if(htmlElement.nodeType === Node.TEXT_NODE)
59         return new DocumentTextElement(htmlElement);
60 }
61
62 return {
63     wrap: function(htmlElement) {
64         return documentElementFromHTMLElement(htmlElement);
65     },
66     DocumentElement: DocumentElement,
67     DocumentNodeElement: DocumentNodeElement,
68     DocumentTextElement: DocumentTextElement
69 };
70
71 });