etan39
/
cloudstack
mirror of https://github.com/apache/cloudstack.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

new UI - Global Settings page - show loading image before page is fully loaded.

This commit is contained in:
Jessica Wang 2010-10-31 16:30:20 -07:00
parent f65061b793
commit 6d9c8c5872
2 changed files with 47 additions and 37 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

74
ui/new/jsp/globalsetting.jsp
View File

@ -28,42 +28,46 @@
<%=t.t("details")%></div>
</div>
<div id="tab_content_details">
<div class="rightpanel_mainloader_panel" style="display:none;">
<div class="rightpanel_mainloaderbox">
<div class="rightpanel_mainloader_animatedicon"></div>
<p>Loading &hellip;</p>
</div>
</div>
<div class="grid_container">
<div class="grid_header">
<div class="grid_header_cell" style="width:35%; border:none;">
<div class="grid_header_title">Name</div>
<div id="tab_spinning_wheel" class="rightpanel_mainloader_panel" style="display: none;">
<div class="rightpanel_mainloaderbox">
<div class="rightpanel_mainloader_animatedicon">
</div>
<div class="grid_header_cell" style="width:23%; border:none;">
<div class="grid_header_title">Value</div>
</div>
<div class="grid_header_cell" style="width:27%; border:none;">
<div class="grid_header_title">Description</div>
</div>
<div class="grid_header_cell" style="width:15%; border:none;">
<div id="action_link" class="grid_actionbox" id="account_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>
<li id="edit_button">Edit</a></li>
</ul>
</div>
</div>
</div>
</div>
<div id="grid_content" class="fixed_gridcontainer">
</div>
</div>
<div class="grid_botactionpanel">
<div class="gridbot_buttons" id="save_button" style="display:none;">Save</div>
<div class="gridbot_buttons" id="cancel_button" style="display:none;">Cancel</div>
</div>
<p>
Loading &hellip;</p>
</div>
</div>
<div id="tab_container">
<div class="grid_container">
<div class="grid_header">
<div class="grid_header_cell" style="width:35%; border:none;">
<div class="grid_header_title">Name</div>
</div>
<div class="grid_header_cell" style="width:23%; border:none;">
<div class="grid_header_title">Value</div>
</div>
<div class="grid_header_cell" style="width:27%; border:none;">
<div class="grid_header_title">Description</div>
</div>
<div class="grid_header_cell" style="width:15%; border:none;">
<div id="action_link" class="grid_actionbox" id="account_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>
<li id="edit_button">Edit</a></li>
</ul>
</div>
</div>
</div>
</div>
<div id="grid_content" class="fixed_gridcontainer">
</div>
</div>
<div class="grid_botactionpanel">
<div class="gridbot_buttons" id="save_button" style="display:none;">Save</div>
<div class="gridbot_buttons" id="cancel_button" style="display:none;">Cancel</div>
</div>
</div>
</div>
</div>
<!-- global setting grid template (begin) -->

10
ui/new/scripts/cloud.core2.globalsetting.js
View File

@ -33,7 +33,11 @@ function afterLoadGlobalSettingJSP() {
initDialogWithOK("dialog_alert_restart_management_server");
}
function populateGlobalSettingGrid() {
function populateGlobalSettingGrid() {
var $thisTab = $("#right_panel_content #tab_content_details");
$thisTab.find("#tab_container").hide();
$thisTab.find("#tab_spinning_wheel").show();
$.ajax({
data: createURL("command=listConfigurations"+maxPageSize),
dataType: "json",
@ -47,7 +51,9 @@ function populateGlobalSettingGrid() {
globalsettingJSONToTemplate(items[i], $newTemplate);
$container.append($newTemplate.show());
}
}
}
$thisTab.find("#tab_spinning_wheel").hide();
$thisTab.find("#tab_container").show();
}
});
}