apache/cloudstack
1
0
Fork 0
mirror of https://github.com/apache/cloudstack.git synced 2025-11-04 00:02:37 +01:00
Code Issues Packages Projects Releases Wiki Activity

new UI - implement delete zone action.

Browse Source
This commit is contained in:
Jessica Wang 2010-10-19 15:55:06 -07:00
parent ce385915a3
commit b60fd783fd
2 changed files with 120 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

32
ui/new/jsp/resource.jsp
View File

@ -31,6 +31,22 @@
</div>
<!-- Details tab (start)-->
<div id="tab_content_details">
<div class="grid_actionpanel">
<div class="grid_actionbox" id="action_link">
<div class="grid_actionsdropdown_box" id="action_menu" style="display: none;">
<ul class="actionsdropdown_boxlist" id="action_list">
<li><%=t.t("no.available.actions")%></li>
</ul>
</div>
</div>
<div class="gridheader_loaderbox" id="spinning_wheel" style="border: 1px solid #999;
display: none;">
<div class="gridheader_loader" id="icon">
</div>
<p id="description">
Waiting &hellip;</p>
</div>
</div>
<div class="grid_container">
<div class="grid_rows odd">
<div class="grid_row_cell" style="width: 20%;">
@ -158,6 +174,22 @@
</div>
<!-- Details tab (start)-->
<div id="tab_content_details">
<div class="grid_actionpanel">
<div class="grid_actionbox" id="action_link">
<div class="grid_actionsdropdown_box" id="action_menu" style="display: none;">
<ul class="actionsdropdown_boxlist" id="action_list">
<li><%=t.t("no.available.actions")%></li>
</ul>
</div>
</div>
<div class="gridheader_loaderbox" id="spinning_wheel" style="border: 1px solid #999;
display: none;">
<div class="gridheader_loader" id="icon">
</div>
<p id="description">
Waiting &hellip;</p>
</div>
</div>
<div class="grid_container">
<div class="grid_rows odd">
<div class="grid_row_cell" style="width: 20%;">

96
ui/new/scripts/cloud.core2.resource.js
View File

