X-Git-Url: https://git.mdrn.pl/fnpeditor.git/blobdiff_plain/7a3c737d962ff2b2e2653fd8ed0108e92c7fe0d5..74635b9e0dd3069953072eab9de946b77d1b313e:/src/editor/modules/documentCanvas/canvas/wlxmlListener.js

diff --git a/src/editor/modules/documentCanvas/canvas/wlxmlListener.js b/src/editor/modules/documentCanvas/canvas/wlxmlListener.js
index 9269ce1..8667560 100644
--- a/src/editor/modules/documentCanvas/canvas/wlxmlListener.js
+++ b/src/editor/modules/documentCanvas/canvas/wlxmlListener.js
@@ -23,53 +23,68 @@ $.extend(Listener.prototype, {
             }
         }, this);
 
+        wlxmlDocument.on('operationEnd', function() {
+            this.canvas.triggerSelectionChanged();
+        }, this);
+
         wlxmlDocument.on('contentSet', function() {
             this.canvas.loadWlxmlDocument(wlxmlDocument);
         }, this);
     }
 });
 
+
+var _metadataEventHandler = function(event) {
+    var element = utils.getElementForNode(event.meta.node);
+    element.handle(event);
+};
+
+
 var handlers = {
     nodeAttrChange: function(event) {
+        var element = utils.getElementForNode(event.meta.node),
+            newElement;
         if(event.meta.attr === 'class') {
-            var canvasNode = utils.findCanvasElement(event.meta.node);
-            canvasNode.setWlxmlClass(event.meta.newVal);
+            if(element.wlxmlNode.getClass() !== event.meta.attr) {
+                if(event.meta.node.isRoot()) {
+                    this.canvas.reloadRoot();
+                } else {
+                    newElement = this.canvas.createElement(event.meta.node);
+                    element.dom.replaceWith(newElement.dom);
+                }
+            }
+
+        } else {
+            element.handle(event);
         }
     },
-    nodeTagChange: function(event) {
-        var canvasNode = utils.findCanvasElement(event.meta.node);
-        canvasNode.setWlxmlTag(event.meta.newTagName);
-    },
     nodeAdded: function(event) {
-        var parentElement = utils.findCanvasElement(event.meta.node.parent()),
-            nodeIndex = event.meta.node.getIndex(),
-            referenceElement, referenceAction;
-
-        if(nodeIndex === 0) {
-            referenceElement = parentElement;
-            referenceAction = 'prepend';
-        } else {
-            referenceElement = parentElement.children()[nodeIndex-1];
-            referenceAction = 'after';
+        if(event.meta.node.isRoot()) {
+            this.canvas.reloadRoot();
+            return;
         }
 
-        referenceElement[referenceAction](event.meta.node);
+        var containingNode = event.meta.node.parent(),
+            containingElement = utils.getElementForNode(containingNode);
+
+        containingElement.handle(event);
     },
     nodeMoved: function(event) {
-        return handlers.nodeAdded(event);
+        return handlers.nodeAdded.call(this, event, true); //
+        //
     },
     nodeDetached: function(event) {
-        var canvasNode = utils.findCanvasElementInParent(event.meta.node, event.meta.parent);
-        canvasNode.detach();
+        var element = utils.getElementForDetachedNode(event.meta.node, event.meta.parent);
+        element.handle(event);
     },
     nodeTextChange: function(event) {
-        var canvasElement = utils.findCanvasElement(event.meta.node),
-            toSet = event.meta.node.getText();
-        if(toSet === '') {
-            toSet = utils.unicode.ZWS;
-        }
-        canvasElement.setText(toSet);
-    }
+        var element = utils.getElementForNode(event.meta.node.parent());
+        element.handle(event);
+    },
+
+    metadataChanged: _metadataEventHandler,
+    metadataAdded: _metadataEventHandler,
+    metadataRemoved: _metadataEventHandler
 };
 
 return {