start to unify and test listeners

app/main/controllers/objects_controller.rb

@@ -1,6 +1,19 @@
+if RUBY_PLATFORM == 'opal'
+  require "native"
+end
+
 module Main
   class ObjectsController < Volt::ModelController
 
+    def index_ready
+      container = Native(self.container).querySelector("ul")
+      return unless container
+      puts "li " + container.innerHTML + " lo"
+#      red = -> (event) {  container.style.backgroundColor = "red" }
+      red = -> (event) {  puts container.tagName }
+      container.addEventListener("mouseenter" , red)
+    end
+
     def marker var
       return "Wo" if var.is_a? String
       var.class.name.split("::").last[0,2]

app/main/views/objects/index.html

@@ -4,12 +4,12 @@
 <:Body>
     <li>
       <a href="#">{{attrs.object}}</a>
-      {{ if(is_object?(attrs.id) and (attrs.level < 4)) }}
+      {{ if(is_object?(attrs.id) ) }}
         <ul>
           {{content(attrs.id).each do |con3| }}
             <li>
                 <a href="#">{{con3[0]}}</a>
-            </li>   
+            </li>
           {{end}}
         </ul>
       {{ end }}

app/main/views/registers/index.html

@@ -7,29 +7,8 @@
       <div class="register-view">
         <ul id="nav">
             <a href="#">{{reg.name}} : {{reg.value}}</a>
-          {{ reg.fields.each_with_index do |attribute, index| }}
-            <li class="field">
-              <a href="#">
-                {{index}}{{marker(attribute)}}
-                 {{attribute.object_id}}
-              </a>
-              {{ if(is_object?(attribute.object_id)) }}
-                <ul>
-                  {{content(attribute.object_id).each do |con| }}
-                    <li>
-                      <a href="#">{{con[0]}}</a>
-                      {{ if is_object?( con[1])}}
-                        <ul>
-                          {{content(con[1]).each do |con2| }}
-                            <:objects object={{con2[0]}} id={{con2[1]}} level={{3}} />
-                          {{end}}
-                        </ul>
-                      {{ end }}
-                    </li>
-                  {{end}}
-                </ul>
-              {{ end }}
-            </li>
+          {{ reg.fields.each do |attribute| }}
+            <:objects object={{attribute}} id={{attribute.object_id}}  />
           {{end}}
         </ul>
       </div>