tyler.durden
/
icingaweb2
mirror of https://github.com/Icinga/icingaweb2.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Redesign of tactical overview to get ready for full screen

This commit is contained in:
Bernd Erk 2015-11-13 00:24:15 +01:00
parent ecf929ec96
commit 3e93d62795
5 changed files with 25 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
modules/monitoring/application/views/scripts/tactical/components/ok_hosts.phtml
View File

@ -49,7 +49,6 @@ $service_problems = (
</div>
<?php if ($service_problems || $this->statusSummary->hosts_down || $this->statusSummary->hosts_unreachable): ?>
<div class="box contents">
<strong><?= $this->translate('Services'); ?></strong>
<?= $this->partial(
'tactical/components/parts/servicestatesummarybyhoststate.phtml',
array(

1
modules/monitoring/application/views/scripts/tactical/components/problem_hosts.phtml
View File

@ -47,7 +47,6 @@
<?php endif ?>
</div>
<div class="box contents">
<strong><?= $this->translate('Services'); ?></strong>
<?= $this->partial(
'tactical/components/parts/servicestatesummarybyhoststate.phtml',
array(

2
modules/monitoring/application/views/scripts/tactical/index.phtml
View File

@ -11,7 +11,5 @@
<?php if ($this->statusSummary->hosts_up || $this->statusSummary->hosts_pending): ?>
<?= $this->render('tactical/components/ok_hosts.phtml'); ?>
<?php endif ?>
<?= $this->render('tactical/components/monitoringfeatures.phtml'); ?>
<?= $this->render('tactical/components/hostservicechecks.phtml'); ?>
</div>
</div>

33
modules/monitoring/public/css/module.less
View File

@ -102,8 +102,6 @@
}
.boxview div.box.badge {
border-radius: 3px;
margin: 5px;
padding: 5px;
}
@ -117,26 +115,41 @@
/* Tactical overview element styles */
.tactical > .boxview > div.box {
min-height: 30em;
min-height: 45em;
padding: 0px;
}
.tactical div.box.header {
min-height: 5em;
border-bottom:1px solid @gray-lighter;
margin: 10px;
min-height: 8em;
color: @text-color-inverted;
font-size: @font-size-dashboard;
}
.tactical div.box.badge {
border-radius: 0.0em;
}
div.box.ok_hosts.state_up {
border: 1px solid @gray-lighter;
border-left: 15px solid @color-ok;
background-color: @color-ok;
border: 1px solid white;
}
div.box.problem_hosts.state_down {
border: 1px solid @gray-lighter;
border-left: 15px solid @color-critical;
background-color: @color-critical;
border: 1px solid white;
}
div.box.ok_hosts div.box.entry, div.box.problem_hosts div.box.entry {
min-width: 11.1em;
min-width: 8em;
min-height: 4em;
}
.tactical div.box.contents {
background-color: white;
min-height: 13em;
font-size: @font-size-dashboard-small;
text-align: left;
}
div.box.monitoringfeatures {

2
public/css/icinga/base.less
View File

@ -39,6 +39,8 @@
// Font sizes
@font-size: 0.750em; // 12px
@font-size-small: 0.917em; // 11px
@font-size-dashboard: 3.5em; // 56px
@font-size-dashboard-small: 1.1em; // 17px
@font-weight-bold: 600;
// Set line-height w/o unit so that the line-height is dynamically calculated as font-size * line-height