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

@@ -6552,6 +6552,16 @@ div.panel.ui-dialog div.list-view div.fixed-header {
   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

@@ -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');