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

Loader for left menu

Browse Source
This commit is contained in:
NIKITA 2010-10-15 13:14:55 -07:00
parent 81213ec032
commit e851353ebe
3 changed files with 57 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

37
ui/new/css/main.css
View File

@ -1129,7 +1129,7 @@ a:visited {
#header {
#main_header {
min-width:960px;
width:100%;
height:44px;
@ -1276,7 +1276,8 @@ a:visited {
.leftmenu_expandedlist{
width:100%;
height:auto;
float:left;
float:left;
position:relative;
margin:0;
padding:0;
}
@ -1313,6 +1314,38 @@ a:visited {
}
*/
.leftmenu_loadingbox {
width:100%;
height:auto;
position:absolute;
background:#fdecbc repeat top left;
margin:0;
padding:0;
}
.leftmenu_loadingbox p{
width:auto;
height:auto;
float:left;
color:#333;
font-size:11px;
font-weight:bold;
text-align:left;
margin:1px 0 0 10px;
display:inline;
padding:3px 0;
}
.leftmenu_loader {
width:16px;
height:16px;
float:left;
background:url(../images/leftmenu_loader.gif) no-repeat top left;
margin:2px 0 0 5px;
display:inline;
}
.white_openedarrow {
width:5px;
height:10px;

BIN
ui/new/images/leftmenu_loader.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 847 B

28
ui/new/index.jsp
View File

@ -79,7 +79,7 @@ long milliseconds = new Date().getTime();
<div id="overlay_black" style="display: none">
</div>
<div id="main">
<div id="header">
<div id="main_header">
<div class="header_left">
<div class="logo">
</div>
@ -582,10 +582,10 @@ long milliseconds = new Date().getTime();
</div>
</div>
</div>
<div class="leftmenu_expandedlist">
<div class="leftmenu_content" id="leftmenu_zone_tree">
</div>
</div>
<div id="leftmenu_zone_tree">
</div>
<div class="leftmenu_expandedlist">
<div class="leftmenu_content" style="border-bottom: 1px dashed b4c8d6;" id="leftmenu_service_offering">
<div class="leftmenu_secondindent">
@ -699,6 +699,10 @@ long milliseconds = new Date().getTime();
<%=t.t("no.available.actions")%></li>
<div class="leftmenu_expandedlist" id="leftmenu_zone_node_template" style="display:none">
<div class="leftmenu_loadingbox" style="display:none;">
<div class="leftmenu_loader"></div>
<p> Adding Zone &hellip; </p>
</div>
<div class="leftmenu_content selected" id="header">
<div class="leftmenu_thirdindent">
<div class="leftmenu_arrows expanded_close" id="arrowIcon">
@ -708,9 +712,13 @@ long milliseconds = new Date().getTime();
Zone: <strong><span id="zone_name"></span></strong>
</div>
</div>
<div id="zone_container"></div>
<div id="zone_container"></div>
</div>
<div class="leftmenu_expandedlist" id="leftmenu_pod_node_template" style="display:none">
<div class="leftmenu_loadingbox" style="display:none;">
<div class="leftmenu_loader"></div>
<p> Adding Pod &hellip; </p>
</div>
<div class="leftmenu_content selected" id="header">
<div class="leftmenu_fourthindent">
<div class="leftmenu_arrows expanded_close" id="arrowIcon">
@ -724,6 +732,10 @@ long milliseconds = new Date().getTime();
</div>
<div class="leftmenu_expandedlist" id="leftmenu_cluster_node_template" style="display:none">
<div class="leftmenu_loadingbox" style="display:none;">
<div class="leftmenu_loader"></div>
<p> Adding Cluster &hellip; </p>
</div>
<div class="leftmenu_content selected" id="header">
<div class="leftmenu_fifthindent">
<div class="leftmenu_arrows expanded_close" id="arrowIcon">
@ -737,6 +749,10 @@ long milliseconds = new Date().getTime();
</div>
<div class="leftmenu_expandedlist" id="leftmenu_systemvm_node_template" style="display:none">
<div class="leftmenu_loadingbox" style="display:none;">
<div class="leftmenu_loader"></div>
<p> Adding Sytem VM &hellip; </p>
</div>
<div class="leftmenu_content selected" id="header">
<div class="leftmenu_fourthindent">
<div class="leftmenu_arrows expanded_close" id="arrowIcon">