Initial use of the Network API for the Resource Inspector. /!\ some things are not fully implemented yet, e.g. Detail view of a resource, default expand/collapse state of the tree, ...

Author: p01

src/build-application/build_resource_manager_1_0.js

@@ -3,8 +3,18 @@
 window.app.builders.ResourceManager["1.0"] = function(service)
 {
   var network_logger = new cls.NetworkLogger();
-  new cls.ResourceTreeView('resource_tree_view','Tree View');
-  new cls.ResourceDetailView('resource_detail_view', 'Detail');
+  new cls.ResourceTreeView("resource_tree_view",
+                           "Tree View",
+                           "resource-tree",
+                           "",
+                           "",
+                           network_logger);
+  new cls.ResourceDetailView("resource_detail_view",
+                             "Detail",
+                             "",
+//                             "",
+                             "",
+                             network_logger);
   cls.ResourceDetailView.create_ui_widgets();
 
   new cls.NetworkLogView("network_logger",

src/client-en.xml

@@ -220,6 +220,7 @@ window.load_screen_timeout = window.setTimeout(function()
 <script src="./lib/nodelistprototype.js"/>
 <script src="./lib/objectnamespace.js"/>
 <script src="./lib/operanamespace.js"/>
+<script src="./lib/functionprototype.js"/>
 <script src="./lib/datenamespace.js"/>
 <script src="./lib/stringprototype.js"/>
 <script src="./lib/stylesheetlistprototype.js"/>
@@ -515,13 +516,13 @@ window.load_screen_timeout = window.setTimeout(function()
 <script src="./resource-manager/resourcemanager.1.0.events.onresponseheader.js"/>
 <script src="./resource-manager/resourcemanager.1.0.events.onresponsefinished.js"/>
 <script src="./resource-manager/documentmanager.1.0.events.onabouttoloaddocument.js"/>
+<script src="./resource-manager/documentmanager.1.0.responses.listdocuments.js"/>
 <script src="./resource-manager/resourcemanager.1.2.events.onurlunload.js"/>
 <script src="./resource-manager/resourcemanager.1.2.responses.getresource.js"/>
 <script src="./resource-manager/resource_test_view.js"/>
 <script src="./resource-manager/resource_detail_view.js"/>
 <script src="./resource-manager/resourcemanager.1.3.responses.createrequest.js"/>
 
-
 <script src="./network/network_service.js"/>
 <script src="./network/network_view.js"/>
 <script src="./network/network_request_crafting_view.js"/>

src/lib/functionprototype.js

@@ -0,0 +1,24 @@
+/**
+ * Throttle the function to run at most every delay ms
+ * @argument delay {Number}
+ */
+Function.prototype.throttle || (Function.prototype.throttle = function( delay )
+{
+  var _callback = this;
+  var _last = 0;
+  var _timeout = 0;
+  var _wrapped = function()
+  {
+    _timeout = 0;
+    _last = Date.now();
+    _callback();
+  };
+
+  return function()
+  {
+    if (_last < Date.now()-delay)
+      _wrapped();
+    else if (!_timeout)
+      _timeout = setTimeout(_wrapped, delay);
+  }
+});

src/network/network_templates.js

@@ -227,7 +227,7 @@ templates.url_list_entry = function(selected, entry)
   return ["li",
            templates.icon(entry),
            ["span",
-             (entry.short_distinguisher || entry.human_url).slice(0, 200),
+             (entry.short_distinguisher || entry.human_url || entry.url || "NO URL").slice(0, 200),
              "class", "network-url",
              "data-tooltip", "network-url-list-tooltip"
            ],

src/resource-manager/documentmanager.1.0.responses.listdocuments.js

@@ -0,0 +1,50 @@
+// Autogenerated by hob
+window.cls || (window.cls = {});
+cls.DocumentManager || (cls.DocumentManager = {});
+cls.DocumentManager["1.0"] || (cls.DocumentManager["1.0"] = {});
+
+cls.DocumentManager["1.0"].DocumentList = function(arr)
+{
+  this.documentList = (arr[0] || []).map(function(item)
+  {
+    return new cls.DocumentManager["1.0"].Document(item);
+  });
+};
+
+cls.DocumentManager["1.0"].Document = function(arr)
+{
+  this.windowID = arr[0];
+  this.frameID = arr[1];
+  this.documentID = arr[2];
+  /**
+    * The parent frame, present only if the frame is not the
+    * top level frame.
+    */
+  this.parentFrameID = arr[3];
+  /**
+    * Present unless this document is the top-level document
+    * in the Window.
+    */
+  this.parentDocumentID = arr[4];
+  /**
+    * The current URL of the document.
+    */
+  this.url = arr[5];
+  /**
+    * The resource used to generate this document.
+    */
+  this.resourceID = arr[6];
+  /**
+    * The value of the name attribute of the HTMLFrameElement. If the
+    * frame does not have a name, or this document is not associated with
+    * a HTMLFrameElement, this will field will not be present.
+    */
+  this.frameElementName = arr[7];
+  /**
+    * The value of the id attribute of the HTMLFrameElement. If the
+    * frame does not have an id, or this document is not associated with
+    * a HTMLFrameElement, this will field will not be present.
+    */
+  this.frameElementID = arr[8];
+};
+

src/resource-manager/resource_detail_view.js

@@ -4,14 +4,15 @@
  * @constructor
  * @extends ViewBase
  */
-cls.ResourceDetailView = function(id, name, container_class, html, default_handler) {
+cls.ResourceDetailView = function(id, name, container_class, html, default_handler, network_logger) {
   if (cls.ResourceDetailView.instance)
   {
     return cls.ResourceDetailView.instance;
   }
   cls.ResourceDetailView.instance = this;
 
-  this._service = new cls.ResourceManagerService(this);
+  this._service = new cls.ResourceManagerService(this, network_logger);
+
 
 	this.createView = function(container)
 	{
@@ -176,13 +177,15 @@ cls.ResourceDetailView = function(id, name, container_class, html, default_handl
   {
     this.data = data;
 
+    this.resource = resource;
+    /*
     if(resource instanceof cls.Resource)
       this._show_resource_by_instance(resource);
     else if (resource==Number(resource))
       this._show_resource_by_id(resource);
     else if (resource==String(resource))
       this._show_resource_url(resource);
-
+*/
     this.update();
     window.UI.instance.show_view( window.views.resource_detail_view.id );
   }