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

New UI for mid menu in Resorces

This commit is contained in:
NIKITA 2010-10-11 15:46:35 -07:00
parent 44623bb116
commit 319e70b0b2
8 changed files with 65 additions and 72 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -1317,11 +1317,19 @@ a:visited {
width:150px;
height:auto;
float:left;
margin:7px 0 0 65px;
margin:7px 0 0 60px;
display:inline;
padding:0;
}
.leftmenu_fourthindent{
width:170px;
height:auto;
float:left;
margin:7px 0 0 100px;
display:inline;
padding:0;
}
.leftmenu_titles {
@ -1770,9 +1778,9 @@ a:hover.search_button {
margin:0 0 0 0;
list-style:none;
padding:0;
overflow-y:scoll;
overflow-y:auto;
overflow-x:hidden;
overflow-x:scoll;
overflow-x:auto;
overflow-y:hidden;
padding:0;
}
@ -2891,29 +2899,7 @@ a:hover.search_button {
text-decoration:underline;
}
.zonetree_closedarrows {
width:12px;
height:14px;
background:url(../images/zone_sidearrow.png) no-repeat top left;
float:left;
margin:5px 5px 0 8px;
display:inline;
padding:0;
cursor:pointer;
cursor:hand;
}
.zonetree_openarrows {
width:12px;
height:14px;
background:url(../images/zone_openarrow.png) no-repeat top left;
float:left;
margin:10px 5px 0 8px;
display:inline;
padding:0;
cursor:pointer;
cursor:hand;
}
.db_resourcebox {
width:75%;
@ -3260,13 +3246,11 @@ a:hover.search_button {
/* zonetree (begin) */
.zonetree_contentbox {
width:530px;
height:590px;
width:220px;
height:auto;
float:left;
margin:15px 0 0 0;
overflow-x:hidden;
overflow-y:scroll;
overflow-y:auto;
margin:0 0 0 0;
padding:0;
}
.zonetree_contentbox p {
@ -3311,7 +3295,7 @@ a:hover.search_button {
.zonetree_firstlevel {
width:510px;
width:220px;
height:25px;
float:left;
margin:0 0 5px 0;
@ -3319,7 +3303,7 @@ a:hover.search_button {
}
.zonetree_firstlevel_selected {
width:510px;
width:220px;
height:25px;
float:left;
margin:0 0 5px 0;
@ -3386,7 +3370,7 @@ a:hover.search_button {
height:14px;
background:url(../images/zone_sidearrow.png) no-repeat top left;
float:left;
margin:5px 5px 0 8px;
margin:0 5px 0 0px;
display:inline;
padding:0;
cursor:pointer;
@ -3398,7 +3382,7 @@ a:hover.search_button {
height:14px;
background:url(../images/zone_openarrow.png) no-repeat top left;
float:left;
margin:10px 5px 0 8px;
margin:2px 5px 0 0px;
display:inline;
padding:0;
cursor:pointer;

BIN
ui/new/images/zone_clustericon.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.0 KiB

After

Width:  |  Height:  |  Size: 897 B

BIN
ui/new/images/zone_hosticon.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.0 KiB

After

Width:  |  Height:  |  Size: 927 B

BIN
ui/new/images/zone_podicon.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.0 KiB

After

Width:  |  Height:  |  Size: 1015 B

BIN
ui/new/images/zone_primarystorageicon.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.0 KiB

After

Width:  |  Height:  |  Size: 863 B

BIN
ui/new/images/zone_systemvmicon.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.0 KiB

After

Width:  |  Height:  |  Size: 991 B

BIN
ui/new/images/zone_zoneicon.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.3 KiB

After

Width:  |  Height:  |  Size: 3.9 KiB

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

@ -270,12 +270,6 @@
<!-- Zonetree Template (begin) -->
<div class="zonetree_contentbox" id="zonetree" style="display:none">
<div class="zonetree_addbox">
<div class="zonetree_addicon">
</div>
<div class="zonetree_links" id="action_add_zone">
Add a Zone</div>
</div>
<div id="zones_container">
</div>
</div>
@ -288,10 +282,12 @@
<div class="adding_text">Adding a zone &hellip; </div>
</div>
<div id="row_container">
<div class="zonetree_firstlevel">
<div class="zonetree_closedarrows" id="zone_expand"></div>
<div class="zonetree_zoneicon"></div>
<p>Zone:<div class="zonetree_links" id="zone_name">Zone 1</div></p>
<div class="leftmenu_content">
<div class="leftmenu_firstindent">
<div class="zonetree_closedarrows" id="zone_expand"></div>
<div class="leftmenu_list_icons"><img src="images/zone_zoneicon.png" alt="Zone" /></div>
Zone: <strong><span id="zone_name">Zone 1</span></strong>
</div>
</div>
<div id="zone_content" style="display:none">
<div id="pods_container">
@ -304,20 +300,23 @@
<!-- Zone Template (end) -->
<!-- Pod Template (begin) -->
<div id="pod_template" style="display:none">
<div class="adding_loading" style="height:25px;display:none" id="loading_container">
<div class="adding_animation"></div>
<div class="adding_text">Adding a pod &hellip; </div>
</div>
<div id="row_container">
<div class="zonetree_secondlevel">
<div class="zonetree_podicon"></div>
<p>Pod:<div class="zonetree_links" id="pod_name">Name of the Pod</div></p>
</div>
<div id="pod_content">
<!--
<div id="directip_ranges_container">
</div>
<div id="pod_template" style="display:none">
<div class="adding_loading" style="height:25px;display:none" id="loading_container">
<div class="adding_animation"></div>
<div class="adding_text">Adding a pod &hellip; </div>
</div>
<div id="row_container">
<div class="leftmenu_content">
<div class="leftmenu_secondindent">
<div class="zonetree_openarrows" id="zone_expand"></div>
<div class="leftmenu_list_icons"><img src="images/zone_podicon.png" alt="Pod" /></div>
Pod: <strong><span id="pod_name">Name of the Pod</span></strong>
</div>
</div>
<div id="pod_content">
<!--
<div id="directip_ranges_container">
</div>
-->
<div id="clusters_container">
</div>
@ -329,9 +328,12 @@
<!-- SystemVM Template (begin) -->
<div id="systemvm_template" style="display:none">
<div id="row_container">
<div class="zonetree_secondlevel">
<div class="zonetree_systemvmicon"></div>
<p>System VM:<div class="zonetree_links" id="systemvm_name">(System VM name)</div></p>
<div class="leftmenu_content">
<div class="leftmenu_secondindent">
<div class="zonetree_openarrows" style="background:none;"></div>
<div class="leftmenu_list_icons"><img src="images/zone_systemvmicon.png" alt="System VM" /></div>
System VM: <strong><span id="systemvm_name">(System VM name)</span></strong>
</div>
</div>
</div>
</div>
@ -344,9 +346,12 @@
<div class="adding_text">Adding a cluster &hellip; </div>
</div>
<div id="row_container">
<div class="zonetree_thirdlevel">
<div class="zonetree_clustericon"></div>
<p>Cluster:<div class="zonetree_links" id="cluster_name">(Name of the Cluster)</div></p>
<div class="leftmenu_content">
<div class="leftmenu_thirdindent">
<div class="zonetree_openarrows" id="zone_expand"></div>
<div class="leftmenu_list_icons"><img src="images/zone_clustericon.png" alt="Cluster" /></div>
Cluster: <strong><span id="cluster_name">(Name of the Cluster)</span></strong>
</div>
</div>
<div id="cluster_content">
<div id="hosts_container">
@ -365,9 +370,11 @@
<div class="adding_text">Adding a host &hellip; </div>
</div>
<div id="row_container">
<div class="zonetree_forthlevel">
<div class="zonetree_hosticon"></div>
<p>Host:<div class="zonetree_links" id="host_name">(Name of the Host)</div></p>
<div class="leftmenu_content">
<div class="leftmenu_fourthindent">
<div class="leftmenu_list_icons"><img src="images/zone_hosticon.png" alt="Host" /></div>
Host: <strong><span id="host_name">(Name of the Host)</span></strong>
</div>
</div>
</div>
</div>
@ -380,9 +387,11 @@
<div class="adding_text">Adding a primary storage &hellip; </div>
</div>
<div id="row_container">
<div class="zonetree_forthlevel">
<div class="zonetree_primarystorageicon"></div>
<p>Primary:<div class="zonetree_links" id="primary_storage_name">(Name of the Primary Storage)</div></p>
<div class="leftmenu_content">
<div class="leftmenu_fourthindent">
<div class="leftmenu_list_icons"><img src="images/zone_primarystorageicon.png" alt="PrimaryStorage" /></div>
Primary: <strong><span id="primary_storage_name">(Name of the Primary Storage)</span></strong>
</div>
</div>
</div>
</div>