X-Git-Url: https://git.mdrn.pl/fnpeditor.git/blobdiff_plain/0487914c40881829a526a7a09b6d545f08aa28e7..512fcabb2a882e26649612efb2b91f25cfc02ec3:/src/smartxml/smartxml.js diff --git a/src/smartxml/smartxml.js b/src/smartxml/smartxml.js index 96fcdfe..cb90e74 100644 --- a/src/smartxml/smartxml.js +++ b/src/smartxml/smartxml.js @@ -1,20 +1,31 @@ define([ - 'libs/jquery' -], function($) { + 'libs/jquery', + 'libs/underscore', + 'libs/backbone', + 'smartxml/events' +], function($, _, Backbone, events) { 'use strict'; -var TEXT_NODE = Node.TEXT_NODE, ELEMENT_NODE = Node.ELEMENT_NODE; +var TEXT_NODE = Node.TEXT_NODE; var DocumentNode = function(nativeNode, document) { + if(!document) { + throw new Error('undefined document for a node'); + } this.document = document; - this.nativeNode = nativeNode; - this._$ = $(nativeNode); + this._setNativeNode(nativeNode); + }; $.extend(DocumentNode.prototype, { + _setNativeNode: function(nativeNode) { + this.nativeNode = nativeNode; + this._$ = $(nativeNode); + }, + detach: function() { this._$.detach(); }, sameNode: function(otherNode) { @@ -30,19 +41,41 @@ $.extend(DocumentNode.prototype, { }, wrapWith: function(node) { - if(this.parent()) + if(this.parent()) { this.before(node); + } node.append(this); }, + + triggerChangeEvent: function(type, metaData) { + var event = new events.ChangeEvent(type, $.extend({node: this}, metaData || {})); + this.document.trigger('change', event); + }, }); -var ElementNode = function(nativeNode) { - DocumentNode.apply(this, arguments); +var ElementNode = function(nativeNode, document) { + DocumentNode.call(this, nativeNode, document); }; $.extend(ElementNode.prototype, DocumentNode.prototype, { nodeType: Node.ELEMENT_NODE, + setData: function(key, value) { + if(value !== undefined) { + this._$.data(key, value); + } else { + this._$.removeData(_.keys(this._$.data())); + this._$.data(key); + } + }, + + getData: function(key) { + if(key) { + return this._$.data(key); + } + return this._$.data(); + }, + getTagName: function() { return this.nativeNode.tagName.toLowerCase(); }, @@ -51,10 +84,12 @@ $.extend(ElementNode.prototype, DocumentNode.prototype, { var toret = [], document = this.document; this._$.contents().each(function() { - if(this.nodeType === Node.ELEMENT_NODE) + if(this.nodeType === Node.ELEMENT_NODE) { toret.push(document.createElementNode(this)); - else if(this.nodeType === Node.TEXT_NODE) + } + else if(this.nodeType === Node.TEXT_NODE) { toret.push(document.createTextNode(this)); + } }); return toret; }, @@ -63,12 +98,29 @@ $.extend(ElementNode.prototype, DocumentNode.prototype, { return this._$.contents().index(node._$); }, + setTag: function(tagName) { + var node = this.document.createElementNode({tagName: tagName}), + oldTagName = this.getTagName(); + + this.getAttrs().forEach(function(attribute) { + node.setAttr(attribute.name, attribute.value, true); + }); + node.setData(this.getData()); + + this._setNativeNode(node._$[0]); + this.triggerChangeEvent('nodeTagChange', {oldTagName: oldTagName, newTagName: this.getTagName()}); + }, + getAttr: function(name) { return this._$.attr(name); }, - setAttr: function(name, value) { + setAttr: function(name, value, silent) { + var oldVal = this.getAttr(name); this._$.attr(name, value); + if(!silent) { + this.triggerChangeEvent('nodeAttrChange', {attr: name, oldVal: oldVal, newVal: value}); + } }, getAttrs: function() { @@ -85,15 +137,17 @@ $.extend(ElementNode.prototype, DocumentNode.prototype, { unwrapContent: function() { var parent = this.parent(); - if(!parent) + if(!parent) { return; + } var parentContents = parent.contents(), myContents = this.contents(), myIdx = parent.indexOf(this); - if(myContents.length === 0) + if(myContents.length === 0) { return this.detach(); + } var moveLeftRange, moveRightRange, leftMerged; @@ -125,12 +179,17 @@ $.extend(ElementNode.prototype, DocumentNode.prototype, { element1: parent.contents()[myIdx + (moveLeftRange ? -1 : 0)], element2: parent.contents()[myIdx + childrenLength-1 + (moveRightRange ? 1 : 0)] }; - } + }, + toXML: function() { + var wrapper = $('