shaba/one
1
0
Fork 0
mirror of https://github.com/OpenNebula/one.git synced 2025-03-21 14:50:08 +03:00
Code Releases Wiki Activity

B #5320: Fix grid layout in sunstone dashboard (#1076)

Browse Source
This commit is contained in:
Sergio Betanzos 2021-04-07 17:58:10 +02:00 committed by GitHub
parent d245a0fe9b
commit 2be11e6011
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
6 changed files with 42 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
src/sunstone/public/app/tabs/dashboard-tab/hosts.hbs
View File

@ -33,15 +33,21 @@
<div class="small-12 medium-6 columns">
<div class="card small-12 medium-4 columns">
<h3 class="on_hosts fadeinout success-color number-title">0</h3>
<span class="small-12 medium-12 columns label-card" style="padding:0;">{{tr "MONITORED"}}</span>
<span class="small-12 medium-12 columns label-card" title="{{tr 'MONITORED'}}">
{{tr "MONITORED"}}
</span>
</div>
<div class="card small-12 medium-4 columns">
<h3 class="off_hosts fadeinout warning-color number-title">0</h3>
<span class="small-12 medium-12 columns label-card" style="padding:0;">{{tr "DISABLED"}}</span>
<span class="small-12 medium-12 columns label-card" title="{{tr 'DISABLED'}}">
{{tr "DISABLED"}}
</span>
</div>
<div class="card small-12 medium-4 columns">
<h3 class="error_hosts fadeinout alert-color number-title">0</h3>
<span class="small-12 medium-12 columns label-card" style="padding:0;">{{tr "FAILED"}}</span>
<span class="small-12 medium-12 columns label-card" title="{{tr 'FAILED'}}">
{{tr "FAILED"}}
</span>
</div>
</div>
</div>

8
src/sunstone/public/app/tabs/dashboard-tab/network.hbs
View File

@ -27,11 +27,15 @@
<div class="row">
<div class="card small-12 medium-6 columns">
<h3 class="total_vnets fadeinout number-title">0</h3>
<span class="small-12 medium-12 columns label-card">{{tr "VNETS"}}</span>
<span class="small-12 medium-12 columns label-card" title="{{tr 'VNETS'}}">
{{tr "VNETS"}}
</span>
</div>
<div class="card small-12 medium-6 columns">
<h3 class="addresses_vnets fadeinout number-title">0</h3>
<span class="small-12 medium-12 columns label-card">{{tr "USED IPs"}}</span>
<span class="small-12 medium-12 columns label-card" title="{{tr 'USED IPs'}}">
{{tr "USED IPs"}}
</span>
</div>
</div>
</fieldset>

8
src/sunstone/public/app/tabs/dashboard-tab/storage.hbs
View File

@ -27,11 +27,15 @@
<div class="row">
<div class="card small-12 medium-6 columns">
<h3 class="total_images fadeinout number-title">0</h3>
<span class="small-12 medium-12 columns label-card">{{tr "IMAGES"}}</span>
<span class="small-12 medium-12 columns label-card" title="{{tr 'IMAGES'}}">
{{tr "IMAGES"}}
</span>
</div>
<div class="card small-12 medium-6 columns">
<h3 class="size_images fadeinout number-title">0</h3>
<span class="small-12 medium-12 columns label-card">{{tr "USED"}}</span>
<span class="small-12 medium-12 columns label-card" title="{{tr 'USED'}}">
{{tr "USED"}}
</span>
</div>
</div>
</fieldset>

8
src/sunstone/public/app/tabs/dashboard-tab/users.hbs
View File

@ -28,11 +28,15 @@
<div class="row">
<div class="card small-12 medium-6 columns">
<h3 class="total_users fadeinout number-title">0</h3>
<span class="small-12 medium-12 columns label-card">{{tr "USERS"}}</span>
<span class="small-12 medium-12 columns label-card" title="{{tr 'USERS'}}">
{{tr "USERS"}}
</span>
</div>
<div class="card small-12 medium-6 columns">
<h3 class="total_groups fadeinout number-title">0</h3>
<span class="small-12 medium-12 columns label-card">{{tr "GROUPS"}}</span>
<span class="small-12 medium-12 columns label-card" title="{{tr 'GROUPS'}}">
{{tr "GROUPS"}}
</span>
</div>
</div>
</fieldset>

12
src/sunstone/public/app/tabs/dashboard-tab/vms.hbs
View File

@ -30,15 +30,21 @@
<div class="row">
<div class="card small-12 medium-4 columns">
<h3 class="total_vms fadeinout number-title">0</h3>
<span class="small-12 medium-12 columns label-card">{{tr "TOTAL"}}</span>
<span style="" class="small-12 medium-12 columns label-card" title="{{tr 'TOTAL'}}">
{{tr "TOTAL"}}
</span>
</div>
<div class="card small-12 medium-4 columns">
<h3 class="pending_vms fadeinout warning-color number-title">0</h3>
<span class="small-12 medium-12 columns label-card">{{tr "PENDING"}}</span>
<span class="small-12 medium-12 columns label-card" title="{{tr 'PENDING'}}">
{{tr "PENDING"}}
</span>
</div>
<div class="card small-12 medium-4 columns">
<h3 class="failed_vms fadeinout alert-color number-title">0</h3>
<span class="small-12 medium-12 columns label-card">{{tr "FAILED"}}</span>
<span class="small-12 medium-12 columns label-card" title="{{tr 'FAILED'}}">
{{tr "FAILED"}}
</span>
</div>
</div>
</fieldset>

7
src/sunstone/public/css/custom.css
View File

@ -185,8 +185,13 @@ meter {
.number-title{
margin-top: -15px;
}
.label-card{
.label-card {
margin-top: -25px;
padding: 0;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
text-transform: uppercase;
}
.dashboard-fieldset{
background-color: #f8f8f8;