X-Git-Url: https://git.mdrn.pl/fnpeditor.git/blobdiff_plain/2a473a181f02b0183a6c333619999beaf73c87c0..723ac1f3c7cd74605ea7103d7738daad92772515:/modules/documentCanvas/canvas/documentElement.js?ds=inline diff --git a/modules/documentCanvas/canvas/documentElement.js b/modules/documentCanvas/canvas/documentElement.js index 5457b83..d0adbc0 100644 --- a/modules/documentCanvas/canvas/documentElement.js +++ b/modules/documentCanvas/canvas/documentElement.js @@ -1,18 +1,23 @@ define([ -'libs/jquery-1.9.1.min' -], function($) { +'libs/jquery-1.9.1.min', +'libs/underscore-min' +], function($, _) { 'use strict'; + // DocumentElement represents a node from WLXML document rendered inside Canvas -var DocumentElement = function(htmlElement) { +var DocumentElement = function(htmlElement, canvas) { if(arguments.length === 0) return; + this.canvas = canvas; this.$element = $(htmlElement); - this.wlxmlTag = this.$element.prop('tagName'); -}; +} $.extend(DocumentElement.prototype, { + dom: function() { + return this.$element; + }, children: function() { var toret = []; if(this instanceof DocumentTextElement) @@ -20,20 +25,21 @@ $.extend(DocumentElement.prototype, { var elementContent = this.$element.contents(); + var element = this; elementContent.each(function(idx) { - var element = documentElementFromHTMLElement(this); - if(idx === 0 && elementContent.length > 1 && elementContent[1].nodeType === Node.ELEMENT_NODE && (element instanceof DocumentTextElement) && $.trim($(this).text()) === '') + var childElement = documentElementFromHTMLElement(this, element.canvas); + if(idx === 0 && elementContent.length > 1 && elementContent[1].nodeType === Node.ELEMENT_NODE && (childElement instanceof DocumentTextElement) && $.trim($(this).text()) === '') return true; - if(idx > 0 && element instanceof DocumentTextElement) { + if(idx > 0 && childElement instanceof DocumentTextElement) { if(toret[toret.length-1] instanceof DocumentNodeElement && $.trim($(this).text()) === '') return true; } - toret.push(element); + toret.push(childElement); }); return toret; }, parent: function() { - return documentElementFromHTMLElement(this.$element.parent()[0]); + return documentElementFromHTMLElement(this.$element.parent()[0], this.canvas); }, sameNode: function(other) { @@ -41,8 +47,10 @@ $.extend(DocumentElement.prototype, { }, wrapWithNodeElement: function(wlxmlNode) { - this.$element.wrap($('<' + wlxmlNode.tag + ' class="' + wlxmlNode.klass + '"">')[0]); - return documentElementFromHTMLElement(this.$element.parent().get(0)); + var wrapper = DocumentNodeElement.create({tag: wlxmlNode.tag, klass: wlxmlNode.klass}); + this.$element.replaceWith(wrapper.dom()); + wrapper.append(this); + return wrapper; }, childIndex: function(child) { @@ -55,55 +63,191 @@ $.extend(DocumentElement.prototype, { } }); return toret; + }, + + detach: function() { + this.$element.detach(); + this.canvas = null; } }); -var DocumentNodeElement = function(htmlElement) { - DocumentElement.call(this, htmlElement); + +var DocumentNodeElement = function(htmlElement, canvas) { + DocumentElement.call(this, htmlElement, canvas); }; -var DocumentTextElement = function(htmlElement) { - DocumentElement.call(this, htmlElement); +var DocumentTextElement = function(htmlElement, canvas) { + DocumentElement.call(this, htmlElement, canvas); }; DocumentNodeElement.prototype = new DocumentElement(); DocumentTextElement.prototype = new DocumentElement(); +var manipulate = function(e, params, action) { + var dom; + if(params instanceof DocumentElement) { + dom = params.dom() + } else { + dom = DocumentNodeElement.createDOM(params); + } + e.$element[action](dom); + return documentElementFromHTMLElement(dom); +}; + $.extend(DocumentNodeElement.prototype, { append: function(params) { - var to_append = DocumentNodeElement.createDOM(params.tag, params.klass); - this.$element.append(to_append); - return documentElementFromHTMLElement(to_append); + manipulate(this, params, 'append'); }, before: function(params) { - var to_append = DocumentNodeElement.createDOM(params.tag, params.klass); - this.$element.before(to_append); - return documentElementFromHTMLElement(to_append); + manipulate(this, params, 'before'); + }, after: function(params) { - var to_append = DocumentNodeElement.createDOM(params.tag, params.klass); - this.$element.after(to_append); - return documentElementFromHTMLElement(to_append); + manipulate(this, params, 'after'); + }, + getWlxmlTag: function() { + return this.$element.attr('wlxml-tag'); + }, + setWlxmlTag: function(tag) { + this.$element.attr('wlxml-tag', tag); + }, + getWlxmlClass: function() { + var klass = this.$element.attr('wlxml-class'); + if(klass) + return klass.replace('-', '.'); + return undefined; + }, + setWlxmlClass: function(klass) { + if(klass) + this.$element.attr('wlxml-class', klass); + else + this.$element.removeAttr('wlxml-class'); + }, + is: function(what) { + if(what === 'list' && _.contains(['list-items', 'list-items-enum'], this.$element.attr('wlxml-class'))) + return true; + return false; } }); -DocumentNodeElement.createDOM = function(tag, klass) { - var dom = $('<' + tag + '>'); - if(klass) - dom.attr('class', klass); +DocumentNodeElement.createDOM = function(params) { + var dom; + if(params.text) { + dom = $(document.createTextNode(params.text)); + } else { + dom = $('