From 76528f37f12996d7ea00f3fbf63f7eb5626105bc Mon Sep 17 00:00:00 2001
From: Brian Federle <brian.federle@citrix.com>
Date: Wed, 21 Mar 2012 12:13:19 -0700
Subject: [PATCH] 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             | 10 ++++++++++
 ui/scripts/ui/widgets/multiEdit.js | 13 ++++++++++++-
 2 files changed, 22 insertions(+), 1 deletion(-)

diff --git a/ui/css/cloudstack3.css b/ui/css/cloudstack3.css
index 9f90090d9c3..9dadcc77a6c 100644
--- a/ui/css/cloudstack3.css
+++ b/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;
 }
diff --git a/ui/scripts/ui/widgets/multiEdit.js b/ui/scripts/ui/widgets/multiEdit.js
index 7d2ba33ef32..6b32ea07590 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');