apache/cloudstack
1
0
Fork 0
mirror of https://github.com/apache/cloudstack.git synced 2025-12-16 18:43:26 +01:00
Code Issues Packages Projects Releases Wiki Activity

new UI - hide middle menu navigation when dashboard page is loaded.

Browse Source
This commit is contained in:
Jessica Wang 2010-09-16 17:17:29 -07:00
parent bcfbfa628e
commit a5430ffd5f
3 changed files with 33 additions and 29 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
ui/new/index.jsp
View File

@ -252,7 +252,7 @@ long milliseconds = new Date().getTime();
</div> </div>
--> -->
</div> </div>
<div class="midmenu_navigationbox"> <div class="midmenu_navigationbox" id="middle_menu_pagination">
<div class="midmenu_prevbutton"> <div class="midmenu_prevbutton">
</div> </div>
<div class="midmenu_nextbutton"> <div class="midmenu_nextbutton">

56
ui/new/scripts/cloud.core2.instance.js
View File

@ -377,31 +377,33 @@ function clickInstanceGroupHeader($arrowIcon) {
} }
function vmToRightPanel($midmenuItem) { function vmToRightPanel($midmenuItem) {
var json = $midmenuItem.data("jsonObj"); var jsonObj = $midmenuItem.data("jsonObj");
vmJsonToDetailsTab(json, $midmenuItem);
var vmName = getVmName(jsonObj.name, jsonObj.displayname);
$("right_panel_header").find("#vm_name").text(fromdb(vmName));
var $rightPanelContent = $("#right_panel_content");
if($midmenuItem.find("#info_icon").css("display") != "none") {
$rightPanelContent.find("#after_action_info").text($midmenuItem.data("afterActionInfo"));
if($midmenuItem.find("#info_icon").hasClass("error"))
$rightPanelContent.find("#after_action_info_container").addClass("errorbox");
else
$rightPanelContent.find("#after_action_info_container").removeClass("errorbox");
$rightPanelContent.find("#after_action_info_container").show();
}
else {
$rightPanelContent.find("#after_action_info").text("");
$rightPanelContent.find("#after_action_info_container").hide();
}
vmJsonToDetailsTab(jsonObj, $midmenuItem);
} }
function vmJsonToDetailsTab(jsonObj, $midmenuItem){ function vmJsonToDetailsTab(jsonObj, $midmenuItem){
var $detailsTab = $("#right_panel_content #tab_content_details"); var $detailsTab = $("#right_panel_content #tab_content_details");
$detailsTab.data("jsonObj", jsonObj); $detailsTab.data("jsonObj", jsonObj);
//details tab //details tab
if($midmenuItem.find("#info_icon").css("display") != "none") {
$detailsTab.find("#after_action_info").text($midmenuItem.data("afterActionInfo"));
if($midmenuItem.find("#info_icon").hasClass("error"))
$detailsTab.find("#after_action_info_container").addClass("errorbox");
else
$detailsTab.find("#after_action_info_container").removeClass("errorbox");
$detailsTab.find("#after_action_info_container").show();
}
else {
$detailsTab.find("#after_action_info").text("");
$detailsTab.find("#after_action_info_container").hide();
}
var vmName = getVmName(jsonObj.name, jsonObj.displayname);
$rightPanelHeader.find("#vm_name").text(fromdb(vmName));
updateVirtualMachineStateInRightPanel(jsonObj.state); updateVirtualMachineStateInRightPanel(jsonObj.state);
$detailsTab.find("#ipAddress").text(jsonObj.ipaddress); $detailsTab.find("#ipAddress").text(jsonObj.ipaddress);
$detailsTab.find("#zoneName").text(fromdb(jsonObj.zonename)); $detailsTab.find("#zoneName").text(fromdb(jsonObj.zonename));
@ -569,13 +571,15 @@ function clickInstanceGroupHeader($arrowIcon) {
data: createURL("command=listVirtualMachines&group="+group1+"&pagesize="+midmenuItemCount), data: createURL("command=listVirtualMachines&group="+group1+"&pagesize="+midmenuItemCount),
dataType: "json", dataType: "json",
success: function(json) { success: function(json) {
var instances = json.listvirtualmachinesresponse.virtualmachine; var instances = json.listvirtualmachinesresponse.virtualmachine;
for(var i=0; i<instances.length;i++) { if (instances != null && instances.length > 0) {
var $midmenuItem1 = $midmenuItem.clone(); for(var i=0; i<instances.length;i++) {
$midmenuItem1.data("toRightPanelFn", vmToRightPanel); var $midmenuItem1 = $midmenuItem.clone();
vmToMidmenu(instances[i], $midmenuItem1); $midmenuItem1.data("toRightPanelFn", vmToRightPanel);
$("#midmenu_container").append($midmenuItem1.show()); vmToMidmenu(instances[i], $midmenuItem1);
} $("#midmenu_container").append($midmenuItem1.show());
}
}
} }
}); });
return false; return false;

4
ui/new/scripts/cloud.core2.js
View File

@ -545,12 +545,12 @@ var selected_leftmenu_id = null;
var selected_midmenu_id = null; var selected_midmenu_id = null;
function hideMiddleMenu() { function hideMiddleMenu() {
$("#middle_menu, #search_panel").hide(); $("#middle_menu, #search_panel, #middle_menu_pagination").hide();
$("#right_panel").removeClass("main_contentarea").addClass("main_contentarea_dashboard"); $("#right_panel").removeClass("main_contentarea").addClass("main_contentarea_dashboard");
} }
function showMiddleMenu() { function showMiddleMenu() {
$("#middle_menu, #search_panel").show(); $("#middle_menu, #search_panel, #middle_menu_pagination").show();
$("#right_panel").removeClass("main_contentarea_dashboard").addClass("main_contentarea"); $("#right_panel").removeClass("main_contentarea_dashboard").addClass("main_contentarea");
} }