bug 14240

Add VM details to name in PF/LB rule on click.

Note that the details panel now maximizes, to prevent additional panels
from accumulating by the user trying to click on multiple VMs when the
detail pane is present.

ui/css/cloudstack3.css

diff --git a/ui/css/cloudstack3.css b/ui/css/cloudstack3.css
index 9f90090..9dadcc7 100644
--- a/ui/css/cloudstack3.css
+++ b/ui/css/cloudstack3.css
@@ -6552,6 +6552,16 @@
   font-weight: bold;
 }
 
+.multi-edit .data .data-body .data-item .expandable-listing table tbody tr td.name span {
+  color: #4C5D78;
+  font-weight: normal;
+  cursor: pointer;
+}
+
+.multi-edit .data .data-body .data-item .expandable-listing table tbody tr td.name span:hover {
+  color: blue;
+}
+
 .multi-edit .data .data-body .data-item table tbody tr td.multi-actions {
   border-right: none;
 }

ui/scripts/ui/widgets/multiEdit.js

diff --git a/ui/scripts/ui/widgets/multiEdit.js b/ui/scripts/ui/widgets/multiEdit.js
index 7d2ba33..6b32ea0 100644
--- a/ui/scripts/ui/widgets/multiEdit.js
+++ b/ui/scripts/ui/widgets/multiEdit.js
@@ -480,6 +480,7 @@
 
       $browser.cloudBrowser('addPanel', {
         title: options.itemName ? options.itemName : data.name,
+        maximizeIfSelected: true,
         complete: function($newPanel) {
           $newPanel.detailView(detailViewArgs);
         }
@@ -522,8 +523,18 @@
       itemRow: function(item, itemActions, multiRule, $tbody) {
         var $tr = $('<tr>');
         var itemName = multiRule._itemName ? item[multiRule._itemName] : item.name;
+        var $itemName = $('<span>').html(_s(itemName));
 
-        $tr.append($('<td></td>').appendTo($tr).html(_s(itemName)));
+        $tr.append($('<td>').addClass('name').appendTo($tr).append($itemName));
+
+        $itemName.click(function() {
+          _medit.details(item, $('#browser .container'), {
+            itemName: itemName,
+            context: {
+              instances: [item]
+            }
+          });
+        });
 
         if (itemActions) {
           var $itemActions = $('<td>').addClass('actions item-actions');