tyler.durden/icingaweb2
1
0
Fork 0
mirror of https://github.com/Icinga/icingaweb2.git synced 2025-07-25 14:54:24 +02:00
Code Issues Packages Projects Releases Wiki Activity

Add style information for tactical overview

Browse Source 
refs #3782
This commit is contained in:
Johannes Meyer 2014-03-04 14:44:57 +01:00
parent bb9bc39522
commit 8abefaee3c
5 changed files with 72 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
config/modules/monitoring/menu.ini
View File

@ -21,6 +21,11 @@ icon = "img/icons/down.png"
priority = 30 priority = 30
icon = "img/icons/hostgroup.png" icon = "img/icons/hostgroup.png"
[Overview.Tactical Overview]
title = "Tactical Overview"
url = "monitoring/tactical"
priority = 50
[Overview.Hosts] [Overview.Hosts]
title = "Hosts" title = "Hosts"
url = "monitoring/list/hosts" url = "monitoring/list/hosts"

12
modules/monitoring/application/views/scripts/tactical/components/hostservicechecks.phtml
View File

@ -8,7 +8,7 @@
<tr> <tr>
<td> <td>
<?php if ($this->statusSummary->hosts_active): ?> <?php if ($this->statusSummary->hosts_active): ?>
<span class="state active"> <span class="state check_active">
<a href="<?= $this->href( <a href="<?= $this->href(
'monitoring/list/hosts', 'monitoring/list/hosts',
array('host_active_checks_enabled' => 1) array('host_active_checks_enabled' => 1)
@ -18,7 +18,7 @@
</span> </span>
<?php endif ?> <?php endif ?>
<?php if ($this->statusSummary->hosts_passive): ?> <?php if ($this->statusSummary->hosts_passive): ?>
<span class="state passive"> <span class="state check_passive">
<a href="<?= $this->href( <a href="<?= $this->href(
'monitoring/list/hosts', 'monitoring/list/hosts',
array('host_active_checks_enabled' => 0, 'host_passive_checks_enabled' => 1) array('host_active_checks_enabled' => 0, 'host_passive_checks_enabled' => 1)
@ -28,7 +28,7 @@
</span> </span>
<?php endif ?> <?php endif ?>
<?php if ($this->statusSummary->hosts_not_checked): ?> <?php if ($this->statusSummary->hosts_not_checked): ?>
<span class="state not_checked"> <span class="state check_disabled">
<a href="<?= $this->href( <a href="<?= $this->href(
'monitoring/list/hosts', 'monitoring/list/hosts',
array('host_active_checks_enabled' => 0, 'host_passive_checks_enabled' => 0) array('host_active_checks_enabled' => 0, 'host_passive_checks_enabled' => 0)
@ -40,7 +40,7 @@
</td> </td>
<td> <td>
<?php if ($this->statusSummary->services_active): ?> <?php if ($this->statusSummary->services_active): ?>
<span class="state active"> <span class="state check_active">
<a href="<?= $this->href( <a href="<?= $this->href(
'monitoring/list/services', 'monitoring/list/services',
array('service_active_checks_enabled' => 1) array('service_active_checks_enabled' => 1)
@ -50,7 +50,7 @@
</span> </span>
<?php endif ?> <?php endif ?>
<?php if ($this->statusSummary->services_passive): ?> <?php if ($this->statusSummary->services_passive): ?>
<span class="state passive"> <span class="state check_passive">
<a href="<?= $this->href( <a href="<?= $this->href(
'monitoring/list/services', 'monitoring/list/services',
array('service_active_checks_enabled' => 0, 'service_passive_checks_enabled' => 1) array('service_active_checks_enabled' => 0, 'service_passive_checks_enabled' => 1)
@ -60,7 +60,7 @@
</span> </span>
<?php endif ?> <?php endif ?>
<?php if ($this->statusSummary->services_not_checked): ?> <?php if ($this->statusSummary->services_not_checked): ?>
<span class="state not_checked"> <span class="state check_disabled">
<a href="<?= $this->href( <a href="<?= $this->href(
'monitoring/list/services', 'monitoring/list/services',
array('service_active_checks_enabled' => 0, 'service_passive_checks_enabled' => 0) array('service_active_checks_enabled' => 0, 'service_passive_checks_enabled' => 0)

22
modules/monitoring/application/views/scripts/tactical/components/monitoringfeatures.phtml
View File

@ -29,8 +29,8 @@ $services_not_processing_event_handlers = $total_services - $summary->services_p
</tr> </tr>
<tr> <tr>
<td> <td>
<span class="state flap_detection">
<?php if ($hosts_without_flap_detection): ?> <?php if ($hosts_without_flap_detection): ?>
<span class="state disabled">
<a href="<?= $this->href( <a href="<?= $this->href(
'monitoring/list/hosts', 'monitoring/list/hosts',
array('host_flap_detection_enabled' => 0) array('host_flap_detection_enabled' => 0)
@ -38,6 +38,7 @@ $services_not_processing_event_handlers = $total_services - $summary->services_p
<?= $hosts_without_flap_detection; ?> hosts disabled <?= $hosts_without_flap_detection; ?> hosts disabled
</a> </a>
<?php else: ?> <?php else: ?>
<span class="state enabled">
<a href="<?= $this->href( <a href="<?= $this->href(
'monitoring/list/hosts', 'monitoring/list/hosts',
array('host_flap_detection_enabled' => 1) array('host_flap_detection_enabled' => 1)
@ -46,7 +47,7 @@ $services_not_processing_event_handlers = $total_services - $summary->services_p
</a> </a>
<?php endif ?> <?php endif ?>
<?php if ($summary->hosts_flapping): ?> <?php if ($summary->hosts_flapping): ?>
<span class="state flap_detection flapping"> <span class="state flapping">
<a href="<?= $this->href( <a href="<?= $this->href(
'monitoring/list/hosts', 'monitoring/list/hosts',
array('host_is_flapping' => 1) array('host_is_flapping' => 1)
@ -58,8 +59,8 @@ $services_not_processing_event_handlers = $total_services - $summary->services_p
</span> </span>
</td> </td>
<td> <td>
<span class="state flap_detection">
<?php if ($services_without_flap_detection): ?> <?php if ($services_without_flap_detection): ?>
<span class="state disabled">
<a href="<?= $this->href( <a href="<?= $this->href(
'monitoring/list/services', 'monitoring/list/services',
array('service_flap_detection_enabled' => 0) array('service_flap_detection_enabled' => 0)
@ -67,6 +68,7 @@ $services_not_processing_event_handlers = $total_services - $summary->services_p
<?= $services_without_flap_detection; ?> services disabled <?= $services_without_flap_detection; ?> services disabled
</a> </a>
<?php else: ?> <?php else: ?>
<span class="state enabled">
<a href="<?= $this->href( <a href="<?= $this->href(
'monitoring/list/services', 'monitoring/list/services',
array('service_flap_detection_enabled' => 1) array('service_flap_detection_enabled' => 1)
@ -75,7 +77,7 @@ $services_not_processing_event_handlers = $total_services - $summary->services_p
</a> </a>
<?php endif ?> <?php endif ?>
<?php if ($summary->services_flapping): ?> <?php if ($summary->services_flapping): ?>
<span class="state flap_detection flapping"> <span class="state flapping">
<a href="<?= $this->href( <a href="<?= $this->href(
'monitoring/list/services', 'monitoring/list/services',
array('service_is_flapping' => 1) array('service_is_flapping' => 1)
@ -94,8 +96,8 @@ $services_not_processing_event_handlers = $total_services - $summary->services_p
</tr> </tr>
<tr> <tr>
<td> <td>
<span class="state notifications">
<?php if ($hosts_not_triggering_notifications): ?> <?php if ($hosts_not_triggering_notifications): ?>
<span class="state disabled">
<a href="<?= $this->href( <a href="<?= $this->href(
'monitoring/list/hosts', 'monitoring/list/hosts',
array('host_notifications_enabled' => 0) array('host_notifications_enabled' => 0)
@ -103,6 +105,7 @@ $services_not_processing_event_handlers = $total_services - $summary->services_p
<?= $hosts_not_triggering_notifications; ?> hosts disabled <?= $hosts_not_triggering_notifications; ?> hosts disabled
</a> </a>
<?php else: ?> <?php else: ?>
<span class="state enabled">
<a href="<?= $this->href( <a href="<?= $this->href(
'monitoring/list/hosts', 'monitoring/list/hosts',
array('host_notifications_enabled' => 1) array('host_notifications_enabled' => 1)
@ -113,8 +116,8 @@ $services_not_processing_event_handlers = $total_services - $summary->services_p
</span> </span>
</td> </td>
<td> <td>
<span class="state notifications">
<?php if ($services_not_triggering_notifications): ?> <?php if ($services_not_triggering_notifications): ?>
<span class="state disabled">
<a href="<?= $this->href( <a href="<?= $this->href(
'monitoring/list/services', 'monitoring/list/services',
array('service_notifications_enabled' => 0) array('service_notifications_enabled' => 0)
@ -122,6 +125,7 @@ $services_not_processing_event_handlers = $total_services - $summary->services_p
<?= $services_not_triggering_notifications; ?> hosts disabled <?= $services_not_triggering_notifications; ?> hosts disabled
</a> </a>
<?php else: ?> <?php else: ?>
<span class="state enabled">
<a href="<?= $this->href( <a href="<?= $this->href(
'monitoring/list/services', 'monitoring/list/services',
array('service_notifications_enabled' => 1) array('service_notifications_enabled' => 1)
@ -139,8 +143,8 @@ $services_not_processing_event_handlers = $total_services - $summary->services_p
</tr> </tr>
<tr> <tr>
<td> <td>
<span class="state eventhandlers">
<?php if ($hosts_not_processing_event_handlers): ?> <?php if ($hosts_not_processing_event_handlers): ?>
<span class="state disabled">
<a href="<?= $this->href( <a href="<?= $this->href(
'monitoring/list/hosts', 'monitoring/list/hosts',
array('host_event_handler_enabled' => 0) array('host_event_handler_enabled' => 0)
@ -148,6 +152,7 @@ $services_not_processing_event_handlers = $total_services - $summary->services_p
<?= $hosts_not_processing_event_handlers; ?> hosts disabled <?= $hosts_not_processing_event_handlers; ?> hosts disabled
</a> </a>
<?php else: ?> <?php else: ?>
<span class="state enabled">
<a href="<?= $this->href( <a href="<?= $this->href(
'monitoring/list/hosts', 'monitoring/list/hosts',
array('host_event_handler_enabled' => 1) array('host_event_handler_enabled' => 1)
@ -158,8 +163,8 @@ $services_not_processing_event_handlers = $total_services - $summary->services_p
</span> </span>
</td> </td>
<td> <td>
<span class="state notifications">
<?php if ($services_not_processing_event_handlers): ?> <?php if ($services_not_processing_event_handlers): ?>
<span class="state disabled">
<a href="<?= $this->href( <a href="<?= $this->href(
'monitoring/list/services', 'monitoring/list/services',
array('service_event_handler_enabled' => 0) array('service_event_handler_enabled' => 0)
@ -167,6 +172,7 @@ $services_not_processing_event_handlers = $total_services - $summary->services_p
<?= $services_not_processing_event_handlers; ?> hosts disabled <?= $services_not_processing_event_handlers; ?> hosts disabled
</a> </a>
<?php else: ?> <?php else: ?>
<span class="state enabled">
<a href="<?= $this->href( <a href="<?= $this->href(
'monitoring/list/services', 'monitoring/list/services',
array('service_event_handler_enabled' => 1) array('service_event_handler_enabled' => 1)

6
public/css/icinga/layout-colors.less
View File

@ -50,4 +50,10 @@
@colorInvalid: #999; @colorInvalid: #999;
@colorUnreachable: #dd66ff; @colorUnreachable: #dd66ff;
@colorUnreachableHandled: #ee99ff; @colorUnreachableHandled: #ee99ff;
@colorActiveCheck: #44bb77;
@colorPassiveCheck: #44ccaa;
@colorDisabledCheck: #ff5566;
@colorEnabled: #44bb77;
@colorDisabled: #cccccc;
@colorFlapping: #ff5566;

41
public/css/icinga/monitoring-colors.less
View File

@ -273,11 +273,24 @@ span.state {
margin: 0.2em 0.5em 0.2em 0.5em; margin: 0.2em 0.5em 0.2em 0.5em;
} }
/* span.state title element */
span.state caption {
font-size: 125%;
}
/* span.state Subtitle element */
span.state.subtitle {
color: black;
}
span.state.ok, span.state.up { span.state.ok, span.state.up {
background-color: @colorOk; background-color: @colorOk;
} }
span.state.pending {
background-color: @colorPending;
}
span.state.warning { span.state.warning {
background-color: @colorWarning; background-color: @colorWarning;
} }
@ -306,6 +319,30 @@ span.state.invalid {
background-color: @colorInvalid; background-color: @colorInvalid;
} }
span.state.check_active {
background-color: @colorActiveCheck;
}
span.state.check_passive {
background-color: @colorPassiveCheck;
}
span.state.check_disabled {
background-color: @colorDisabledCheck;
}
span.state.enabled {
background-color: @colorEnabled;
}
span.state.disabled {
background-color: @colorDisabled;
}
span.state.flapping {
background-color: @colorFlapping;
}
.summary a { .summary a {
color: white; color: white;
text-decoration: none; text-decoration: none;
@ -333,6 +370,10 @@ span.state.invalid {
color: #333; color: #333;
} }
.summary span.state.disabled > a {
color: #333;
}
.summary span.state { .summary span.state {
width: 26em; width: 26em;
vertical-align: top; vertical-align: top;