@ -78,9 +78,7 @@ function buildZoneTree() {
var jsonObj = target.data("jsonObj");
showPage($("#zone_page"), jsonObj);
hideMiddleMenu();
zoneJsonToDetailsTab(jsonObj);
zoneJsonToNetworkTab(jsonObj);
zoneJsonToSecondaryStorageTab(jsonObj);
zoneJsonToRightPanel(jsonObj);
break;
case "pod_name" :
@ -233,10 +231,26 @@ function showPage($pageToShow, jsonObj) {
}
//***** zone page (begin) *****************************************************************************************************
function zoneGetLeftmenuId(jsonObj) {
return "zone_" + jsonObj.id;
}
function zoneJsonToRightPanel(jsonObj) {
zoneJsonToDetailsTab(jsonObj);
zoneJsonToNetworkTab(jsonObj);
zoneJsonToSecondaryStorageTab(jsonObj);
}
function zoneJsonClearRightPanel(jsonObj) {
zoneJsonClearDetailsTab(jsonObj);
zoneJsonClearNetworkTab(jsonObj);
zoneJsonClearSecondaryStorageTab(jsonObj);
}
function zoneJsonToDetailsTab(jsonObj) {
var $detailsTab = $("#zone_page").find("#tab_content_details");
$detailsTab.data("jsonObj", jsonObj);
$detailsTab.find("#id").text(fromdb(jsonObj.id));
$detailsTab.find("#id").text(jsonObj.id);
$detailsTab.find("#name").text(fromdb(jsonObj.name));
$detailsTab.find("#dns1").text(fromdb(jsonObj.dns1));
$detailsTab.find("#dns2").text(fromdb(jsonObj.dns2));
@ -244,6 +258,38 @@ function zoneJsonToDetailsTab(jsonObj) {
$detailsTab.find("#internaldns2").text(fromdb(jsonObj.internaldns2));
$detailsTab.find("#vlan").text(fromdb(jsonObj.vlan));
$detailsTab.find("#guestcidraddress").text(fromdb(jsonObj.guestcidraddress));
//actions ***
var $actionLink = $detailsTab.find("#action_link");
$actionLink.bind("mouseover", function(event) {
$(this).find("#action_menu").show();
return false;
});
$actionLink.bind("mouseout", function(event) {
$(this).find("#action_menu").hide();
return false;
});
var $actionMenu = $detailsTab.find("#action_link #action_menu");
$actionMenu.find("#action_list").empty();
var midmenuItemId = zoneGetLeftmenuId(jsonObj);
buildActionLinkForDetailsTab("Delete Zone", zoneActionMap, $actionMenu, midmenuItemId, $detailsTab);
}
function zoneJsonClearDetailsTab(jsonObj) {
var $detailsTab = $("#zone_page").find("#tab_content_details");
$detailsTab.find("#id").text("");
$detailsTab.find("#name").text("");
$detailsTab.find("#dns1").text("");
$detailsTab.find("#dns2").text("");
$detailsTab.find("#internaldns1").text("");
$detailsTab.find("#internaldns2").text("");
$detailsTab.find("#vlan").text("");
$detailsTab.find("#guestcidraddress").text("");
//actions ***
var $actionMenu = $detailsTab.find("#action_link #action_menu");
$actionMenu.find("#action_list").empty();
$actionMenu.find("#action_list").append($("#no_available_actions").clone().show());
}
var $vlanContainer;
@ -276,6 +322,13 @@ function zoneJsonToNetworkTab(jsonObj) {
});
}
function zoneJsonClearNetworkTab(jsonObj) {
var $networkTab = $("#zone_page").find("#tab_content_network");
$networkTab.find("#zone_cloud").find("#zone_name").text("");
$networkTab.find("#zone_vlan").text("");
$networkTab.find("#vlan_container").empty();
}
function zoneJsonToSecondaryStorageTab(jsonObj) {
var zoneObj = $("#zone_page").find("#tab_content_details").data("jsonObj");
$.ajax({
@ -297,6 +350,10 @@ function zoneJsonToSecondaryStorageTab(jsonObj) {
});
}
function zoneJsonClearSecondaryStorageTab(jsonObj) {
$("#zone_page").find("#tab_content_secondarystorage").empty();
}
function vlanJsonToTemplate(jsonObj, $template1) {
$template1.data("jsonObj", jsonObj);
$template1.find("#vlan_id").text(jsonObj.vlan);
@ -439,13 +496,15 @@ function hostJsonToDetailsTab(jsonObj) {
alert("Unsupported Host State: " + jsonObj.state);
}
//temporary for testing (begin) *****
// buildActionLinkForDetailsTab("Enable Maintenance Mode", hostActionMap, $actionMenu, midmenuItemId, $detailsTab);
// buildActionLinkForDetailsTab("Cancel Maintenance Mode", hostActionMap, $actionMenu, midmenuItemId, $detailsTab);
// buildActionLinkForDetailsTab("Force Reconnect", hostActionMap, $actionMenu, midmenuItemId, $detailsTab);
// buildActionLinkForDetailsTab("Remove Host", hostActionMap, $actionMenu, midmenuItemId, $detailsTab);
// buildActionLinkForDetailsTab("Update OS Preference", hostActionMap, $actionMenu, midmenuItemId, $detailsTab);
// noAvailableActions = false;
//temporary for testing (begin) *****
/*
buildActionLinkForDetailsTab("Enable Maintenance Mode", hostActionMap, $actionMenu, midmenuItemId, $detailsTab);
buildActionLinkForDetailsTab("Cancel Maintenance Mode", hostActionMap, $actionMenu, midmenuItemId, $detailsTab);
buildActionLinkForDetailsTab("Force Reconnect", hostActionMap, $actionMenu, midmenuItemId, $detailsTab);
buildActionLinkForDetailsTab("Remove Host", hostActionMap, $actionMenu, midmenuItemId, $detailsTab);
buildActionLinkForDetailsTab("Update OS Preference", hostActionMap, $actionMenu, midmenuItemId, $detailsTab);
noAvailableActions = false;
*/
//temporary for testing (begin) *****
// no available actions
@ -1568,5 +1627,20 @@ function doDeleteSecondaryStorage($actionLink, $subgridItem) {
}).dialog("open");
}
var zoneActionMap = {
"Delete Zone": {
api: "deleteZone",
isAsyncJob: false,
inProcessText: "Deleting Zone....",
afterActionSeccessFn: function(json, id, midmenuItemId) {
var $midmenuItem1 = $("#"+midmenuItemId); //zone node in zone tree in left menu
$midmenuItem1.slideUp(function() {
$(this).remove();
});
clearRightPanel();
zoneJsonClearRightPanel();
}
}
}