Show script on clicking handler and show reload dialog on clicking '<missing script source>'.

Author: Chris K

src/ecma-debugger/eventlisteners/evlisteners.css

@@ -13,6 +13,13 @@
   margin: 0;
 }
 
+.ev-missing-script:hover
+{
+  border-radius: 2px;
+  box-shadow: 0 0 0 1px #d3dff8;
+  background-color: #d3dff8;
+}
+
 .ev-listener
 {
   display: inline-block;
@@ -38,7 +45,7 @@
 
 .ev-listener-tooltip .ev-type
 {
-  background-color: hsla(0, 0%, 0%, 0.05); 
+  background-color: hsla(0, 0%, 0%, 0.04); 
   padding: 2px 8px;
   margin: 0 -8px;
 }
@@ -61,7 +68,7 @@
 
 .tooltip-function-source .js-source-line-numbers
 {
-  background-color: hsla(0, 0%, 0%, .03);
+  xbackground-color: hsla(0, 0%, 0%, .03);
   border-radius: 0 0 0 3px;
 }
 

src/ecma-debugger/eventlisteners/evlistenertemplates.js

@@ -134,6 +134,7 @@
                            "data-rt-id", String(rt_id),
                            "data-obj-id", String(listener[LISTENER_OBJECT_ID]),
                            "data-class-name", "Function",
+                           "handler", "ev-function-source",
                            "class", "ev-origin"]]);
     }
     var script_id = position && position[SCRIPT_ID];
@@ -153,7 +154,9 @@
       }
     }
     else
-      ret.push(["dd", ui_strings.S_INFO_MISSING_JS_SOURCE_FILE]);
+      ret.push(["dd", ui_strings.S_INFO_MISSING_JS_SOURCE_FILE,
+                      "handler", "reload-script-dialog",
+                      "class", "ev-missing-script"]);
 
     return ret;
   };

src/ecma-debugger/eventlisteners/evlistenertooltip.js

@@ -73,16 +73,31 @@ cls.EvListenerTooltip = function()
     }
   };
 
+  var _handle_function_source = function(event, target)
+  {
+    var inspection_tooltip = cls.JSInspectionTooltip.get_tooltip();
+    if (inspection_tooltip)
+      inspection_tooltip.handle_function_source(event, target);
+  };
+
+  var _reload_script_dialog = function(event, target)
+  {
+    new ConfirmDialog(ui_strings.D_RELOAD_SCRIPTS,
+                      function(){ window.runtimes.reloadWindow(); }).show();
+  };
+
   var _init = function(view)
   {
     _tooltip = Tooltips.register(cls.EvListenerTooltip.tooltip_name, true);
     _url_tooltip = Tooltips.register("url-tooltip", true);
+    window.event_handlers.click["ev-function-source"] = _handle_function_source;
 
     _tooltip.ontooltip = _ontooltip;
     _tooltip.onhide = _hide_tooltip;
     //_tooltip.ontooltipenter = _ontooltipenter;
     //_tooltip.ontooltipleave = _ontooltipleave;
     _tooltip.ontooltipclick = _ontooltipclick;
+    window.event_handlers.click["reload-script-dialog"] = _reload_script_dialog;
   };
 
   _init();

src/ecma-debugger/js-source-view.js

@@ -450,6 +450,15 @@ cls.JsSourceView = function(id, name, container_class)
     }
   }
 
+  this.show_script = function(script_id, line_no_start, line_no_end)
+  {
+    // This will also be set from show_and_flash_line, but setting it before showing
+    // the view prevents the old script from flashing.
+    window.runtimes.setSelectedScript(script_id);
+    UI.get_instance().show_view("js_mode");
+    this.show_and_flash_line(script_id, line_no_start, line_no_end);
+  };
+
   this.show_and_flash_line = function(script_id, line_no_start, line_no_end)
   {
     if (typeof line_no_start != "number")

src/ecma-debugger/objectinspection.6.0/inspectiontooltip.js

@@ -142,6 +142,21 @@ cls.JSInspectionTooltip = function()
     }
   };
 
+  this.handle_function_source = function(event, target)
+  {
+    var rt_id = Number(target.get_ancestor_attr("data-rt-id"));
+    var obj_id = Number(target.get_ancestor_attr("data-obj-id"));
+    if (_cur_object && _cur_ctx &&
+        _cur_object.rt_id == rt_id && _cur_object.obj_id == obj_id &&
+        _cur_ctx.script && _cur_ctx.function_definition &&
+        window.views.js_source)
+    {
+      window.views.js_source.show_script(_cur_ctx.script.script_id,
+                                         _cur_ctx.function_definition.start_line, 
+                                         _cur_ctx.function_definition.end_line); 
+    }
+  };
+
   var _init = function(view)
   {
     _tooltip = Tooltips.register(cls.JSInspectionTooltip.tooltip_name, true, true,
@@ -168,3 +183,8 @@ cls.JSInspectionTooltip.register = function()
 {
   this._tooltip = new cls.JSInspectionTooltip();
 };
+
+cls.JSInspectionTooltip.get_tooltip = function()
+{
+  return this._tooltip;
+};

src/repl/repl_view.js

@@ -933,15 +933,8 @@ cls.ReplView = function(id, name, container_class, html, default_handler) {
     var script_id = Number(target.getAttribute("data-scriptid"));
     var start_line = Number(target.getAttribute("data-scriptline"));
     var end_line = Number(target.getAttribute("data-script-endline"));
-    var sourceview = window.views.js_source;
-
-    // This will also be set from show_and_flash_line, but setting it before showing
-    // the view prevents the old script from flashing.
-    window.runtimes.setSelectedScript(script_id);
-    UI.get_instance().show_view("js_mode");
-    if (sourceview)
-      sourceview.show_and_flash_line(script_id, start_line, end_line);
-
+    if (window.views.js_source)
+      window.views.js_source.show_script(script_id, start_line, end_line);
   }.bind(this);
 
   this.mode_labels = {

src/ui-scripts/tooltip/tooltip.css

@@ -15,6 +15,7 @@
   background-color: #aac2f2;
   box-shadow: 0 0 0 1px #aac2f2;
   border-radius: 2px;
+  text-shadow: none;
 }
 
 .tooltip-container h2