UI for Domain Dashboard

This commit is contained in:
NIKITA 2010-12-06 06:50:17 -08:00
parent a38c18220c
commit d46755c1bf
6 changed files with 211 additions and 4 deletions

View File

@ -3499,9 +3499,14 @@ a:hover.search_button {
padding:0;
}
.domain_dbicons {
width:48px;
height:36px;
float:left;
margin:0 10px 0 0;
display:inline;
padding:0;
}
.dbgraph_title_usedbox {
width:187px;
@ -4145,7 +4150,7 @@ a:hover.search_button {
}
.resource_titlebox h2{
width:90%;
width:70%;
height:auto;
float:left;
color:#333;
@ -4178,6 +4183,27 @@ a:hover.search_button {
padding:0;
}
.domain_resources_totalbg {
width:58px;
height:32px;
background:url(../images/resources_totalbg.png) no-repeat top left;
margin:6px auto 0;
padding:0;
}
.domain_resources_totalbg p {
width:50px;
height:auto;
float:left;
text-align:center;
font-size:16px;
font-weight:bold;
color:#FFF;
margin:7px 0 0 4px;
padding:0;
display:inline;
}
.resources_totalbg p {
width:50px;
height:auto;

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.5 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.6 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.9 KiB

View File

@ -17,6 +17,187 @@
</h1>
</div>
<!--Dashboard Domain (begin)-->
<div id="dashboard_domain" style="display: none">
<div class="contentbox">
<div class="rightpanel_mainloaderbox" style="display:none;">
<div class="rightpanel_mainloader_animatedicon"></div>
<p>Loading &hellip; </p>
</div>
<div class="grid_container" style="width:49%; border:none;">
<div class="dbrow even" style="border:1px solid #CCC;">
<div class="dbrow_cell" style="width: 74%; border: none;">
<div class="resource_titlebox">
<div class="domain_dbicons"><img src="images/instance_dbdomain.png" /></div>
<h2>Instance</h2>
</div>
</div>
<div class="dbrow_cell" style="width: 25%; border: none; background:#cacaca repeat top left; ">
<div class="domain_resources_totalbg">
<p id="zone_total">0</p>
</div>
</div>
</div>
<div class="dbrow odd" style="margin-top:8px; border:1px solid #CCC;">
<div class="dbrow_cell" style="width: 74%; border: none; ">
<div class="resource_titlebox">
<div class="domain_dbicons"><img src="images/diskvolume_dbdomain.png" /></div>
<h2>Disk Volume</h2>
</div>
</div>
<div class="dbrow_cell" style="width: 25%; border: none; background:#cacaca repeat top left; ">
<div class="domain_resources_totalbg">
<p id="pod_total">0</p>
</div>
</div>
</div>
<div class="dbrow even" style="margin-top:8px; border:1px solid #CCC;">
<div class="dbrow_cell" style="width: 74%; border: none;">
<div class="resource_titlebox">
<div class="domain_dbicons"><img src="images/snapshots_dbdomain.png" /></div>
<h2>Snapshots</h2>
</div>
</div>
<div class="dbrow_cell" style="width: 25%; border: none; background:#cacaca repeat top left; ">
<div class="domain_resources_totalbg">
<p id="host_total">0</p>
</div>
</div>
</div>
<div class="dbrow odd" style="margin-top:8px; border:1px solid #CCC;">
<div class="dbrow_cell" style="width: 74%; border: none;">
<div class="resource_titlebox">
<div class="domain_dbicons"><img src="images/users_dbdomain.png" /></div>
<h2> Accounts</h2>
</div>
</div>
<div class="dbrow_cell" style="width: 25%; border: none; background:#cacaca repeat top left; ">
<div class="domain_resources_totalbg">
<p id="primarystorage_total">0</p>
</div>
</div>
</div>
</div>
<!--Recents Instance-->
<div class="grid_container" style="width: 49%; float:right;">
<div class="grid_header">
<div class="grid_header_cell" style="width: 60%; border: none;">
<div class="grid_header_title">
Recent Instances</div>
</div>
<div class="grid_header_cell" style="width: 40%; border: none;">
<div class="grid_header_formbox">
<div class="gridheader_morebutt">
</div>
</div>
</div>
</div>
<div id="instance_grid_content">
<div class="grid_rows">
<div class="grid_row_cell" style="width: 10%;">
<div class="row_celltitles">
<img src="images/instance_leftmenuicon.png" /></div>
</div>
<div class="grid_row_cell" style="width: 63%;">
<div class="row_celltitles"> <strong>Instance Name</strong>
</div>
<div class="row_celltitles">
IP Address
</div>
</div>
<div class="grid_row_cell" style="width: 26%;">
<div class="row_celltitles">
12/06/2010 03:51:46 </div>
</div>
</div>
<div class="grid_rows">
<div class="grid_row_cell" style="width: 10%;">
<div class="row_celltitles">
<img src="images/instance_leftmenuicon.png" /></div>
</div>
<div class="grid_row_cell" style="width: 63%;">
<div class="row_celltitles"> <strong>Instance Name</strong>
</div>
<div class="row_celltitles">
IP Address
</div>
</div>
<div class="grid_row_cell" style="width: 26%;">
<div class="row_celltitles">
12/06/2010 03:51:46 </div>
</div>
</div>
<div class="grid_rows">
<div class="grid_row_cell" style="width: 10%;">
<div class="row_celltitles">
<img src="images/instance_leftmenuicon.png" /></div>
</div>
<div class="grid_row_cell" style="width: 63%;">
<div class="row_celltitles"> <strong>Instance Name</strong>
</div>
<div class="row_celltitles">
IP Address
</div>
</div>
<div class="grid_row_cell" style="width: 26%;">
<div class="row_celltitles">
12/06/2010 03:51:46 </div>
</div>
</div>
<div class="grid_rows">
<div class="grid_row_cell" style="width: 10%;">
<div class="row_celltitles">
<img src="images/instance_leftmenuicon.png" /></div>
</div>
<div class="grid_row_cell" style="width: 63%;">
<div class="row_celltitles"> <strong>Instance Name</strong>
</div>
<div class="row_celltitles">
IP Address
</div>
</div>
<div class="grid_row_cell" style="width: 26%;">
<div class="row_celltitles">
12/06/2010 03:51:46 </div>
</div>
</div>
<div class="grid_rows">
<div class="grid_row_cell" style="width: 10%;">
<div class="row_celltitles">
<img src="images/instance_leftmenuicon.png" /></div>
</div>
<div class="grid_row_cell" style="width: 63%;">
<div class="row_celltitles"> <strong>Instance Name</strong>
</div>
<div class="row_celltitles">
IP Address
</div>
</div>
<div class="grid_row_cell" style="width: 26%;">
<div class="row_celltitles">
12/06/2010 03:51:46 </div>
</div>
</div>
</div>
</div>
</div>
<!--Dashboard Admin (begin)-->
<div id="dashboard_admin" style="display: none">
<div class="contentbox">