mirror of
https://github.com/apache/cloudstack.git
synced 2025-10-26 08:42:29 +01:00
bug 12211
Create real layout for project dashboard
This commit is contained in:
Brian Federle
parent
1e1d453b9d
commit
1c2ca9a59f
@ -1912,7 +1912,7 @@ div.detail-group.actions td {
|
||||
}
|
||||
|
||||
.project-view .ui-tabs div.ui-tabs-panel {
|
||||
background: #C7C7C7 0px 9px;
|
||||
background: #DBDDDF;
|
||||
}
|
||||
|
||||
#browser div.panel .shadow {
|
||||
@ -6172,6 +6172,7 @@ div.panel.ui-dialog div.list-view div.fixed-header {
|
||||
border: 1px solid #BFD4E1;
|
||||
position: relative;
|
||||
margin: 18px 0 0 6px;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.system-dashboard-view .toolbar {
|
||||
@ -6681,6 +6682,303 @@ div.panel.ui-dialog div.list-view div.fixed-header {
|
||||
background: #EAEAEA;
|
||||
}
|
||||
|
||||
.project-dashboard-view .overview-area {
|
||||
width: 533px;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.project-dashboard-view .compute-and-storage .system-dashboard,
|
||||
.project-dashboard-view .users .system-dashboard {
|
||||
width: 526px;
|
||||
height: 230px;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.project-dashboard-view .compute-and-storage .system-dashboard ul,
|
||||
.project-dashboard-view .users .system-dashboard ul {
|
||||
height: 162px;
|
||||
margin: 14px 0 0;
|
||||
}
|
||||
|
||||
.project-dashboard-view .compute-and-storage .system-dashboard li,
|
||||
.project-dashboard-view .users .system-dashboard li {
|
||||
width: 159px;
|
||||
height: 161px;
|
||||
background-position: 300px -1018px;
|
||||
}
|
||||
|
||||
.project-dashboard-view .compute-and-storage .system-dashboard li .icon,
|
||||
.project-dashboard-view .users li .icon {
|
||||
width: 100px;
|
||||
height: 76px;
|
||||
/*+placement:shift 27px 20px;*/
|
||||
position: relative;
|
||||
left: 27px;
|
||||
top: 20px;
|
||||
position: absolute;
|
||||
background: url(../images/sprites.png) no-repeat 2px -1039px;
|
||||
}
|
||||
|
||||
.project-dashboard-view .compute-and-storage .system-dashboard li.storage .icon {
|
||||
background-position: -89px -1036px;
|
||||
}
|
||||
|
||||
.project-dashboard-view .compute-and-storage .system-dashboard li.bandwidth .icon {
|
||||
background-position: -184px -1036px;
|
||||
}
|
||||
|
||||
.project-dashboard-view .compute-and-storage .system-dashboard li .overview {
|
||||
width: 100%;
|
||||
height: 53px;
|
||||
position: relative;
|
||||
margin: 81px 0 0;
|
||||
color: #FFFFFF;
|
||||
/*+text-shadow:0px 1px 1px #000000;*/
|
||||
-moz-text-shadow: 0px 1px 1px #000000;
|
||||
-webkit-text-shadow: 0px 1px 1px #000000;
|
||||
-o-text-shadow: 0px 1px 1px #000000;
|
||||
text-shadow: 0px 1px 1px #000000;
|
||||
}
|
||||
|
||||
.project-dashboard-view .compute-and-storage .system-dashboard li.storage .overview .total {
|
||||
font-size: 28px;
|
||||
/*+placement:shift 30px 21px;*/
|
||||
position: relative;
|
||||
left: 30px;
|
||||
top: 21px;
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
.project-dashboard-view .compute-and-storage .system-dashboard li.storage .overview .label {
|
||||
font-size: 13px;
|
||||
color: #C3C1C1;
|
||||
/*+placement:shift 91px 33px;*/
|
||||
position: relative;
|
||||
left: 91px;
|
||||
top: 33px;
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
.project-dashboard-view .compute-and-storage .system-dashboard li .overview .overview-item {
|
||||
float: left;
|
||||
margin: 12px 0 0 20px;
|
||||
}
|
||||
|
||||
.project-dashboard-view .compute-and-storage .system-dashboard li .overview .overview-item .total {
|
||||
font-size: 24px;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.project-dashboard-view .compute-and-storage .system-dashboard li .overview .overview-item .label {
|
||||
font-size: 11px;
|
||||
margin: 4px 0 0;
|
||||
color: #C7C7C7;
|
||||
}
|
||||
|
||||
.project-dashboard-view .compute-and-storage .system-dashboard li .overview .overview-item.running .label {
|
||||
color: #2BFF2B;
|
||||
/*[empty]background-position:;*/
|
||||
}
|
||||
|
||||
.project-dashboard-view .users .system-dashboard {
|
||||
width: 526px;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.project-dashboard-view .users .system-dashboard ul {
|
||||
overflow-y: auto;
|
||||
}
|
||||
|
||||
.project-dashboard-view .users .system-dashboard li {
|
||||
width: 91px;
|
||||
height: 138px;
|
||||
margin-bottom: 24px;
|
||||
margin-left: 9px;
|
||||
}
|
||||
|
||||
.project-dashboard-view .users .system-dashboard li .icon {
|
||||
background-position: -306px -1044px;
|
||||
left: 16px;
|
||||
}
|
||||
|
||||
.project-dashboard-view .users .system-dashboard li .header {
|
||||
width: 77px;
|
||||
/*+placement:shift 7px 110px;*/
|
||||
position: relative;
|
||||
left: 7px;
|
||||
top: 110px;
|
||||
position: absolute;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
/**** Info box*/
|
||||
.info-boxes {
|
||||
float: right;
|
||||
width: 226px;
|
||||
height: 558px;
|
||||
margin: 21px 5px 0 0;
|
||||
}
|
||||
|
||||
.info-boxes .info-box {
|
||||
display: inline-block;
|
||||
border: 1px solid #B3C3D0;
|
||||
/*+box-shadow:inset 0px -1px 7px #A7A7A7;*/
|
||||
-moz-box-shadow: inset 0px -1px 7px #A7A7A7;
|
||||
-webkit-box-shadow: inset 0px -1px 7px #A7A7A7;
|
||||
-o-box-shadow: inset 0px -1px 7px #A7A7A7;
|
||||
box-shadow: inset 0px -1px 7px #A7A7A7;
|
||||
background: #FFFFFF;
|
||||
/*+border-radius:4px;*/
|
||||
-moz-border-radius: 4px;
|
||||
-webkit-border-radius: 4px;
|
||||
-khtml-border-radius: 4px;
|
||||
border-radius: 4px 4px 4px 4px;
|
||||
}
|
||||
|
||||
.info-boxes .info-box.events {
|
||||
margin-top: 4px;
|
||||
}
|
||||
|
||||
.info-boxes .info-box.events ul {
|
||||
max-height: 205px;
|
||||
overflow: auto;
|
||||
overflow-x: hidden;
|
||||
}
|
||||
|
||||
.info-boxes .info-box ul {
|
||||
margin: 0 0 3px 2px;
|
||||
height: auto;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.info-boxes .info-box ul li {
|
||||
width: 224px;
|
||||
margin: 0 2px 0 0;
|
||||
height: 36px;
|
||||
border-bottom: 1px solid #BDD2DF;
|
||||
border-top: 1px solid #FFFFFF;
|
||||
}
|
||||
|
||||
.info-boxes .info-box ul li.odd {
|
||||
background: #ECECEC;
|
||||
}
|
||||
|
||||
.info-boxes .info-box .button {
|
||||
background: url(../images/bg-gradients.png) 0px -734px;
|
||||
color: #FFFFFF;
|
||||
border: 1px solid #82A3C7;
|
||||
/*+text-shadow:0px 1px 1px #000000;*/
|
||||
-moz-text-shadow: 0px 1px 1px #000000;
|
||||
-webkit-text-shadow: 0px 1px 1px #000000;
|
||||
-o-text-shadow: 0px 1px 1px #000000;
|
||||
text-shadow: 0px 1px 1px #000000;
|
||||
/*+border-radius:4px;*/
|
||||
-moz-border-radius: 4px;
|
||||
-webkit-border-radius: 4px;
|
||||
-khtml-border-radius: 4px;
|
||||
border-radius: 4px 4px 4px 4px;
|
||||
/*+box-shadow:inset 0px 1px 1px #85ACC4;*/
|
||||
-moz-box-shadow: inset 0px 1px 1px #85ACC4;
|
||||
-webkit-box-shadow: inset 0px 1px 1px #85ACC4;
|
||||
-o-box-shadow: inset 0px 1px 1px #85ACC4;
|
||||
box-shadow: inset 0px 1px 1px #85ACC4;
|
||||
padding: 2px 6px 3px 3px;
|
||||
font-size: 10px;
|
||||
cursor: pointer;
|
||||
font-weight: bold;
|
||||
float: right;
|
||||
margin: 0 14px 0 0;
|
||||
}
|
||||
|
||||
.info-boxes .info-box .button span {
|
||||
/*+placement:shift 0px 2px;*/
|
||||
position: relative;
|
||||
left: 0px;
|
||||
top: 2px;
|
||||
}
|
||||
|
||||
.info-boxes .info-box .title .button {
|
||||
margin: 4px 6px 0 3px;
|
||||
}
|
||||
|
||||
.info-boxes .info-box .title .button span {
|
||||
color: #FFFFFF;
|
||||
font-size: 10px;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
/*+placement:shift 1px 1px;*/
|
||||
position: relative;
|
||||
left: 1px;
|
||||
top: 1px;
|
||||
}
|
||||
|
||||
.info-boxes .info-box .button:hover {
|
||||
background-position: 0px -766px;
|
||||
}
|
||||
|
||||
.info-boxes .info-box .button .arrow {
|
||||
width: 16px;
|
||||
height: 13px;
|
||||
float: right;
|
||||
/*+placement:shift 0px 0px;*/
|
||||
position: relative;
|
||||
left: 0px;
|
||||
top: 0px;
|
||||
background: url(../images/sprites.png) no-repeat -455px -84px;
|
||||
}
|
||||
|
||||
.info-boxes .info-box ul li .total,
|
||||
.info-boxes .info-box ul li .date {
|
||||
width: 52px;
|
||||
height: 36px;
|
||||
float: left;
|
||||
font-size: 24px;
|
||||
color: #647C91;
|
||||
border-right: 1px solid #BDD2DF;
|
||||
/*+placement:shift;*/
|
||||
position: relative;
|
||||
left: 0;
|
||||
top: 0;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.info-boxes .info-box ul li .date {
|
||||
font-size: 13px;
|
||||
text-align: center;
|
||||
margin: 13px 0 0;
|
||||
}
|
||||
|
||||
.info-boxes .info-box ul li .desc {
|
||||
color: #606060;
|
||||
font-size: 12px;
|
||||
/*+placement:shift 10px 11px;*/
|
||||
position: relative;
|
||||
left: 10px;
|
||||
top: 11px;
|
||||
}
|
||||
|
||||
.info-boxes .info-box ul li .total span {
|
||||
/*+placement:shift -5px 7px;*/
|
||||
position: relative;
|
||||
left: -5px;
|
||||
top: 7px;
|
||||
}
|
||||
|
||||
.info-boxes .info-box .title {
|
||||
height: 27px;
|
||||
border-bottom: 1px solid #BDD2DF;
|
||||
}
|
||||
|
||||
.info-boxes .info-box .title span {
|
||||
/*+placement:shift 8px 6px;*/
|
||||
position: relative;
|
||||
left: 8px;
|
||||
top: 6px;
|
||||
font-size: 12px;
|
||||
font-weight: bold;
|
||||
color: #4E748C;
|
||||
}
|
||||
|
||||
/*** New project form*/
|
||||
.new-project {
|
||||
display: inline-block;
|
||||
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 97 KiB After Width: | Height: | Size: 108 KiB |
3038
ui/index-test.html
3038
ui/index-test.html
File diff suppressed because it is too large
Load Diff
370
ui/index.jsp
370
ui/index.jsp
@ -1,5 +1,5 @@
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
|
||||
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>CloudStack</title>
|
||||
@ -7,7 +7,7 @@
|
||||
<link type="text/css" rel="stylesheet" href="css/cloudstack3.css" />
|
||||
|
||||
<!--[if IE 7]>
|
||||
<link type="text/css" rel="stylesheet" href="css/cloudstack3-ie7.css" />
|
||||
<link type="text/css" rel="stylesheet" href="css/cloudstack3-ie7.css" />
|
||||
<![endif]-->
|
||||
</head>
|
||||
<body>
|
||||
@ -520,7 +520,7 @@
|
||||
<input type="text" name="networkdomain" />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<!-- Public -->
|
||||
<div class="field">
|
||||
<div class="name">
|
||||
@ -762,6 +762,224 @@
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<!-- Project dashboard -->
|
||||
<div class="project-dashboard-view">
|
||||
<div class="overview-area">
|
||||
<!-- Compute and storage -->
|
||||
<div class="compute-and-storage">
|
||||
<div class="system-dashboard">
|
||||
<div class="head">
|
||||
<span>Compute and Storage</span>
|
||||
</div>
|
||||
<ul class="status_box good">
|
||||
<!-- Virtual Machines -->
|
||||
<li class="block virtual-machines">
|
||||
<span class="header">Virtual Machines</span>
|
||||
<div class="icon"></div>
|
||||
<div class="overview">
|
||||
<!-- Running -->
|
||||
<div class="overview-item running">
|
||||
<div class="total" data-item="virtualMachinesRunning">12</div>
|
||||
<div class="label">Running</div>
|
||||
</div>
|
||||
|
||||
<!-- Stopped -->
|
||||
<div class="overview-item stopped">
|
||||
<div class="total" data-item="virtualMachinesStopped">2</div>
|
||||
<div class="label">Stopped</div>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
|
||||
<!-- Storage -->
|
||||
<li class="block storage">
|
||||
<span class="header">Storage</span>
|
||||
<div class="icon"></div>
|
||||
<div class="overview">
|
||||
<div class="total" data-item="storageCapacityTotal">171</div>
|
||||
<div class="label">GB/mo</div>
|
||||
</div>
|
||||
</li>
|
||||
|
||||
<!-- Bandwidth -->
|
||||
<li class="block bandwidth">
|
||||
<span class="header">Bandwidth</span>
|
||||
<div class="icon"></div>
|
||||
<div class="overview">
|
||||
<!-- In -->
|
||||
<div class="overview-item in">
|
||||
<div class="total" data-item="virtualMachinesRunning">2.3</div>
|
||||
<div class="label">In GB</div>
|
||||
</div>
|
||||
|
||||
<!-- Out -->
|
||||
<div class="overview-item out">
|
||||
<div class="total" data-item="virtualMachinesRunning">1.5</div>
|
||||
<div class="label">Out GB</div>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Users -->
|
||||
<div class="users">
|
||||
<div class="system-dashboard">
|
||||
<div class="head">
|
||||
<span>Users</span>
|
||||
</div>
|
||||
<ul class="status_box good">
|
||||
<li class="block user">
|
||||
<span class="header">Will</span>
|
||||
<div class="icon"></div>
|
||||
</li>
|
||||
|
||||
<li class="block user">
|
||||
<span class="header">Brian</span>
|
||||
<div class="icon"></div>
|
||||
</li>
|
||||
|
||||
<li class="block user">
|
||||
<span class="header">Sonny</span>
|
||||
<div class="icon"></div>
|
||||
</li>
|
||||
<li class="block user">
|
||||
<span class="header">Will</span>
|
||||
<div class="icon"></div>
|
||||
</li>
|
||||
|
||||
<li class="block user">
|
||||
<span class="header">Brian</span>
|
||||
<div class="icon"></div>
|
||||
</li>
|
||||
|
||||
<li class="block user">
|
||||
<span class="header">Sonny</span>
|
||||
<div class="icon"></div>
|
||||
</li>
|
||||
<li class="block user">
|
||||
<span class="header">Will</span>
|
||||
<div class="icon"></div>
|
||||
</li>
|
||||
|
||||
<li class="block user">
|
||||
<span class="header">Brian</span>
|
||||
<div class="icon"></div>
|
||||
</li>
|
||||
|
||||
<li class="block user">
|
||||
<span class="header">Sonny</span>
|
||||
<div class="icon"></div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="info-boxes">
|
||||
<!-- Networking and security -->
|
||||
<div class="info-box networking-and-security">
|
||||
<div class="title">
|
||||
<span>Networking and Security</span>
|
||||
</div>
|
||||
<ul>
|
||||
<!-- IP addresses -->
|
||||
<li class="odd">
|
||||
<div class="total"><span>171</span></div>
|
||||
<div class="desc">IP addresses</div>
|
||||
</li>
|
||||
|
||||
<!-- Load balancing policies -->
|
||||
<li>
|
||||
<div class="total"><span>04</span></div>
|
||||
<div class="desc">Load balancing policies</div>
|
||||
</li>
|
||||
|
||||
<!-- Security Groups -->
|
||||
<li class="odd">
|
||||
<div class="total"><span>23</span></div>
|
||||
<div class="desc">Security groups</div>
|
||||
</li>
|
||||
|
||||
<!-- Blank -->
|
||||
<li>
|
||||
<div class="total"></div>
|
||||
<div class="desc"></div>
|
||||
</li>
|
||||
|
||||
<!-- Manage resources -->
|
||||
<li class="odd">
|
||||
<div class="total"></div>
|
||||
<div class="desc">
|
||||
<div class="button manage-resources">
|
||||
<span>Manage Resources</span>
|
||||
<span class="arrow"></span>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<!-- Events -->
|
||||
<div class="info-box events">
|
||||
<div class="title">
|
||||
<span>Events</span>
|
||||
<div class="button view-all">
|
||||
<span>View all</span>
|
||||
<span class="arrow"></span>
|
||||
</div>
|
||||
</div>
|
||||
<ul>
|
||||
<li class="odd">
|
||||
<div class="date"><span>12/01</span></div>
|
||||
<div class="desc">Event</div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="date"><span>12/01</span></div>
|
||||
<div class="desc">Event</div>
|
||||
</li>
|
||||
<li class="odd">
|
||||
<div class="date"><span>12/01</span></div>
|
||||
<div class="desc">Event</div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="date"><span>12/01</span></div>
|
||||
<div class="desc">Event</div>
|
||||
</li>
|
||||
<li class="odd">
|
||||
<div class="date"><span>12/01</span></div>
|
||||
<div class="desc">Event</div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="date"><span>12/01</span></div>
|
||||
<div class="desc">Event</div>
|
||||
</li>
|
||||
<li class="odd">
|
||||
<div class="date"><span>12/01</span></div>
|
||||
<div class="desc">Event</div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="date"><span>12/01</span></div>
|
||||
<div class="desc">Event</div>
|
||||
</li>
|
||||
<li class="odd">
|
||||
<div class="date"><span>12/01</span></div>
|
||||
<div class="desc">Event</div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="date"><span>12/01</span></div>
|
||||
<div class="desc">Event</div>
|
||||
</li>
|
||||
<li class="odd">
|
||||
<div class="date"><span>12/01</span></div>
|
||||
<div class="desc">Event</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- System dashboard -->
|
||||
<div class="system-dashboard-view">
|
||||
<div class="toolbar">
|
||||
@ -1186,65 +1404,65 @@
|
||||
<div class="name">Timezone</div>
|
||||
<div class="value">
|
||||
<select name="timezone">
|
||||
<option value="Etc/GMT+12">[UTC-12:00] GMT-12:00</option>
|
||||
<option value="Etc/GMT+11">[UTC-11:00] GMT-11:00</option>
|
||||
<option value="Pacific/Samoa">[UTC-11:00] Samoa Standard Time</option>
|
||||
<option value="Pacific/Honolulu">[UTC-10:00] Hawaii Standard Time</option>
|
||||
<option value="US/Alaska">[UTC-09:00] Alaska Standard Time</option>
|
||||
<option value="America/Los_Angeles">[UTC-08:00] Pacific Standard Time</option>
|
||||
<option value="Mexico/BajaNorte">[UTC-08:00] Baja California</option>
|
||||
<option value="US/Arizona">[UTC-07:00] Arizona</option>
|
||||
<option value="US/Mountain">[UTC-07:00] Mountain Standard Time</option>
|
||||
<option value="America/Chihuahua">[UTC-07:00] Chihuahua, La Paz</option>
|
||||
<option value="America/Chicago">[UTC-06:00] Central Standard Time</option>
|
||||
<option value="America/Costa_Rica">[UTC-06:00] Central America</option>
|
||||
<option value="America/Mexico_City">[UTC-06:00] Mexico City, Monterrey</option>
|
||||
<option value="Canada/Saskatchewan">[UTC-06:00] Saskatchewan</option>
|
||||
<option value="America/Bogota">[UTC-05:00] Bogota, Lima</option>
|
||||
<option value="America/New_York">[UTC-05:00] Eastern Standard Time</option>
|
||||
<option value="America/Caracas">[UTC-04:00] Venezuela Time</option>
|
||||
<option value="America/Asuncion">[UTC-04:00] Paraguay Time</option>
|
||||
<option value="America/Cuiaba">[UTC-04:00] Amazon Time</option>
|
||||
<option value="America/Halifax">[UTC-04:00] Atlantic Standard Time</option>
|
||||
<option value="America/La_Paz">[UTC-04:00] Bolivia Time</option>
|
||||
<option value="America/Santiago">[UTC-04:00] Chile Time</option>
|
||||
<option value="America/St_Johns">[UTC-03:30] Newfoundland Standard Time</option>
|
||||
<option value="America/Araguaina">[UTC-03:00] Brasilia Time</option>
|
||||
<option value="America/Argentina/Buenos_Aires">[UTC-03:00] Argentine Time</option>
|
||||
<option value="America/Cayenne">[UTC-03:00] French Guiana Time</option>
|
||||
<option value="America/Godthab">[UTC-03:00] Greenland Time</option>
|
||||
<option value="America/Montevideo">[UTC-03:00] Uruguay Time]</option>
|
||||
<option value="Etc/GMT+2">[UTC-02:00] GMT-02:00</option>
|
||||
<option value="Atlantic/Azores">[UTC-01:00] Azores Time</option>
|
||||
<option value="Atlantic/Cape_Verde">[UTC-01:00] Cape Verde Time</option>
|
||||
<option value="Africa/Casablanca">[UTC] Casablanca</option>
|
||||
<option value="Etc/UTC">[UTC] Coordinated Universal Time</option>
|
||||
<option value="Atlantic/Reykjavik">[UTC] Reykjavik</option>
|
||||
<option value="Europe/London">[UTC] Western European Time</option>
|
||||
<option value="CET">[UTC+01:00] Central European Time</option>
|
||||
<option value="Europe/Bucharest">[UTC+02:00] Eastern European Time</option>
|
||||
<option value="Africa/Johannesburg">[UTC+02:00] South Africa Standard Time</option>
|
||||
<option value="Asia/Beirut">[UTC+02:00] Beirut</option>
|
||||
<option value="Africa/Cairo">[UTC+02:00] Cairo</option>
|
||||
<option value="Asia/Jerusalem">[UTC+02:00] Israel Standard Time</option>
|
||||
<option value="Europe/Minsk">[UTC+02:00] Minsk</option>
|
||||
<option value="Europe/Moscow">[UTC+03:00] Moscow Standard Time</option>
|
||||
<option value="Africa/Nairobi">[UTC+03:00] Eastern African Time</option>
|
||||
<option value="Asia/Karachi">[UTC+05:00] Pakistan Time</option>
|
||||
<option value="Asia/Kolkata">[UTC+05:30] India Standard Time</option>
|
||||
<option value="Asia/Bangkok">[UTC+05:30] Indochina Time</option>
|
||||
<option value="Asia/Shanghai">[UTC+08:00] China Standard Time</option>
|
||||
<option value="Asia/Kuala_Lumpur">[UTC+08:00] Malaysia Time</option>
|
||||
<option value="Australia/Perth">[UTC+08:00] Western Standard Time (Australia)</option>
|
||||
<option value="Asia/Taipei">[UTC+08:00] Taiwan</option>
|
||||
<option value="Asia/Tokyo">[UTC+09:00] Japan Standard Time</option>
|
||||
<option value="Asia/Seoul">[UTC+09:00] Korea Standard Time</option>
|
||||
<option value="Australia/Adelaide">[UTC+09:30] Central Standard Time (South Australia)</option>
|
||||
<option value="Australia/Darwin">[UTC+09:30] Central Standard Time (Northern Territory)</option>
|
||||
<option value="Australia/Brisbane">[UTC+10:00] Eastern Standard Time (Queensland)</option>
|
||||
<option value="Australia/Canberra">[UTC+10:00] Eastern Standard Time (New South Wales)</option>
|
||||
<option value="Pacific/Guam">[UTC+10:00] Chamorro Standard Time</option>
|
||||
<option value="Pacific/Auckland">[UTC+12:00] New Zealand Standard Time</option>
|
||||
<option value="Etc/GMT+12">[UTC-12:00] GMT-12:00</option>
|
||||
<option value="Etc/GMT+11">[UTC-11:00] GMT-11:00</option>
|
||||
<option value="Pacific/Samoa">[UTC-11:00] Samoa Standard Time</option>
|
||||
<option value="Pacific/Honolulu">[UTC-10:00] Hawaii Standard Time</option>
|
||||
<option value="US/Alaska">[UTC-09:00] Alaska Standard Time</option>
|
||||
<option value="America/Los_Angeles">[UTC-08:00] Pacific Standard Time</option>
|
||||
<option value="Mexico/BajaNorte">[UTC-08:00] Baja California</option>
|
||||
<option value="US/Arizona">[UTC-07:00] Arizona</option>
|
||||
<option value="US/Mountain">[UTC-07:00] Mountain Standard Time</option>
|
||||
<option value="America/Chihuahua">[UTC-07:00] Chihuahua, La Paz</option>
|
||||
<option value="America/Chicago">[UTC-06:00] Central Standard Time</option>
|
||||
<option value="America/Costa_Rica">[UTC-06:00] Central America</option>
|
||||
<option value="America/Mexico_City">[UTC-06:00] Mexico City, Monterrey</option>
|
||||
<option value="Canada/Saskatchewan">[UTC-06:00] Saskatchewan</option>
|
||||
<option value="America/Bogota">[UTC-05:00] Bogota, Lima</option>
|
||||
<option value="America/New_York">[UTC-05:00] Eastern Standard Time</option>
|
||||
<option value="America/Caracas">[UTC-04:00] Venezuela Time</option>
|
||||
<option value="America/Asuncion">[UTC-04:00] Paraguay Time</option>
|
||||
<option value="America/Cuiaba">[UTC-04:00] Amazon Time</option>
|
||||
<option value="America/Halifax">[UTC-04:00] Atlantic Standard Time</option>
|
||||
<option value="America/La_Paz">[UTC-04:00] Bolivia Time</option>
|
||||
<option value="America/Santiago">[UTC-04:00] Chile Time</option>
|
||||
<option value="America/St_Johns">[UTC-03:30] Newfoundland Standard Time</option>
|
||||
<option value="America/Araguaina">[UTC-03:00] Brasilia Time</option>
|
||||
<option value="America/Argentina/Buenos_Aires">[UTC-03:00] Argentine Time</option>
|
||||
<option value="America/Cayenne">[UTC-03:00] French Guiana Time</option>
|
||||
<option value="America/Godthab">[UTC-03:00] Greenland Time</option>
|
||||
<option value="America/Montevideo">[UTC-03:00] Uruguay Time]</option>
|
||||
<option value="Etc/GMT+2">[UTC-02:00] GMT-02:00</option>
|
||||
<option value="Atlantic/Azores">[UTC-01:00] Azores Time</option>
|
||||
<option value="Atlantic/Cape_Verde">[UTC-01:00] Cape Verde Time</option>
|
||||
<option value="Africa/Casablanca">[UTC] Casablanca</option>
|
||||
<option value="Etc/UTC">[UTC] Coordinated Universal Time</option>
|
||||
<option value="Atlantic/Reykjavik">[UTC] Reykjavik</option>
|
||||
<option value="Europe/London">[UTC] Western European Time</option>
|
||||
<option value="CET">[UTC+01:00] Central European Time</option>
|
||||
<option value="Europe/Bucharest">[UTC+02:00] Eastern European Time</option>
|
||||
<option value="Africa/Johannesburg">[UTC+02:00] South Africa Standard Time</option>
|
||||
<option value="Asia/Beirut">[UTC+02:00] Beirut</option>
|
||||
<option value="Africa/Cairo">[UTC+02:00] Cairo</option>
|
||||
<option value="Asia/Jerusalem">[UTC+02:00] Israel Standard Time</option>
|
||||
<option value="Europe/Minsk">[UTC+02:00] Minsk</option>
|
||||
<option value="Europe/Moscow">[UTC+03:00] Moscow Standard Time</option>
|
||||
<option value="Africa/Nairobi">[UTC+03:00] Eastern African Time</option>
|
||||
<option value="Asia/Karachi">[UTC+05:00] Pakistan Time</option>
|
||||
<option value="Asia/Kolkata">[UTC+05:30] India Standard Time</option>
|
||||
<option value="Asia/Bangkok">[UTC+05:30] Indochina Time</option>
|
||||
<option value="Asia/Shanghai">[UTC+08:00] China Standard Time</option>
|
||||
<option value="Asia/Kuala_Lumpur">[UTC+08:00] Malaysia Time</option>
|
||||
<option value="Australia/Perth">[UTC+08:00] Western Standard Time (Australia)</option>
|
||||
<option value="Asia/Taipei">[UTC+08:00] Taiwan</option>
|
||||
<option value="Asia/Tokyo">[UTC+09:00] Japan Standard Time</option>
|
||||
<option value="Asia/Seoul">[UTC+09:00] Korea Standard Time</option>
|
||||
<option value="Australia/Adelaide">[UTC+09:30] Central Standard Time (South Australia)</option>
|
||||
<option value="Australia/Darwin">[UTC+09:30] Central Standard Time (Northern Territory)</option>
|
||||
<option value="Australia/Brisbane">[UTC+10:00] Eastern Standard Time (Queensland)</option>
|
||||
<option value="Australia/Canberra">[UTC+10:00] Eastern Standard Time (New South Wales)</option>
|
||||
<option value="Pacific/Guam">[UTC+10:00] Chamorro Standard Time</option>
|
||||
<option value="Pacific/Auckland">[UTC+12:00] New Zealand Standard Time</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
@ -1454,7 +1672,7 @@
|
||||
|
||||
<script src="scripts-test/test-data.js" type="text/javascript"></script>
|
||||
|
||||
<!-- Common libraries -->
|
||||
<!-- Common libraries -->
|
||||
<script src="lib/date.js" type="text/javascript"></script>
|
||||
<script src="lib/jquery.cookies.js" type="text/javascript"></script>
|
||||
<script src="lib/jquery.timers.js" type="text/javascript"></script>
|
||||
@ -1462,7 +1680,7 @@
|
||||
|
||||
<!-- CloudStack -->
|
||||
<script src="scripts/cloud.core.callbacks.js" type="text/javascript"></script>
|
||||
<script src="scripts/sharedFunctions.js" type="text/javascript"></script>
|
||||
<script src="scripts/sharedFunctions.js" type="text/javascript"></script>
|
||||
<script src="scripts/ui-custom/login.js" type="text/javascript"></script>
|
||||
<script src="scripts/ui-custom/projects.js" type="text/javascript"></script>
|
||||
<script src="scripts/cloudStack.js" type="text/javascript"></script>
|
||||
@ -1491,17 +1709,17 @@
|
||||
<script src="scripts/domains.js" type="text/javascript"></script>
|
||||
|
||||
<!-- Local testing-->
|
||||
<!--
|
||||
<script src="js-test/accounts.js" type="text/javascript"></script>
|
||||
<script src="js-test/configuration.js" type="text/javascript"></script>
|
||||
<script src="js-test/dashboard.js" type="text/javascript"></script>
|
||||
<script src="js-test/domains.js" type="text/javascript"></script>
|
||||
<script src="js-test/events.js" type="text/javascript"></script>
|
||||
<script src="js-test/instances.js" type="text/javascript"></script>
|
||||
<script src="js-test/network.js" type="text/javascript"></script>
|
||||
<script src="js-test/storage.js" type="text/javascript"></script>
|
||||
<script src="js-test/system.js" type="text/javascript"></script>
|
||||
<script src="js-test/templates.js" type="text/javascript"></script>
|
||||
-->
|
||||
<!--
|
||||
<script src="js-test/accounts.js" type="text/javascript"></script>
|
||||
<script src="js-test/configuration.js" type="text/javascript"></script>
|
||||
<script src="js-test/dashboard.js" type="text/javascript"></script>
|
||||
<script src="js-test/domains.js" type="text/javascript"></script>
|
||||
<script src="js-test/events.js" type="text/javascript"></script>
|
||||
<script src="js-test/instances.js" type="text/javascript"></script>
|
||||
<script src="js-test/network.js" type="text/javascript"></script>
|
||||
<script src="js-test/storage.js" type="text/javascript"></script>
|
||||
<script src="js-test/system.js" type="text/javascript"></script>
|
||||
<script src="js-test/templates.js" type="text/javascript"></script>
|
||||
-->
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@ -19,7 +19,11 @@
|
||||
dashboard: function() {
|
||||
var tabs = {
|
||||
overview: function() {
|
||||
return $('<img>').attr('src', 'images/screens/ProjectDashboard.png').data('tab-title', 'Overview');
|
||||
var $dashboard = $('#template').find('.project-dashboard-view').clone();
|
||||
|
||||
$dashboard.data('tab-title', 'Dashboard')
|
||||
|
||||
return $dashboard;
|
||||
}
|
||||
};
|
||||
|
||||
@ -42,7 +46,7 @@
|
||||
|
||||
// Make UI tabs
|
||||
$.each(tabs, function(tabName, tab) {
|
||||
var $tab = $('<li>').appendTo($tabs.find('ul'));
|
||||
var $tab = $('<li>').appendTo($tabs.find('ul:first'));
|
||||
var $tabLink = $('<a>')
|
||||
.attr({ href: '#project-view-dashboard-' + tabName })
|
||||
.html(tab().data('tab-title'))
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user