Added files for listener view

Author: Chris K

src/build-application/build_ecmascript_debugger_6_0.js

@@ -180,6 +180,13 @@ window.app.builders.EcmascriptDebugger["6.0"] = function(service)
     new cls.JSSearchView('js-search', 
                          ui_strings.M_VIEW_LABEL_SEARCH, 
                          'scroll js-search');
+
+    /* Listeners */
+    if (service_interface.satisfies_version(6, 11))
+    {
+      cls.Listeners.prototype = ViewBase;
+      new cls.Listeners("ev-listeners", "Listeners", "ev-listeners");
+    }
 
     /* adjust the base class */
 

src/client-en.xml

@@ -422,6 +422,8 @@ window.load_screen_timeout = window.setTimeout(function()
 <script src="./ecma-debugger/watches/view.js"/>
 <script src="./ecma-debugger/watches/propertyeditor.js"/>
 <script src="./ecma-debugger/jssourcetooltip.js"/>
+<script src="./ecma-debugger/evlistenertooltip/evlisteners.js"/>
+<script src="./ecma-debugger/evlistenertooltip/viewevlisteners.js"/>
 <script src="./ecma-debugger/evlistenertooltip/evlistenertooltip.js"/>
 <script src="./ecma-debugger/evlistenertooltip/evlistenertemplates.js"/>
 

src/client/client.js

@@ -522,9 +522,13 @@ ui_framework.layouts.dom_rough_layout =
       width: 350,
       tabs: function(services)
       {
-        return (services['ecmascript-debugger'].major_minor_version > 6.4 ?
-               ['dom-side-panel', 'dom_attrs', 'css-layout', 'dom-search'] :
-               ['dom-side-panel', 'dom_attrs', 'css-layout']);
+        if (services['ecmascript-debugger'].satisfies_version(6, 11))
+          return ['dom-side-panel', 'dom_attrs', 'css-layout', 'dom-search', 'ev-listeners'];
+
+        if (services['ecmascript-debugger'].satisfies_version(6, 5))
+          return ['dom-side-panel', 'dom_attrs', 'css-layout', 'dom-search'];
+
+        return ['dom-side-panel', 'dom_attrs', 'css-layout'];
       }
     }
   ]

src/ecma-debugger/dominspection/templates.js

@@ -531,6 +531,14 @@
         }
 
         case DOCUMENT_NODE:
+          var ev_listener = node[EVENT_LISTENER_LIST] && node[EVENT_LISTENER_LIST].length
+                          ? ev_listener_markup
+                          : "";
+          if (ev_listener)
+          {
+            tree += "<div style='margin-left:-16px;' class='document-node' " +
+                         "ref-id='" + node[ID] + "'>document" + ev_listener + "</div>";
+          }
           // Don't show this in markup view
           break;