From: Aleksander Ɓukasz Date: Thu, 10 Oct 2013 14:15:14 +0000 (+0200) Subject: wip: canvas listens for nodeAttrChange event X-Git-Url: https://git.mdrn.pl/fnpeditor.git/commitdiff_plain/e4b744be960a63b19461cf2062927d681df5b74a?ds=inline;hp=d1825bb5d7358c72956bf30b6e6881fa62d2ba18 wip: canvas listens for nodeAttrChange event --- diff --git a/src/editor/modules/documentCanvas/canvas/canvas.js b/src/editor/modules/documentCanvas/canvas/canvas.js index 2c7ddff..a589a20 100644 --- a/src/editor/modules/documentCanvas/canvas/canvas.js +++ b/src/editor/modules/documentCanvas/canvas/canvas.js @@ -19,6 +19,7 @@ var Canvas = function(wlxmlDocument, publisher) { $.extend(Canvas.prototype, { loadWlxmlDocument: function(wlxmlDocument) { + wlxmlDocument = wlxmlDocument || this.wlxmlDocument; if(!wlxmlDocument) { return false; } @@ -28,13 +29,40 @@ $.extend(Canvas.prototype, { this.wrapper.append(canvasDOM); this.d = this.wrapper.children(0); this.setupEventHandling(); - }, - generateCanvasDOM: function(wlxmlNode) { + var canvas = this; - var element = documentElement.DocumentNodeElement.create(wlxmlNode, this); + var findCanvasElement = function(node) { + if(node.nodeType === Node.ELEMENT_NODE) { + return node.getData('canvasElement'); + } + if(node.nodeType === Node.TEXT_NODE) { + var parent = node.parent(), + toret; + + parent.children().forEach(function(child) { + if(child.data('wlxmlNode').sameNode(node)) + toret = child; + }); + if(toret) + return toret; + } + } + if(this.wlxmlDocument !== wlxmlDocument) { + wlxmlDocument.on('change', function(event) { + var canvasNode = findCanvasElement(event.meta.node); + if(event.type === 'nodeAttrChange' && event.meta.attr === 'class') { + canvasNode.setWlxmlClass(event.meta.newVal); + } + }); + } + this.wlxmlDocument = wlxmlDocument; + }, + + generateCanvasDOM: function(wlxmlNode) { + var element = documentElement.DocumentNodeElement.create(wlxmlNode, this); return element.dom(); },