1
0
mirror of https://github.com/OpenNebula/one.git synced 2025-03-20 10:50:08 +03:00

feature #3748: Fix side-nav style

This commit is contained in:
Daniel Molina 2015-06-15 18:48:32 +02:00
parent c4e17db77b
commit bcd74c856b
8 changed files with 101 additions and 22 deletions

View File

@ -8,6 +8,19 @@ define(function(require) {
var TemplateDashboard = require('hbs!./dashboard-tab/html');
var VMS_TAB_ID = require('tabs/vms-tab/tabId');
var HOSTS_TAB_ID = require('tabs/hosts-tab/tabId');
var USERS_TAB_ID = require('tabs/users-tab/tabId');
var IMAGES_TAB_ID = require('tabs/images-tab/tabId');
var VNETS_TAB_ID = require('tabs/vnets-tab/tabId');
var VMS_CREATE_FORM_PANEL_ID = require('tabs/vms-tab/form-panels/create/formPanelId');
var HOSTS_CREATE_FORM_PANEL_ID = require('tabs/hosts-tab/form-panels/create/formPanelId');
var USERS_CREATE_FORM_PANEL_ID = require('tabs/users-tab/form-panels/create/formPanelId');
var IMAGES_CREATE_FORM_PANEL_ID = require('tabs/images-tab/form-panels/create/formPanelId');
var VNETS_CREATE_FORM_PANEL_ID = require('tabs/vnets-tab/form-panels/create/formPanelId');
var _initialized = false;
var _activeWidgets = [];
var _widgets = {
'storage': {
@ -32,7 +45,9 @@ define(function(require) {
}
var no_table = true;
$("#acct_cpu_graph, #acct_mem_graph", "#dashboard_vdc_user_accounting").html('<span id="provision_dashboard_total" style="font-size:80px">'+
'<i class="fa fa-spinner fa-spin"></i>'+
'</span>')
OpenNebulaVM.accounting({
success: function(req, response) {
Accounting.fillAccounting($("#dashboard_vdc_user_accounting"), req, response, no_table);
@ -70,6 +85,9 @@ define(function(require) {
var no_table = true;
$("#acct_cpu_graph, #acct_mem_graph", "#dashboard_vm_accounting").html('<span id="provision_dashboard_total" style="font-size:80px">'+
'<i class="fa fa-spinner fa-spin"></i>'+
'</span>')
OpenNebulaVM.accounting({
success: function(req, response) {
Accounting.fillAccounting($("#dashboard_vm_accounting"), req, response, no_table);
@ -111,7 +129,6 @@ define(function(require) {
tabId: TAB_ID,
resource: 'Dashboard',
title: '<i class="fa fa-lg fa-fw fa-tachometer"></i>&emsp;' + Locale.tr("Dashboard"),
showOnTopMenu: false,
listHeader: '<i class="fa fa-lg fa-fw fa-tachometer"></i>&emsp;' + Locale.tr("Dashboard"),
buttons: _buttons,
actions: _actions,
@ -152,10 +169,74 @@ define(function(require) {
}
function _onShow() {
if (!_initialized) {
_setup();
}
$.each(_activeWidgets, function(id, widgetId) {
if (_widgets[widgetId].onShow) {
_widgets[widgetId].onShow();
}
});
}
function _setup() {
_initialized = true;
$(document).on("click", ".show_vms_tab", function(){
Sunstone.showTab(VMS_TAB_ID);
return false;
})
$(document).on("click", ".show_hosts_tab", function(){
Sunstone.showTab(HOSTS_TAB_ID);
return false;
})
$(document).on("click", ".show_users_tab", function(){
Sunstone.showTab(USERS_TAB_ID);
return false;
})
$(document).on("click", ".show_images_tab", function(){
Sunstone.showTab(IMAGES_TAB_ID);
return false;
})
$(document).on("click", ".show_vnets_tab", function(){
Sunstone.showTab(VNETS_TAB_ID);
return false;
})
$(document).on("click", ".show_create_vm", function(){
Sunstone.showTab(VMS_TAB_ID);
Sunstone.showFormPanel(VMS_TAB_ID, VMS_CREATE_FORM_PANEL_ID, "create");
return false;
})
$(document).on("click", ".show_create_host", function(){
Sunstone.showTab(HOSTS_TAB_ID);
Sunstone.showFormPanel(HOSTS_TAB_ID, HOSTS_CREATE_FORM_PANEL_ID, "create");
return false;
})
$(document).on("click", ".show_create_user", function(){
Sunstone.showTab(USERS_TAB_ID);
Sunstone.showFormPanel(USERS_TAB_ID, USERS_CREATE_FORM_PANEL_ID, "create");
return false;
})
$(document).on("click", ".show_create_image", function(){
Sunstone.showTab(IMAGES_TAB_ID);
Sunstone.showFormPanel(IMAGES_TAB_ID, IMAGES_CREATE_FORM_PANEL_ID, "create");
return false;
})
$(document).on("click", ".show_create_vnet", function(){
Sunstone.showTab(VNETS_TAB_ID);
Sunstone.showFormPanel(VNETS_TAB_ID, VNETS_CREATE_FORM_PANEL_ID, "create");
return false;
})
}
});

View File

@ -31,10 +31,10 @@
</div>
<div class="small-12 large-12 columns text-center">
<br>
<a class="button secondary radius small show_hosts_tab"> <i class="fa fa-lg fa-list fa-fw"></i>
<a class="button secondary radius tiny show_hosts_tab"> <i class="fa fa-lg fa-list fa-fw"></i>
</a>
<a class="button secondary radius small show_create_host">
<i class="fa fa-lg fa-plus fa-fw"></i>
<a class="button secondary radius tiny show_create_host">
<i class="fa fa-lg fa-plus fa-fw"></i><i class="fa fa-fw fa-lg fa-hdd-o"></i>
</a>
</div>
</div>

View File

@ -16,10 +16,10 @@
</div>
<div class="small-12 large-12 columns text-center">
<br>
<a class="button secondary radius small show_vnets_tab"> <i class="fa fa-lg fa-list fa-fw"></i>
<a class="button secondary radius tiny show_vnets_tab"> <i class="fa fa-lg fa-list fa-fw"></i>
</a>
<a class="button secondary radius small show_create_vnet">
<i class="fa fa-lg fa-plus fa-fw"></i>
<a class="button secondary radius tiny show_create_vnet">
<i class="fa fa-lg fa-plus fa-fw"></i><i class="fa fa-fw fa-lg fa-sitemap"></i>
</a>
</div>
</div>

View File

@ -16,10 +16,10 @@
</div>
<div class="small-12 large-12 columns text-center">
<br>
<a class="button secondary radius small show_images_tab"> <i class="fa fa-lg fa-list fa-fw"></i>
<a class="button secondary radius tiny show_images_tab"> <i class="fa fa-lg fa-list fa-fw"></i>
</a>
<a class="button secondary radius small show_create_image">
<i class="fa fa-lg fa-plus fa-fw"></i>
<a class="button secondary radius tiny show_create_image">
<i class="fa fa-lg fa-plus fa-fw"></i><i class="fa fa-fw fa-lg fa-upload"></i>
</a>
</div>
</div>

View File

@ -9,9 +9,9 @@
</h2>
</div>
<div class="small-12 large-12 columns text-center" style="margin-top: 20px">
<a class="button secondary radius small show_users_tab"> <i class="fa fa-lg fa-list fa-fw"></i></a>
<a class="button secondary radius small show_create_user">
<i class="fa fa-lg fa-plus fa-fw"></i></a>
<a class="button secondary radius tiny show_users_tab"> <i class="fa fa-lg fa-list fa-fw"></i></a>
<a class="button secondary radius tiny show_create_user">
<i class="fa fa-lg fa-plus fa-fw"></i><i class="fa fa-fw fa-lg fa-user"></i></a>
</div>
</div>
<div class="large-9 medium-6 small-12 columns text-center" id="dashboard_vdc_user_accounting">

View File

@ -30,10 +30,10 @@
</h5>
</div>
<div class="small-12 large-12 columns text-center" style="margin-top: 20px">
<a class="button secondary radius small show_vms_tab"> <i class="fa fa-lg fa-list fa-fw"></i>
<a class="button secondary radius tiny show_vms_tab"> <i class="fa fa-lg fa-list fa-fw"></i>
</a>
<a class="button secondary radius small show_create_vm">
<i class="fa fa-lg fa-plus fa-fw"></i></a>
<a class="button secondary radius tiny show_create_vm">
<i class="fa fa-lg fa-plus fa-fw"></i><i class="fa fa-fw fa-lg fa-th"></i></a>
<br>
</div>
</div>

File diff suppressed because one or more lines are too long

View File

@ -223,7 +223,7 @@ input.search {
border-left: 2px solid #999;
}
border-left: 3px solid #efefef;
border-left: 2px solid #efefef;
a {
color: #777 !important;
@ -256,9 +256,7 @@ input.search {
padding-bottom: 5px;
padding-top: 0px;
background-color: #f8f8f8;
border-radius: 5px;
border: 1px solid #efefef
border-right: 1px solid #efefef
}
.header-row {