X-Git-Url: https://git.mdrn.pl/fnpeditor.git/blobdiff_plain/0bea7025f60aa5cc2ed89eed72da0d616f3574ef..a77e53b783db30a8e6e7935ddabe158a67e4221f:/src/editor/modules/documentCanvas/canvas/documentElement.js diff --git a/src/editor/modules/documentCanvas/canvas/documentElement.js b/src/editor/modules/documentCanvas/canvas/documentElement.js index 283f873..45592ef 100644 --- a/src/editor/modules/documentCanvas/canvas/documentElement.js +++ b/src/editor/modules/documentCanvas/canvas/documentElement.js @@ -5,15 +5,15 @@ define([ ], function($, _, utils) { 'use strict'; -/* global Node:false, document:false */ +/* global Node:false */ // DocumentElement represents a text or an element node from WLXML document rendered inside Canvas var DocumentElement = function(wlxmlNode, canvas) { this.wlxmlNode = wlxmlNode; this.canvas = canvas; - this.createDOM(); - this.$element.data('canvas-element', this); + this.dom = this.createDOM(); + this.dom.data('canvas-element', this); }; $.extend(DocumentElement.prototype, { @@ -26,14 +26,8 @@ $.extend(DocumentElement.prototype, { refresh: function() { // noop }, - bound: function() { - return $.contains(document.documentElement, this.dom()[0]); - }, - dom: function() { - return this.$element; - }, parent: function() { - var parents = this.$element.parents('[document-node-element]'); + var parents = this.dom.parents('[document-node-element]'); if(parents.length) { return this.canvas.getDocumentElement(parents[0]); } @@ -51,25 +45,11 @@ $.extend(DocumentElement.prototype, { }, sameNode: function(other) { - return other && (typeof other === typeof this) && other.dom()[0] === this.dom()[0]; - }, - - getPreviousTextElement: function(includeInvisible) { - return this.getNearestTextElement('above', includeInvisible); - }, - - getNextTextElement: function(includeInvisible) { - return this.getNearestTextElement('below', includeInvisible); - }, - - getNearestTextElement: function(direction, includeInvisible) { - includeInvisible = includeInvisible !== undefined ? includeInvisible : false; - var selector = '[document-text-element]' + (includeInvisible ? '' : ':visible'); - return this.canvas.getDocumentElement(utils.nearestInDocumentOrder(selector, direction, this.dom()[0])); + return other && (typeof other === typeof this) && other.dom[0] === this.dom[0]; }, trigger: function() { - //this.canvas.bus.trigger() + this.canvas.eventBus.trigger.apply(this.canvas.eventBus, Array.prototype.slice.call(arguments, 0)); } @@ -80,10 +60,7 @@ $.extend(DocumentElement.prototype, { var DocumentNodeElement = function(wlxmlNode, canvas) { DocumentElement.call(this, wlxmlNode, canvas); wlxmlNode.setData('canvasElement', this); - if(this.init) { - this.init(); - } - + this.init(this.dom); }; @@ -94,7 +71,7 @@ var manipulate = function(e, params, action) { } else { element = e.canvas.createElement(params); } - e.dom()[action](element.dom()); + e.dom[action](element.dom); e.refreshPath(); return element; }; @@ -104,11 +81,12 @@ DocumentNodeElement.prototype = Object.create(DocumentElement.prototype); $.extend(DocumentNodeElement.prototype, { defaultDisplayStyle: 'block', + init: function() {}, addWidget: function(widget) { - this.$element.children('.canvas-widgets').append(widget.DOM ? widget.DOM : widget); + this.dom.children('.canvas-widgets').append(widget.DOM ? widget.DOM : widget); }, clearWidgets: function() { - this.$element.children('.canvas-widgets').empty(); + this.dom.children('.canvas-widgets').empty(); }, handle: function(event) { var method = 'on' + event.type[0].toUpperCase() + event.type.substr(1); @@ -124,18 +102,16 @@ $.extend(DocumentNodeElement.prototype, { contentContainer = $('
') .attr('document-element-content', ''); - wrapper.append(widgetsContainer, contentContainer); + wrapper.append(contentContainer, widgetsContainer); widgetsContainer.find('*').add(widgetsContainer).attr('tabindex', -1); - this.$element = wrapper; - this.displayAs(this.defaultDisplayStyle); + return wrapper; }, _container: function() { - return this.dom().children('[document-element-content]'); + return this.dom.children('[document-element-content]'); }, detach: function() { var parents = this.parents(); - this.dom().detach(); - this.canvas = null; + this.dom.detach(); if(parents[0]) { parents[0].refreshPath(); } @@ -151,25 +127,27 @@ $.extend(DocumentNodeElement.prototype, { toggleLabel: function(toggle) { var displayCss = toggle ? 'inline-block' : 'none'; - var label = this.dom().children('.canvas-widgets').find('.canvas-widget-label'); + var label = this.dom.children('.canvas-widgets').find('.canvas-widget-label'); label.css('display', displayCss); this.toggleHighlight(toggle); }, + markAsCurrent: function() {}, + toggleHighlight: function(toggle) { this._container().toggleClass('highlighted-element', toggle); }, isBlock: function() { - return this.dom().css('display') === 'block'; + return this.dom.css('display') === 'block'; }, displayAsBlock: function() { - this.dom().css('display', 'block'); + this.dom.css('display', 'block'); this._container().css('display', 'block'); }, displayInline: function() { - this.dom().css('display', 'inline'); + this.dom.css('display', 'inline'); this._container().css('display', 'inline'); }, displayAs: function(what) { @@ -181,8 +159,8 @@ $.extend(DocumentNodeElement.prototype, { // e.css('display') // } // }) - this.dom().css('display', what); - this._container().css('display', what); + this.dom.css('display', what); + this._container().css('display', what); } }); @@ -202,21 +180,26 @@ DocumentTextElement.prototype = Object.create(DocumentElement.prototype); $.extend(DocumentTextElement.prototype, { createDOM: function() { - this.$element = $('
') + var dom = $('
') .attr('document-text-element', '') .text(this.wlxmlNode.getText() || utils.unicode.ZWS); + return dom; }, detach: function() { - this.dom().detach(); - this.canvas = null; + this.dom.detach(); return this; }, setText: function(text) { - this.dom().contents()[0].data = text; + if(text === '') { + text = utils.unicode.ZWS; + } + if(text !== this.getText()) { + this.dom.contents()[0].data = text; + } }, getText: function(options) { options = _.extend({raw: false}, options || {}); - var toret = this.dom().text(); + var toret = this.dom.text(); if(!options.raw) { toret = toret.replace(utils.unicode.ZWS, ''); } @@ -224,7 +207,7 @@ $.extend(DocumentTextElement.prototype, { }, isEmpty: function() { // Having at least Zero Width Space is guaranteed be Content Observer - return this.dom().contents()[0].data === utils.unicode.ZWS; + return this.dom.contents()[0].data === utils.unicode.ZWS; }, after: function(params) { if(params instanceof DocumentTextElement || params.text) { @@ -236,9 +219,9 @@ $.extend(DocumentTextElement.prototype, { } else { element = this.canvas.createElement(params); } - this.dom().wrap('
'); - this.dom().parent().after(element.dom()); - this.dom().unwrap(); + this.dom.wrap('
'); + this.dom.parent().after(element.dom); + this.dom.unwrap(); this.refreshPath(); return element; }, @@ -252,9 +235,9 @@ $.extend(DocumentTextElement.prototype, { } else { element = this.canvas.createElement(params); } - this.dom().wrap('
'); - this.dom().parent().before(element.dom()); - this.dom().unwrap(); + this.dom.wrap('
'); + this.dom.parent().before(element.dom); + this.dom.unwrap(); this.refreshPath(); return element; }, @@ -268,35 +251,11 @@ $.extend(DocumentTextElement.prototype, { }); -var SpanElement = function() { - DocumentNodeElement.apply(this, Array.prototype.slice.call(arguments, 0)); -}; -SpanElement.prototype = $.extend(Object.create(DocumentNodeElement.prototype), { - defaultDisplayStyle: 'inline', - init: function() { - if(this.containsBlock()) { - this.displayAsBlock(); - } else { - this.displayInline(); - } - }, - refresh: function() { - this.init(); - } -}); - -var elements = { - span: SpanElement -}; - return { DocumentElement: DocumentElement, DocumentNodeElement: DocumentNodeElement, - DocumentTextElement: DocumentTextElement, //, - factoryForTag: function(tagName) { - return elements[tagName] || DocumentNodeElement; - } + DocumentTextElement: DocumentTextElement }; }); \ No newline at end of file