From b5bc938eaf6f3ddea5255aab4dd5ee22be0d5a7a Mon Sep 17 00:00:00 2001 From: Jessica Wang Date: Mon, 25 Oct 2010 10:55:07 -0700 Subject: [PATCH] new UI - when details tab action is finished, show succeed/fail icon on middle menu item and hide the info in middle menu item and show the info at right panel when the middle menu item is clicked. --- ui/new/scripts/cloud.core2.instance.js | 3 +-- ui/new/scripts/cloud.core2.js | 35 ++++++++++++++++++-------- 2 files changed, 26 insertions(+), 12 deletions(-) diff --git a/ui/new/scripts/cloud.core2.instance.js b/ui/new/scripts/cloud.core2.instance.js index 05b556dcae4..ef5fc109810 100644 --- a/ui/new/scripts/cloud.core2.instance.js +++ b/ui/new/scripts/cloud.core2.instance.js @@ -92,8 +92,7 @@ function afterLoadInstanceJSP() { asyncJobResponse: "startvirtualmachineresponse", afterActionSeccessFn: function(json, $midmenuItem1, id) { var jsonObj = json.queryasyncjobresultresponse.jobresult.startvirtualmachineresponse; - vmToMidmenu(jsonObj, $midmenuItem1); - vmToRightPanel($midmenuItem1); + vmToMidmenu(jsonObj, $midmenuItem1); } } doActionForMidMenu(id, apiInfo, apiCommand); diff --git a/ui/new/scripts/cloud.core2.js b/ui/new/scripts/cloud.core2.js index ebb49c23eac..e8d36ef38a0 100644 --- a/ui/new/scripts/cloud.core2.js +++ b/ui/new/scripts/cloud.core2.js @@ -86,17 +86,25 @@ function doActionToDetailsTab(id, $actionLink, apiCommand, $midmenuItem1, $detai $spinningWheel.hide(); if (result.jobstatus == 1) { // Succeeded $afterActionInfoContainer.find("#after_action_info").text(label + " action succeeded."); - $afterActionInfoContainer.removeClass("errorbox").show(); + $afterActionInfoContainer.removeClass("errorbox").show(); + + $midmenuItem1.data("afterActionInfo", (label + " action succeeded.")); + $midmenuItem1.find("#info_icon").removeClass("error").show(); + afterActionSeccessFn(json, $midmenuItem1, id); } else if (result.jobstatus == 2) { // Failed $afterActionInfoContainer.find("#after_action_info").text(label + " action failed. Reason: " + fromdb(result.jobresult)); - $afterActionInfoContainer.addClass("errorbox").show(); + $afterActionInfoContainer.addClass("errorbox").show(); + + $midmenuItem1.data("afterActionInfo", (label + " action failed. Reason: " + fromdb(result.jobresult))); + $midmenuItem1.find("#info_icon").addClass("error").show(); } } }, error: function(XMLHttpResponse) { $("body").stopTime(timerKey); - handleErrorInDetailsTab(XMLHttpResponse, $detailsTab, label, $afterActionInfoContainer); + handleErrorInDetailsTab(XMLHttpResponse, $detailsTab, label, $afterActionInfoContainer); + handleErrorInMidMenu(XMLHttpResponse, $midmenuItem1); } }); }, @@ -104,7 +112,8 @@ function doActionToDetailsTab(id, $actionLink, apiCommand, $midmenuItem1, $detai ); }, error: function(XMLHttpResponse) { - handleErrorInDetailsTab(XMLHttpResponse, $detailsTab, label, $afterActionInfoContainer); + handleErrorInDetailsTab(XMLHttpResponse, $detailsTab, label, $afterActionInfoContainer); + handleErrorInMidMenu(XMLHttpResponse, $midmenuItem1); } }); } @@ -119,11 +128,16 @@ function doActionToDetailsTab(id, $actionLink, apiCommand, $midmenuItem1, $detai success: function(json) { $spinningWheel.hide(); $afterActionInfoContainer.find("#after_action_info").text(label + " action succeeded."); - $afterActionInfoContainer.removeClass("errorbox").show(); + $afterActionInfoContainer.removeClass("errorbox").show(); + + $midmenuItem1.data("afterActionInfo", (label + " action succeeded.")); + $midmenuItem1.find("#info_icon").removeClass("error").show(); + afterActionSeccessFn(json, $midmenuItem1, id); }, error: function(XMLHttpResponse) { - handleErrorInDetailsTab(XMLHttpResponse, $detailsTab, label, $afterActionInfoContainer); + handleErrorInDetailsTab(XMLHttpResponse, $detailsTab, label, $afterActionInfoContainer); + handleErrorInMidMenu(XMLHttpResponse, $midmenuItem1); } }); } @@ -424,6 +438,7 @@ function handleErrorInMidMenu(XMLHttpResponse, $midmenuItem1) { $midmenuItem1.find("#second_row").html(" "); } +/* function handleAsyncJobFailInMidMenu(errorMsg, $midmenuItem1) { $midmenuItem1.find("#content").removeClass("inaction"); $midmenuItem1.find("#spinning_wheel").hide(); @@ -435,6 +450,8 @@ function handleAsyncJobFailInMidMenu(errorMsg, $midmenuItem1) { else $midmenuItem1.find("#second_row").html(" "); } +*/ + /* If Cancel button in dialog is clicked, action won't preceed. @@ -457,13 +474,11 @@ function copyAfterActionInfoToRightPanel($midmenuItem1) { else $afterActionInfoContainer.removeClass("errorbox"); $afterActionInfoContainer.show(); - } - /* + } else { $afterActionInfoContainer.find("#after_action_info").text(""); $afterActionInfoContainer.hide(); - } - */ + } } //***** actions for middle menu (end) **************************************************************************