From 5fc5bdf5209b608d284a8a43611e5e72cb5e6e47 Mon Sep 17 00:00:00 2001
From: Jessica Wang <jessica@cloud.com>
Date: Thu, 28 Oct 2010 15:17:26 -0700
Subject: [PATCH] new UI - Disk offering page - implement Edit Disk Offering in
 action menu. remove Edit Button.

---
 ui/new/jsp/diskoffering.jsp                |  8 +----
 ui/new/scripts/cloud.core2.diskoffering.js | 39 +++++++++++++++++-----
 2 files changed, 32 insertions(+), 15 deletions(-)

diff --git a/ui/new/jsp/diskoffering.jsp b/ui/new/jsp/diskoffering.jsp
index 30ee420bce9..440bf7f55ac 100644
--- a/ui/new/jsp/diskoffering.jsp
+++ b/ui/new/jsp/diskoffering.jsp
@@ -33,13 +33,7 @@
                    <div class="rightpanel_mainloader_animatedicon"></div>
                    <p>Loading &hellip;</p>    
               </div>               
-        </div>
-        <div class="grid_actionpanel">
-            <div class="grid_editbox" id="edit_button">
-            </div>
-                             
-        </div>
-
+        </div>   
         <div class="grid_container">
         	<div class="grid_header">
             	<div id="grid_header_title" class="grid_header_title">(title)</div>
diff --git a/ui/new/scripts/cloud.core2.diskoffering.js b/ui/new/scripts/cloud.core2.diskoffering.js
index 8a19eba91a5..1724788ef2b 100644
--- a/ui/new/scripts/cloud.core2.diskoffering.js
+++ b/ui/new/scripts/cloud.core2.diskoffering.js
@@ -18,12 +18,7 @@
 
 function afterLoadDiskOfferingJSP() {
     var $detailsTab = $("#right_panel_content #tab_content_details"); 
-
-    //edit button ***
-    var $readonlyFields  = $detailsTab.find("#name, #displaytext");
-    var $editFields = $detailsTab.find("#name_edit, #displaytext_edit"); 
-    initializeEditFunction($readonlyFields, $editFields, doUpdateDiskOffering);   
-    
+      
     //dialogs
     initDialog("dialog_add_disk");
     
@@ -90,7 +85,30 @@ function afterLoadDiskOfferingJSP() {
 	});
 }
 
-function doUpdateDiskOffering() {
+function doEditDiskOffering($actionLink, $detailsTab, $midmenuItem1) {       
+    var $readonlyFields  = $detailsTab.find("#name, #displaytext");
+    var $editFields = $detailsTab.find("#name_edit, #displaytext_edit"); 
+             
+    $readonlyFields.hide();
+    $editFields.show();  
+    $detailsTab.find("#cancel_button, #save_button").show();
+    
+    $detailsTab.find("#cancel_button").unbind("click").bind("click", function(event){    
+        $editFields.hide();
+        $readonlyFields.show();   
+        $("#save_button, #cancel_button").hide();       
+        return false;
+    });
+    $detailsTab.find("#save_button").unbind("click").bind("click", function(event){        
+        doEditDiskOffering2($actionLink, $detailsTab, $midmenuItem1);     
+        $editFields.hide();      
+        $readonlyFields.show();       
+        $("#save_button, #cancel_button").hide();       
+        return false;
+    });   
+}
+
+function doEditDiskOffering2($actionLink, $detailsTab, $midmenuItem1) { 
     var $detailsTab = $("#right_panel_content #tab_content_details");   
     var jsonObj = $detailsTab.data("jsonObj");
     var id = jsonObj.id;
@@ -151,6 +169,7 @@ function diskOfferingJsonToDetailsTab($midmenuItem1) {
     $detailsTab.data("jsonObj", jsonObj);      
     $detailsTab.find("#id").text(jsonObj.id);
     
+    $detailsTab.find("#grid_header_title").text(fromdb(jsonObj.name));
     $detailsTab.find("#name").text(fromdb(jsonObj.name));
     $detailsTab.find("#name_edit").val(fromdb(jsonObj.name));
     
@@ -164,6 +183,7 @@ function diskOfferingJsonToDetailsTab($midmenuItem1) {
     //actions ***
     var $actionMenu = $("#right_panel_content #tab_content_details #action_link #action_menu");
     $actionMenu.find("#action_list").empty();    
+    buildActionLinkForDetailsTab("Edit Disk Offering", diskOfferingActionMap, $actionMenu, $midmenuItem1, $detailsTab);	  
     buildActionLinkForDetailsTab("Delete Disk Offering", diskOfferingActionMap, $actionMenu, $midmenuItem1, $detailsTab);	    
 }
 
@@ -187,7 +207,10 @@ function diskOfferingClearDetailsTab() {
     $actionMenu.find("#action_list").append($("#no_available_actions").clone().show());
 }
 
-var diskOfferingActionMap = {     
+var diskOfferingActionMap = {   
+    "Edit Disk Offering": {
+        dialogBeforeActionFn: doEditDiskOffering
+    },   
     "Delete Disk Offering": {              
         api: "deleteDiskOffering",     
         isAsyncJob: false,