Visual editor - fixing cross highlighting

Don't add rng-hover class to node representation in editor
pane while hovering on it.

diff --git a/modules/visualEditor.js b/modules/visualEditor.js
index 4c8af20..b03b14b 100644 (file)
--- a/modules/visualEditor.js
+++ b/modules/visualEditor.js
@@ -15,8 +15,8 @@ rng.modules.visualEditor = function(sandbox) {
                 isDirty = true;\r
             });\r
 
                 isDirty = true;\r
             });\r
 

-            this.node.on('mouseover', '[wlxml-tag]', function(e) { view.highlightNode($(e.target));});\r
-            this.node.on('mouseout', '[wlxml-tag]', function(e) { view.dimNode($(e.target));});\r
+            this.node.on('mouseover', '[wlxml-tag]', function(e) { mediator.nodeHovered($(e.target));});\r
+            this.node.on('mouseout', '[wlxml-tag]', function(e) { mediator.nodeBlured($(e.target));});\r

             this.node.on('click', '[wlxml-tag]', function(e) {\r
                 console.log('clicked node type: '+e.target.nodeType);\r
                 view._markSelected($(e.target));\r
             this.node.on('click', '[wlxml-tag]', function(e) {\r
                 console.log('clicked node type: '+e.target.nodeType);\r
                 view._markSelected($(e.target));\r


@@ -141,11 +141,9 @@ rng.modules.visualEditor = function(sandbox) {
         },\r
         highlightNode: function(node) {\r
             node.addClass('rng-hover');\r
         },\r
         highlightNode: function(node) {\r
             node.addClass('rng-hover');\r

-            mediator.nodeHighlighted(node);\r

         },\r
         dimNode: function(node) {\r
             node.removeClass('rng-hover');\r
         },\r
         dimNode: function(node) {\r
             node.removeClass('rng-hover');\r

-            mediator.nodeDimmed(node);\r

         },\r
         highlightNodeById: function(id) {\r
             var node = this.node.find('#'+id);\r
         },\r
         highlightNodeById: function(id) {\r
             var node = this.node.find('#'+id);\r


@@ -292,10 +290,12 @@ rng.modules.visualEditor = function(sandbox) {
         nodeDimmedById: function(id) {\r
             view.dimNodeById(id);\r
         },\r
         nodeDimmedById: function(id) {\r
             view.dimNodeById(id);\r
         },\r

-        nodeHighlighted: function(node) {\r
+        nodeHovered: function(node) {\r
+            view.highlightNode(node);\r

             sideBarView.highlightNode(node.attr('id'));\r
         },\r
             sideBarView.highlightNode(node.attr('id'));\r
         },\r

-        nodeDimmed: function(node) {\r
+        nodeBlured: function(node) {\r
+            view.dimNode(node);\r

             sideBarView.dimNode(node.attr('id'));\r
         }\r
     }\r
             sideBarView.dimNode(node.attr('id'));\r
         }\r
     }\r