2 'libs/jquery-1.9.1.min'
7 // DocumentElement represents a node from WLXML document rendered inside Canvas
8 var DocumentElement = function(htmlElement) {
9 if(arguments.length === 0)
11 this.$element = $(htmlElement);
12 this.wlxmlTag = this.$element.prop('tagName');
15 $.extend(DocumentElement.prototype, {
16 children: function() {
18 if(this instanceof DocumentTextElement)
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()) === '')
27 if(idx > 0 && element instanceof DocumentTextElement) {
28 if(toret[toret.length-1] instanceof DocumentNodeElement && $.trim($(this).text()) === '')
36 return documentElementFromHTMLElement(this.$element.parent()[0]);
39 sameNode: function(other) {
40 return other && (typeof other === typeof this) && other.$element[0] === this.$element[0];
43 wrapWithNodeElement: function(wlxmlNode) {
44 this.$element.wrap($('<' + wlxmlNode.tag + ' class="' + wlxmlNode.klass + '"">')[0]);
45 return documentElementFromHTMLElement(this.$element.parent().get(0));
48 childIndex: function(child) {
49 var children = this.children(),
51 children.forEach(function(c, idx) {
52 if(c.sameNode(child)) {
61 var DocumentNodeElement = function(htmlElement) {
62 DocumentElement.call(this, htmlElement);
65 var DocumentTextElement = function(htmlElement) {
66 DocumentElement.call(this, htmlElement);
69 DocumentNodeElement.prototype = new DocumentElement();
70 DocumentTextElement.prototype = new DocumentElement();
72 var manipulate = function(e, params, action) {
73 var newElement = DocumentNodeElement.createDOM(params);
74 e.$element[action](newElement);
75 return documentElementFromHTMLElement(newElement);
78 $.extend(DocumentNodeElement.prototype, {
79 append: function(params) {
80 manipulate(this, params, 'append');
82 before: function(params) {
83 manipulate(this, params, 'before');
86 after: function(params) {
87 manipulate(this, params, 'after');
91 DocumentNodeElement.createDOM = function(params) {
94 dom = $(document.createTextNode(params.text));
96 dom = $('<' + params.tag + '>');
98 dom.attr('class', params.klass);
103 $.extend(DocumentTextElement.prototype, {
104 setText: function(text) {
105 this.$element[0].data = text;
107 getText: function() {
108 return this.$element.text();
112 var documentElementFromHTMLElement = function(htmlElement) {
113 if(htmlElement.nodeType === Node.ELEMENT_NODE)
114 return new DocumentNodeElement(htmlElement);
115 if(htmlElement.nodeType === Node.TEXT_NODE)
116 return new DocumentTextElement(htmlElement);
120 wrap: function(htmlElement) {
121 return documentElementFromHTMLElement(htmlElement);
123 DocumentElement: DocumentElement,
124 DocumentNodeElement: DocumentNodeElement,
125 DocumentTextElement: DocumentTextElement