Visual editor - fixing cross highlighting
authorAleksander Łukasz <aleksander.lukasz@nowoczesnapolska.org.pl>
Mon, 22 Apr 2013 13:34:45 +0000 (15:34 +0200)
committerAleksander Łukasz <aleksander.lukasz@nowoczesnapolska.org.pl>
Mon, 22 Apr 2013 13:34:45 +0000 (15:34 +0200)
Don't add rng-hover class to node representation in editor
pane while hovering on it.

modules/visualEditor.js

index 4c8af20..b03b14b 100644 (file)
@@ -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