X-Git-Url: https://git.mdrn.pl/fnpeditor.git/blobdiff_plain/a30654944f1af2db12a3fc1b7b1bfbd223f4f76c..58425daa1aa7e717e92eaec170262de31ed47bc0:/src/smartxml/smartxml.js diff --git a/src/smartxml/smartxml.js b/src/smartxml/smartxml.js index bac53af..2e507db 100644 --- a/src/smartxml/smartxml.js +++ b/src/smartxml/smartxml.js @@ -1,8 +1,9 @@ define([ 'libs/jquery', + 'libs/underscore', 'libs/backbone', 'smartxml/events' -], function($, Backbone, events) { +], function($, _, Backbone, events) { 'use strict'; @@ -15,15 +16,20 @@ var DocumentNode = function(nativeNode, 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) { - return this.nativeNode === otherNode.nativeNode; + return otherNode && this.nativeNode === otherNode.nativeNode; }, parent: function() { @@ -35,10 +41,13 @@ $.extend(DocumentNode.prototype, { }, wrapWith: function(node) { + node = node instanceof ElementNode ? node : this.document.createElementNode(node); + if(this.parent()) { this.before(node); } node.append(this); + return node; }, triggerChangeEvent: function(type, metaData) { @@ -54,6 +63,22 @@ var ElementNode = function(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(); }, @@ -76,14 +101,35 @@ $.extend(ElementNode.prototype, DocumentNode.prototype, { return this._$.contents().index(node._$); }, + setTag: function(tagName) { + var node = this.document.createElementNode({tagName: tagName}), + oldTagName = this.getTagName(), + myContents = this._$.contents(); + + this.getAttrs().forEach(function(attribute) { + node.setAttr(attribute.name, attribute.value, true); + }); + node.setData(this.getData()); + + if(this.sameNode(this.document.root)) { + defineDocumentProperties(this.document, node._$); + } + this._$.replaceWith(node._$); + this._setNativeNode(node._$[0]); + this._$.append(myContents); + 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); - this.triggerChangeEvent('nodeAttrChange', {attr: name, oldVal: oldVal, newVal: value}); + if(!silent) { + this.triggerChangeEvent('nodeAttrChange', {attr: name, oldVal: oldVal, newVal: value}); + } }, getAttrs: function() { @@ -146,8 +192,12 @@ $.extend(ElementNode.prototype, DocumentNode.prototype, { toXML: function() { var wrapper = $('