Fix for DFL-3350 highlight selected resource in the tree

Author: p01

src/resource-manager/resource_service.js

@@ -135,6 +135,7 @@ cls.ResourceManagerService = function(view, network_logger)
       )
         this._listDocuments();
 
+      ctx.selectedResourceID = this._selectedResourceID;
       ctx.collapsed = this._collapsedHash;
       this._context = ctx;
     }
@@ -148,7 +149,6 @@ cls.ResourceManagerService = function(view, network_logger)
 
   this._update_bound = this._update.bind(this);
 
-
   this._on_debug_context_selected_bound = function()
   {
     this._documentList = [];
@@ -187,33 +187,26 @@ cls.ResourceManagerService = function(view, network_logger)
 
   this._handle_resource_detail_bound = function(event, target)
   {
-    var resource;
     if (!this._context)
       return;
 
     var parent = target.get_ancestor('[data-resource-id]');
     if (!parent)
       return;
 
-
-    if (this._selectedResourceId)
-    {
-      resource = this.get_resource(this._selectedResourceId);
-      if(resource)
-        resource.selected = false;
-    }
-
     var id = parent.getAttribute('data-resource-id');
-    resource = this.get_resource(id);
+    this.highlight_resource( id );
+    cls.ResourceDetailView.instance.show_resource(id);
+  }.bind(this);
 
-    if (!resource)
-      return;
+  this.highlight_resource = function(id)
+  {
+    this._selectedResourceID = id;
 
-    this._selectedResourceId = id;
-    resource.selected = true;
-    this._view.update();
-    cls.ResourceDetailView.instance.show_resource(resource);
+    if (this._context)
+      this._context.selectedResourceID = id;
 
+    this._view.update();
   }.bind(this);
 
   //  WIP: soon there will be some triggers to display a whole group of resource, e.g. gallery of images, videos, fonts, audios, ...

src/resource-manager/resource_style.css

@@ -332,6 +332,10 @@ a.external:hover
   background-repeat:repeat;
 }
 
+h2.resource-highlight
+{
+  background-color:yellow;
+}
 .resource-tree li > h2:hover
 {
   background-color:orange;

src/resource-manager/resource_templates.js

@@ -220,7 +220,10 @@ templates.resource_tree =
 				'data-resource-id',''+r.id,
 				'data-tooltip',!r.url&&'js-script-select',
 				'data-tooltip-text',!r.url&&JSON.stringify(r),
-				'class','resource-tree-resource'+(r.sameOrigin?'':' resource-different-origin')+(!r.url?' wat':'')
+				'class','resource-tree-resource'
+					+(r.sameOrigin?'':' resource-different-origin')
+					+(context.selectedResourceID==r.id?' resource-highlight':'')
+					+(!r.url?' wat':'')
 			]
 		]);
 	}