X-Git-Url: https://git.mdrn.pl/fnpeditor.git/blobdiff_plain/0054f55492949c1b2b473a80d7fc170931b0a857..efe36f4f1b5df351eeb4d40a54c3900cf9a7079b:/modules/documentCanvas/canvas/documentElement.js?ds=sidebyside diff --git a/modules/documentCanvas/canvas/documentElement.js b/modules/documentCanvas/canvas/documentElement.js deleted file mode 100644 index 62c6731..0000000 --- a/modules/documentCanvas/canvas/documentElement.js +++ /dev/null @@ -1,213 +0,0 @@ -define([ -'libs/jquery-1.9.1.min' -], function($) { - -'use strict'; - - -// DocumentElement represents a node from WLXML document rendered inside Canvas -var DocumentElement = function(htmlElement, canvas) { - if(arguments.length === 0) - return; - this.canvas = canvas; - this.$element = $(htmlElement); - - var tagNameProp = this.$element.prop('tagName'); - this.wlxmlTag = tagNameProp ? tagNameProp.toLowerCase() : undefined; -}; - -$.extend(DocumentElement.prototype, { - dom: function() { - return this.$element; - }, - children: function() { - var toret = []; - if(this instanceof DocumentTextElement) - return toret; - - - var elementContent = this.$element.contents(); - var element = this; - elementContent.each(function(idx) { - 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 && childElement instanceof DocumentTextElement) { - if(toret[toret.length-1] instanceof DocumentNodeElement && $.trim($(this).text()) === '') - return true; - } - toret.push(childElement); - }); - return toret; - }, - parent: function() { - return documentElementFromHTMLElement(this.$element.parent()[0], this.canvas); - }, - - sameNode: function(other) { - return other && (typeof other === typeof this) && other.$element[0] === this.$element[0]; - }, - - wrapWithNodeElement: function(wlxmlNode) { - this.$element.wrap($('<' + wlxmlNode.tag + ' class="' + wlxmlNode.klass + '"">')[0]); - return documentElementFromHTMLElement(this.$element.parent().get(0), this.canvas); - }, - - childIndex: function(child) { - var children = this.children(), - toret = null; - children.forEach(function(c, idx) { - if(c.sameNode(child)) { - toret = idx; - return false; - } - }); - return toret; - }, - - detach: function() { - this.$element.detach(); - this.canvas = null; - } -}); - - -var DocumentNodeElement = function(htmlElement, canvas) { - DocumentElement.call(this, htmlElement, canvas); -}; - -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) { - manipulate(this, params, 'append'); - }, - before: function(params) { - manipulate(this, params, 'before'); - - }, - after: function(params) { - manipulate(this, params, 'after'); - } -}); - -DocumentNodeElement.createDOM = function(params) { - var dom; - if(params.text) { - dom = $(document.createTextNode(params.text)); - } else { - dom = $('<' + params.tag + '>'); - if(params.klass) - dom.attr('class', params.klass); - } - return dom; -}; - - -DocumentNodeElement.create = function(params, canvas) { - return documentElementFromHTMLElement(DocumentNodeElement.createDOM(params)[0]); -}; - - -$.extend(DocumentTextElement.prototype, { - setText: function(text) { - this.$element[0].data = text; - }, - getText: function() { - return this.$element.text(); - }, - after: function(params) { - if(params instanceof DocumentTextElement || params.text) - return false; - var dom; - if(params instanceof DocumentNodeElement) { - dom = params.dom(); - } else { - dom = DocumentNodeElement.createDOM(params); - } - this.$element.wrap('
'); - this.$element.parent().after(dom[0]); - this.$element.unwrap(); - return documentElementFromHTMLElement(dom[0]); - }, - wrapWithNodeElement: function(wlxmlNode) { - if(wlxmlNode.start && wlxmlNode.end) { - return this.canvas.wrapText({ - inside: this.parent(), - textNodeIdx: this.parent().childIndex(this), - offsetStart: wlxmlNode.start, - offsetEnd: wlxmlNode.end, - _with: {tag: wlxmlNode.tag, klass: wlxmlNode.klass} - }); - } else { - return DocumentElement.prototype.wrapWithNodeElement.call(this, wlxmlNode); - } - }, - split: function(params) { - var parentElement = this.parent(), - myIdx = parentElement.childIndex(this), - myCanvas = this.canvas, - passed = false, - succeedingChildren = [], - thisElement = this, - prefix = this.getText().substr(0, params.offset), - suffix = this.getText().substr(params.offset); - - parentElement.children().forEach(function(child) { - if(passed) - succeedingChildren.push(child); - if(child.sameNode(thisElement)) - passed = true; - }); - - if(prefix.length > 0) - this.setText(prefix); - else - this.remove(); - - var newElement = DocumentNodeElement.create({tag: parentElement.wlxmlTag, klass: parentElement.wlxmlClass}, myCanvas); - parentElement.after(newElement); - - if(suffix.length > 0) - newElement.append({text: suffix}); - succeedingChildren.forEach(function(child) { - newElement.append(child); - }); - } -}); - -var documentElementFromHTMLElement = function(htmlElement, canvas) { - // if(!canvas) - // throw 'no canvas specified'; - if(htmlElement.nodeType === Node.ELEMENT_NODE) - return new DocumentNodeElement(htmlElement, canvas); - if(htmlElement.nodeType === Node.TEXT_NODE) - return new DocumentTextElement(htmlElement, canvas); -}; - -return { - wrap: function(htmlElement, canvas) { - return documentElementFromHTMLElement(htmlElement, canvas); - }, - DocumentElement: DocumentElement, - DocumentNodeElement: DocumentNodeElement, - DocumentTextElement: DocumentTextElement -}; - -}); \ No newline at end of file