mirror of
https://github.com/Icinga/icingaweb2.git
synced 2025-04-08 17:15:08 +02:00
Improve the look of boxview headings
This commit is contained in:
Johannes Meyer
parent
5166ede38f
commit
44e7fcf295
@ -18,10 +18,12 @@ if (count($groupData) === 0) {
|
||||
<div class="boxview" data-base-target="_next">
|
||||
<?php foreach ($groupData as $groupName => $groupInfo): ?>
|
||||
<div class="box contactgroup">
|
||||
<h2><?= $groupInfo['alias']; ?></h2>
|
||||
<div class="box header">
|
||||
<h2><?= $groupInfo['alias']; ?></h2>
|
||||
<?php if ($groupInfo['alias'] !== $groupName): ?>
|
||||
<h2><?= $groupName; ?></h2>
|
||||
<h2><?= $groupName; ?></h2>
|
||||
<?php endif ?>
|
||||
</div>
|
||||
<div class="box contents">
|
||||
<?php foreach ($groupInfo['contacts'] as $c): ?>
|
||||
<div class="box entry">
|
||||
|
||||
@ -1,5 +1,7 @@
|
||||
<div class="box hostservicechecks">
|
||||
<h2><?= $this->translate('Host and Service Checks'); ?></h2>
|
||||
<div class="box header">
|
||||
<h2><?= $this->translate('Host and Service Checks'); ?></h2>
|
||||
</div>
|
||||
<div class="box contents">
|
||||
<table>
|
||||
<thead>
|
||||
|
||||
@ -1,5 +1,7 @@
|
||||
<div class="box monitoringfeatures">
|
||||
<h2><?= $this->translate('Monitoring Features'); ?></h2>
|
||||
<div class="box header">
|
||||
<h2><?= $this->translate('Monitoring Features'); ?></h2>
|
||||
</div>
|
||||
<div class="box contents">
|
||||
<?php if ($this->statusSummary->hosts_without_flap_detection || $this->statusSummary->services_without_flap_detection ||
|
||||
$this->statusSummary->hosts_flapping || $this->statusSummary->services_flapping): ?>
|
||||
|
||||
@ -9,42 +9,44 @@ $service_problems = (
|
||||
);
|
||||
?>
|
||||
<div class="box ok_hosts state_<?= $this->statusSummary->hosts_up ? 'up' : 'pending'; ?>">
|
||||
<?php if ($this->statusSummary->hosts_up): ?>
|
||||
<h2><?= $this->qlink(
|
||||
sprintf(
|
||||
$this->translatePlural('%u Host UP', '%u Hosts UP', $this->statusSummary->hosts_up),
|
||||
$this->statusSummary->hosts_up
|
||||
),
|
||||
'monitoring/list/hosts',
|
||||
array('host_state' => 0),
|
||||
array('title' => sprintf(
|
||||
$this->translatePlural(
|
||||
'List %u host that is currently in state UP',
|
||||
'List %u hosts which are currently in state UP',
|
||||
<div class="box header">
|
||||
<?php if ($this->statusSummary->hosts_up): ?>
|
||||
<h2><?= $this->qlink(
|
||||
sprintf(
|
||||
$this->translatePlural('%u Host UP', '%u Hosts UP', $this->statusSummary->hosts_up),
|
||||
$this->statusSummary->hosts_up
|
||||
),
|
||||
$this->statusSummary->hosts_up
|
||||
))
|
||||
); ?></h2>
|
||||
<?php endif ?>
|
||||
<?php if ($this->statusSummary->hosts_pending): ?>
|
||||
<h2><?= $this->qlink(
|
||||
sprintf(
|
||||
$this->translatePlural('%u Host PENDING', '%u Hosts PENDING', $this->statusSummary->hosts_pending),
|
||||
$this->statusSummary->hosts_pending
|
||||
),
|
||||
'monitoring/list/hosts',
|
||||
array('host_state' => 99),
|
||||
array('title' => sprintf(
|
||||
$this->translatePlural(
|
||||
'List %u host that is currently in state PENDING',
|
||||
'List %u hosts which are currently in state PENDING',
|
||||
'monitoring/list/hosts',
|
||||
array('host_state' => 0),
|
||||
array('title' => sprintf(
|
||||
$this->translatePlural(
|
||||
'List %u host that is currently in state UP',
|
||||
'List %u hosts which are currently in state UP',
|
||||
$this->statusSummary->hosts_up
|
||||
),
|
||||
$this->statusSummary->hosts_up
|
||||
))
|
||||
); ?></h2>
|
||||
<?php endif ?>
|
||||
<?php if ($this->statusSummary->hosts_pending): ?>
|
||||
<h2><?= $this->qlink(
|
||||
sprintf(
|
||||
$this->translatePlural('%u Host PENDING', '%u Hosts PENDING', $this->statusSummary->hosts_pending),
|
||||
$this->statusSummary->hosts_pending
|
||||
),
|
||||
$this->statusSummary->hosts_pending
|
||||
))
|
||||
); ?></h2>
|
||||
<?php endif ?>
|
||||
'monitoring/list/hosts',
|
||||
array('host_state' => 99),
|
||||
array('title' => sprintf(
|
||||
$this->translatePlural(
|
||||
'List %u host that is currently in state PENDING',
|
||||
'List %u hosts which are currently in state PENDING',
|
||||
$this->statusSummary->hosts_pending
|
||||
),
|
||||
$this->statusSummary->hosts_pending
|
||||
))
|
||||
); ?></h2>
|
||||
<?php endif ?>
|
||||
</div>
|
||||
<?php if ($service_problems || $this->statusSummary->hosts_down || $this->statusSummary->hosts_unreachable): ?>
|
||||
<div class="box contents">
|
||||
<strong><?= $this->translate('Services'); ?></strong>
|
||||
|
||||
@ -4,46 +4,48 @@
|
||||
echo ' handled';
|
||||
}
|
||||
?>">
|
||||
<?php if ($this->statusSummary->hosts_down): ?>
|
||||
<h2><?= $this->qlink(
|
||||
sprintf(
|
||||
$this->translatePlural('%u Host DOWN', '%u Hosts DOWN', $this->statusSummary->hosts_down),
|
||||
$this->statusSummary->hosts_down
|
||||
),
|
||||
'monitoring/list/hosts',
|
||||
array('host_state' => 1),
|
||||
array('title' => sprintf(
|
||||
$this->translatePlural(
|
||||
'List %u host that is currently in state DOWN',
|
||||
'List %u hosts which are currently in state DOWN',
|
||||
<div class="box header">
|
||||
<?php if ($this->statusSummary->hosts_down): ?>
|
||||
<h2><?= $this->qlink(
|
||||
sprintf(
|
||||
$this->translatePlural('%u Host DOWN', '%u Hosts DOWN', $this->statusSummary->hosts_down),
|
||||
$this->statusSummary->hosts_down
|
||||
),
|
||||
$this->statusSummary->hosts_down
|
||||
))
|
||||
); ?></h2>
|
||||
<?php endif ?>
|
||||
<?php if ($this->statusSummary->hosts_unreachable): ?>
|
||||
<h2><?= $this->qlink(
|
||||
sprintf(
|
||||
$this->translatePlural(
|
||||
'%u Host UNREACHABLE',
|
||||
'%u Hosts UNREACHABLE',
|
||||
'monitoring/list/hosts',
|
||||
array('host_state' => 1),
|
||||
array('title' => sprintf(
|
||||
$this->translatePlural(
|
||||
'List %u host that is currently in state DOWN',
|
||||
'List %u hosts which are currently in state DOWN',
|
||||
$this->statusSummary->hosts_down
|
||||
),
|
||||
$this->statusSummary->hosts_down
|
||||
))
|
||||
); ?></h2>
|
||||
<?php endif ?>
|
||||
<?php if ($this->statusSummary->hosts_unreachable): ?>
|
||||
<h2><?= $this->qlink(
|
||||
sprintf(
|
||||
$this->translatePlural(
|
||||
'%u Host UNREACHABLE',
|
||||
'%u Hosts UNREACHABLE',
|
||||
$this->statusSummary->hosts_unreachable
|
||||
),
|
||||
$this->statusSummary->hosts_unreachable
|
||||
),
|
||||
$this->statusSummary->hosts_unreachable
|
||||
),
|
||||
'monitoring/list/hosts',
|
||||
array('host_state' => 2),
|
||||
array('title' => sprintf(
|
||||
$this->translatePlural(
|
||||
'List %u host that is currently in state UNREACHABLE',
|
||||
'List %u hosts which are currently in state UNREACHABLE',
|
||||
'monitoring/list/hosts',
|
||||
array('host_state' => 2),
|
||||
array('title' => sprintf(
|
||||
$this->translatePlural(
|
||||
'List %u host that is currently in state UNREACHABLE',
|
||||
'List %u hosts which are currently in state UNREACHABLE',
|
||||
$this->statusSummary->hosts_unreachable
|
||||
),
|
||||
$this->statusSummary->hosts_unreachable
|
||||
),
|
||||
$this->statusSummary->hosts_unreachable
|
||||
))
|
||||
); ?></h2>
|
||||
<?php endif ?>
|
||||
))
|
||||
); ?></h2>
|
||||
<?php endif ?>
|
||||
</div>
|
||||
<div class="box contents">
|
||||
<strong><?= $this->translate('Services'); ?></strong>
|
||||
<?= $this->partial(
|
||||
|
||||
@ -531,39 +531,39 @@ a.critical {
|
||||
background: #eee;
|
||||
}
|
||||
|
||||
/* Box caption */
|
||||
.boxview div.box h2 {
|
||||
margin-top: 0;
|
||||
margin-bottom: 0.6em;
|
||||
/* Box header */
|
||||
.boxview div.box.header {
|
||||
padding-bottom: 0.5em;
|
||||
margin-bottom: 0.5em;
|
||||
border-bottom: 1px solid #888;
|
||||
}
|
||||
|
||||
.boxview div.box.header h2 {
|
||||
margin-top: 0.1em;
|
||||
margin-bottom: 0;
|
||||
font-size: 0.8em;
|
||||
border-bottom: none;
|
||||
color: @colorTextDefault;
|
||||
}
|
||||
|
||||
.boxview div.box h2:first-child {
|
||||
.boxview div.box.header h2:first-child {
|
||||
margin-top: 0.2em;
|
||||
padding-bottom: 0.5em;
|
||||
font-size: inherit;
|
||||
color: @colorTextDefault;
|
||||
border-bottom: 1px solid #d9d9d9;
|
||||
}
|
||||
|
||||
.boxview div.box h2 > a {
|
||||
.boxview div.box.header h2 > a {
|
||||
color: inherit;
|
||||
margin-bottom: 0.2em;
|
||||
}
|
||||
|
||||
.boxview div.box h2 > a:hover {
|
||||
.boxview div.box.header h2 > a:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
.boxview div.box h2:first-child > a:hover {
|
||||
}
|
||||
|
||||
.boxview div.box h3 {
|
||||
.boxview div.box.header h3 {
|
||||
line-height: 1.5em;
|
||||
font-size: 0.9em;
|
||||
color: #555;
|
||||
border-bottom: 1px solid #d9d9d9;
|
||||
}
|
||||
|
||||
/* Box body of contents */
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user