Operands highlightining

lib/foundry-xray/app/assets/javascripts/application.js.coffee

@@ -36,6 +36,7 @@ class Application
     @sliderPrev  = $('#timeline button.prev')
     @sliderFNext = $('#timeline button.fnext')
     @sliderFPrev = $('#timeline button.fprev')
+
     @transforms  = $('#transforms')
 
     @buildZoomer()
@@ -73,6 +74,7 @@ class Application
       @renewZoomer()
       @renewSelector()
       @renewSlider()
+      @renewNaming()
 
       @title.html @input.function.title()
     catch error
@@ -128,16 +130,28 @@ class Application
   renewZoomer: ->
     @zoomButton.removeClass 'active'
 
+  renewNaming: ->
+    elements = $('.naming')
+    drawer   = @drawer
+
+    elements.click ->
+      active = $(@).hasClass('active')
+      needle = @innerHTML
+      elements.removeClass('active')
+
+      unless active
+        elements.filter(-> @innerHTML == needle).addClass('active')
+        drawer.repaint()
+
   buildZoomer: ->
     @zoomButton.click =>
       if @zoomButton.hasClass('active')
-        @zoomButton.removeClass 'active'
+        @zoomButton.removeClass('active')
         @drawer.unfit()
       else
-        @zoomButton.addClass 'active'
+        @zoomButton.addClass('active')
         @drawer.fit(@svg.width(), @svg.height())
 
-
   buildSelector: ->
     groups = ['Present', 'Removed'].map (x) -> $("<optgroup label='#{x}'></optgroup>")
 

lib/foundry-xray/app/assets/javascripts/lib/drawer.js.coffee

@@ -31,6 +31,10 @@ class @Drawer
     @setupEntities()
     @draw()
 
+  repaint: ->
+    @container.attr("transform", "translate(0,1)")
+    @container.attr("transform", "translate(0,0)")
+
   fit: (width, height) ->
     @zoomValue = [@constructor.zoom.translate(), @constructor.zoom.scale()]
 

lib/foundry-xray/app/assets/stylesheets/graph.css.sass

@@ -6,6 +6,13 @@ svg
     a
       color: rgb(184, 52, 0)
 
+    span.naming
+      cursor: pointer
+      text-decoration: underline
+
+      &.active
+        background-color: yellow
+
     rect
       stroke-width: 2px
       stroke: #333

lib/foundry-xray/app/views/nodes/argument.jst.mustache

@@ -1 +1 @@
-{{{type}}} %{{name}}
+{{{type}}} <span class='naming'>%{{name}}</span>

lib/foundry-xray/app/views/nodes/instruction_typed.jst.mustache

@@ -1,3 +1,3 @@
 <div>
-  {{{type}}} %{{name}} = <b>{{opcode}}</b> {{parameters}} {{{operands}}}
+  {{{type}}} <span class='naming'>%{{name}}</span> = <b>{{opcode}}</b> {{parameters}} {{{operands}}}
 </div>

lib/foundry-xray/app/views/nodes/operand_argument.jst.mustache

@@ -1 +1 @@
-%{{name}}
+<span class='naming'>%{{name}}</span>

lib/foundry-xray/app/views/nodes/operand_instruction.jst.mustache

@@ -1 +1 @@
-%{{name}}
+<span class='naming'>%{{name}}</span>