apache/cloudstack
1
0
Fork 0
mirror of https://github.com/apache/cloudstack.git synced 2025-12-17 11:04:00 +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">

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

@ -377,8 +377,26 @@ 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){
@ -386,22 +404,6 @@ function clickInstanceGroupHeader($arrowIcon) {
$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));
@ -570,6 +572,7 @@ function clickInstanceGroupHeader($arrowIcon) {
dataType: "json", dataType: "json",
success: function(json) { success: function(json) {
var instances = json.listvirtualmachinesresponse.virtualmachine; var instances = json.listvirtualmachinesresponse.virtualmachine;
if (instances != null && instances.length > 0) {
for(var i=0; i<instances.length;i++) { for(var i=0; i<instances.length;i++) {
var $midmenuItem1 = $midmenuItem.clone(); var $midmenuItem1 = $midmenuItem.clone();
$midmenuItem1.data("toRightPanelFn", vmToRightPanel); $midmenuItem1.data("toRightPanelFn", vmToRightPanel);
@ -577,6 +580,7 @@ function clickInstanceGroupHeader($arrowIcon) {
$("#midmenu_container").append($midmenuItem1.show()); $("#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");
} }