Ui modified for Resource main page

This commit is contained in:
NIKITA 2010-11-04 15:22:21 -07:00
parent d2764bad8c
commit d4a80aeab0
9 changed files with 82 additions and 59 deletions

View File

@ -3299,6 +3299,10 @@ a:hover.search_button {
padding:0;
}
.dbgraph_title_usedbox {
width:187px;
height:16px;
@ -3932,13 +3936,45 @@ a:hover.search_button {
padding:0;
}
.resource_titlebox {
width:95%;
height:auto;
float:left;
margin:5px 0 0 10px;
padding:0;
}
.resource_titlebox h2{
width:90%;
height:auto;
float:left;
color:#333;
font-size:15px;
font-weight:bold;
text-align:left;
margin:4px 0 0 0;
padding:0;
}
.resource_titlebox span{
width:auto;
height:auto;
float:left;
color:#999;
font-size:11px;
font-weight:bold;
text-align:left;
margin:3px 5px 0 0;
padding:0;
}
.resources_totalbg {
width:58px;
height:32px;
float:right;
float:left;
background:url(../images/resources_totalbg.png) no-repeat top left;
margin:6px 10px 0 0;
margin:6px 0 0 30px;
display:inline;
padding:0;
}
@ -3955,34 +3991,19 @@ a:hover.search_button {
display:inline;
}
.add_hostbutton {
width:60px;
height:15px;
.resadd_button {
width:17px;
height:17px;
float:left;
background:url(../images/add_hostbutton.png) no-repeat top left;
margin:0 0 0 10px;
background:url(../images/add_button.png) no-repeat top left;
margin:13px 0 0 20px;
padding:0;
cursor:pointer;
cursor:hand;
}
.add_hostbutton:hover {
background:url(../images/add_hostbutton_hover.png) no-repeat top left;
}
.add_primarystoragebutton {
width:116px;
height:15px;
float:left;
background:url(../images/add_primarystoragebutton.png) no-repeat top left;
margin:0 0 0 10px;
padding:0;
cursor:pointer;
cursor:hand;
}
.add_primarystoragebutton:hover {
background:url(../images/add_primarystoragebutton_hover.png) no-repeat top left;
.resadd_button:hover {
background:url(../images/add_button_hover.png) no-repeat top left;
}
/* 2010-10-10 */

BIN
ui/images/add_button.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 966 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 841 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.3 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.2 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2.3 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.9 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 3.1 KiB

View File

@ -20,66 +20,68 @@
</p>
</div>
<div id="resource_page" style="display: block">
<div class="grid_container" style="width:700px">
<div class="grid_header">
<div class="grid_header_cell" style="width: 60%; border: none;">
<div class="grid_header_title">
Resources</div>
<div class="grid_container" style="width:480px; border:none;">
<div class="dbrow even" style="border:1px solid #CCC;">
<div class="dbrow_cell" style="width: 64%; border: none;">
<div class="resource_titlebox">
<h2><span> # of </span> Zone</h2>
</div>
</div>
<div class="grid_header_cell" style="width: 40%; border: none;">
</div>
</div>
<div class="dbrow even" id="public_ip_address">
<div class="dbrow_cell" style="width: 50%;">
<div class="dbgraph_titlebox">
<h2><strong>Zone</strong></h2>
</div>
</div>
<div class="dbrow_cell" style="width: 49%; border: none;">
<div class="dbrow_cell" style="width: 25%; border: none; background:#cacaca repeat top left; ">
<div class="resources_totalbg">
<p>10</p>
</div>
</div>
</div>
<div class="dbrow odd" id="private_ip_address">
<div class="dbrow_cell" style="width: 50%;">
<div class="dbgraph_titlebox">
<h2><strong>Pods</strong></h2>
</div>
<div class="dbrow_cell" style="width: 10%; border: none;">
</div>
<div class="dbrow_cell" style="width: 49%; border: none;">
</div>
<div class="dbrow odd" style="margin-top:10px; border:1px solid #CCC;">
<div class="dbrow_cell" style="width: 64%; border: none; ">
<div class="resource_titlebox">
<h2><span> # of </span> Pod</h2>
</div>
</div>
<div class="dbrow_cell" style="width: 25%; border: none; background:#cacaca repeat top left; ">
<div class="resources_totalbg">
<p>120</p>
</div>
</div>
<div class="dbrow_cell" style="width: 10%; border: none;">
</div>
</div>
<div class="dbrow even" id="memory_allocated">
<div class="dbrow_cell" style="width: 50%;">
<div class="dbgraph_titlebox">
<h2 style="width:auto;"> Cluster - <strong>Host</strong></h2>
<div class="add_hostbutton"></div>
<div class="dbrow even" style="margin-top:10px; border:1px solid #CCC;">
<div class="dbrow_cell" style="width: 64%; border: none;">
<div class="resource_titlebox">
<h2><span> # of </span> Cluster - Host</h2>
</div>
</div>
<div class="dbrow_cell" style="width: 49%; border: none;">
<div class="dbrow_cell" style="width: 25%; border: none; background:#cacaca repeat top left; ">
<div class="resources_totalbg">
<p>15</p>
</div>
</div>
<div class="dbrow_cell" style="width: 10%; border: none;">
<div class="resadd_button"></div>
</div>
</div>
<div class="dbrow odd" id="memory_allocated">
<div class="dbrow_cell" style="width: 50%;">
<div class="dbgraph_titlebox">
<h2 style="width:auto;"> Cluster - <strong> Primary Storage</strong></h2>
<div class="add_primarystoragebutton"></div>
<div class="dbrow odd" style="margin-top:10px; border:1px solid #CCC;">
<div class="dbrow_cell" style="width: 64%; border: none;">
<div class="resource_titlebox">
<h2><span> # of </span> Cluster - Primary Storage</h2>
</div>
</div>
<div class="dbrow_cell" style="width: 49%; border: none;">
<div class="dbrow_cell" style="width: 25%; border: none; background:#cacaca repeat top left; ">
<div class="resources_totalbg">
<p>12</p>
</div>
</div>
<div class="dbrow_cell" style="width: 10%; border: none;">
<div class="resadd_button"></div>
</div>
</div>