shaba/one
1
0
Fork 0
mirror of https://github.com/OpenNebula/one.git synced 2025-01-11 05:17:41 +03:00
Code Releases Wiki Activity

feature #1664: Start working on dashboard redesign

Browse Source
This commit is contained in:
Daniel Molina 2013-03-04 17:19:41 +01:00
parent d2bd01c4fd
commit eafa887ad8
3 changed files with 140 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
src/sunstone/public/css/app.css
View File

@ -6570,9 +6570,26 @@ form.creation {
position: absolute;
width: 100%;
font-size: 12px;
color: black !important;
}
/* line 596, ../sass/app.scss */
/* line 597, ../sass/app.scss */
.meter {
background: #cdebf5 !important;
}
/* line 601, ../sass/app.scss */
.dashboard .subheader {
text-align: center;
}
/* line 605, ../sass/app.scss */
.dashboard h1.subheader {
margin-bottom: 0;
margin-top: 0;
}
/* line 610, ../sass/app.scss */
.dashboard h6.subheader {
margin-top: 0;
}

109
src/sunstone/public/js/plugins/dashboard-tab.js
View File

@ -14,6 +14,7 @@
/* limitations under the License. */
/* -------------------------------------------------------------------------- */
/*
var dashboard_tab_content =
'<table class="dashboard_table">\
<tr>\
@ -22,7 +23,7 @@ var dashboard_tab_content =
<tr>\
<td>\
<div class="panel">\
<h3>' + tr("Hosts") + '<i class="icon-refresh action_button" value="Host.refresh" style="float:right;cursor:pointer"></i></h3>\
<h4 class="subheader">' + tr("Hosts") + '<i class="icon-refresh action_button" value="Host.refresh" style="float:right;cursor:pointer"></i></h4>\
<div class="panel_info">\
<table class="info_table">\
\
@ -177,6 +178,112 @@ var dashboard_tab_content =
</table>\
</td>\
</tr></table>';
*/
var dashboard_tab_content = '\
<div class="dashboard">\
<div class="row">\
<hr>\
</div>\
<div class="row">\
<div class="six columns">\
<div class="panel">\
<div class="row">\
<h4 class="subheader"><i class="icon-hdd"></i> '+tr("Hosts")+'</h4>\
</div>\
<div class="row">\
<div class="four columns">\
<h1 class="subheader">112</h4>\
<h6 class="subheader">'+tr("TOTAL")+'</h6>\
</div>\
<div class="four columns">\
<h1 class="subheader">90</h4>\
<h6 class="subheader">'+tr("ON")+'</h6>\
</div>\
<div class="four columns">\
<h1 class="subheader">22</h4>\
<h6 class="subheader">'+tr("ERROR")+'</h6>\
</div>\
</div>\
</div>\
</div>\
<div class="six columns">\
<div class="panel">\
<div class="row">\
<h4 class="subheader"><i class="icon-cloud"></i> '+tr("Virtual Machines")+'</h4>\
</div>\
<div class="row">\
<div class="four columns">\
<h1 class="subheader">112</h4>\
<h6 class="subheader">'+tr("TOTAL")+'</h6>\
</div>\
<div class="four columns">\
<h1 class="subheader">90</h4>\
<h6 class="subheader">'+tr("ACTIVE")+'</h6>\
</div>\
<div class="four columns">\
<h1 class="subheader">22</h4>\
<h6 class="subheader">'+tr("FAILED")+'</h6>\
</div>\
</div>\
</div>\
</div>\
</div>\
<div class="row">\
<div class="four columns">\
<div class="panel">\
<div class="row">\
<h4 class="subheader"><i class="icon-upload"></i> '+tr("Storage")+'</h4>\
</div>\
<div class="row">\
<div class="six columns">\
<h1 class="subheader">1254</h4>\
<h6 class="subheader">'+tr("IMAGES")+'</h6>\
</div>\
<div class="six columns">\
<h1 class="subheader">7 TB</h4>\
<h6 class="subheader">'+tr("SIZE")+'</h6>\
</div>\
</div>\
</div>\
</div>\
<div class="four columns">\
<div class="panel">\
<div class="row">\
<h4 class="subheader"><i class="icon-user"></i> '+tr("Users")+'</h4>\
</div>\
<div class="row">\
<div class="six columns">\
<h1 class="subheader">8343</h4>\
<h6 class="subheader">'+tr("USERS")+'</h6>\
</div>\
<div class="six columns">\
<h1 class="subheader">297</h4>\
<h6 class="subheader">'+tr("GROUPS")+'</h6>\
</div>\
</div>\
</div>\
</div>\
<div class="four columns">\
<div class="panel">\
<div class="row">\
<h4 class="subheader"><i class="icon-sitemap"></i> '+tr("Network")+'</h4>\
</div>\
<div class="row">\
<div class="six columns">\
<h1 class="subheader">50</h4>\
<h6 class="subheader">'+tr("VNETS")+'</h6>\
</div>\
<div class="six columns">\
<h1 class="subheader">1243</h4>\
<h6 class="subheader">'+tr("ADDRESSES")+'</h6>\
</div>\
</div>\
</div>\
</div>\
</div>\
</div>\
';
var dashboard_tab = {
title: '<i class="icon-dashboard"></i>'+tr("Dashboard"),

14
src/sunstone/public/sass/app.scss
View File

@ -591,8 +591,22 @@ form.creation {
position:absolute;
width: 100%;
font-size: 12px;
color: #000 !important;
}
.meter {
background: #cdebf5 !important;
}
.dashboard .subheader {
text-align: center;
}
.dashboard h1.subheader {
margin-bottom: 0;
margin-top: 0;
}
.dashboard h6.subheader {
margin-top: 0;
}