tyler.durden/icingaweb2
1
0
Fork 0
mirror of https://github.com/Icinga/icingaweb2.git synced 2025-07-29 08:44:10 +02:00
Code Issues Packages Projects Releases Wiki Activity

Fix site layout of multi-views

Browse Source 
Fix responsiveness and add icons for plugin output section.

refs 8565
This commit is contained in:
Matthias Jentsch 2015-03-06 14:49:33 +01:00
parent f91ce0cfa1
commit 4724eb907f
7 changed files with 32 additions and 30 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
modules/monitoring/application/views/scripts/hosts/show.phtml
View File

@ -18,7 +18,7 @@ use Icinga\Module\Monitoring\Forms\Command\Object\DeleteCommentCommandForm;
</div> </div>
<div class="content"> <div class="content no-padding-top">
<h3> <h3>
<?= $this->icon('reschedule') ?> <?= $this->icon('reschedule') ?>
<?= $this->translate('Commands') ?> <?= $this->translate('Commands') ?>

8
modules/monitoring/application/views/scripts/partials/host/objects-header.phtml
View File

@ -18,8 +18,8 @@ $hiddenRich = array();
<tr> <tr>
<th></th> <th></th>
<th></th> <th></th>
<th><?= $this->icon('host'); ?> <?= $this->translate('Host'); ?></th> <th class="oneline"><?= $this->icon('host'); ?> <?= $this->translate('Host'); ?></th>
<th class="collapse"><?= $this->translate('Output'); ?></th> <th class="oneline"><?= $this->icon('paste'); ?> <?= $this->translate('Plugin Output'); ?></th>
</tr> </tr>
</thead> </thead>
@ -64,8 +64,8 @@ $hiddenRich = array();
<?= $this->icon('comment', $this->translate('Last Comment: ') . $host->host_last_comment) ?> <?= $this->icon('comment', $this->translate('Last Comment: ') . $host->host_last_comment) ?>
<?php endif ?> <?php endif ?>
</td> </td>
<td><?= $this->escape($host->getName()); ?></td> <td class="name oneline"><?= $this->escape($host->getName()); ?></td>
<td><p class="pluginoutput"><?= $this->escape($host->host_output) ?></p></td> <td><?= $this->escape($host->host_output) ?></td>
</tr> </tr>
<?php endforeach ?> <?php endforeach ?>

17
modules/monitoring/application/views/scripts/partials/service/objects-header.phtml
View File

@ -15,12 +15,11 @@ use Icinga\Web\Url;
<tr> <tr>
<th></th> <th></th>
<th></th> <th></th>
<th><?= $this->icon('service'); ?> <?= $this->translate('Service'); ?></th> <th class="oneline"><?= $this->icon('service'); ?> <?= $this->translate('Service'); ?></th>
<th><?= $this->icon('host'); ?> <?= $this->translate('Host'); ?></th> <th class="oneline"><?= $this->icon('host'); ?> <?= $this->translate('Host'); ?></th>
<th class="collapse"><?= $this->translate('Output'); ?></th> <th class="oneline"><?= $this->icon('paste'); ?> <?= $this->translate('Plugin Output'); ?></th>
</tr> </tr>
</thead> </thead>
<tbody> <tbody>
<?php foreach ($objects as $service): /** @var Service $service */ ?> <?php foreach ($objects as $service): /** @var Service $service */ ?>
<?php <?php
@ -62,16 +61,16 @@ use Icinga\Web\Url;
<?= $this->icon('comment', $this->translate('Last Comment: ') . $service->service_last_comment) ?> <?= $this->icon('comment', $this->translate('Last Comment: ') . $service->service_last_comment) ?>
<?php endif ?> <?php endif ?>
</td> </td>
<td><?= $this->escape($service->getName()); ?></td> <td class="name oneline"><?= $this->escape($service->getName()); ?></td>
<td><?= $this->escape($service->getHost()->getName()); ?></b></td> <td class="name oneline"><?= $this->escape($service->getHost()->getName()); ?></b></td>
<td><p class="pluginoutput collapse"><?= $this->escape($service->service_output) ?></p></td> <td><?= $this->escape($service->service_output) ?></td>
</tr> </tr>
<?php endforeach ?> <?php endforeach ?>
<?php if (count($hidden)): ?> <?php if (count($hidden)): ?>
<tr> <tr>
<td> <td class="state">
<div class="selection-info" data-title-rich="<span align='left'><?= join('<br>', $hiddenRich) ?></span>" <div data-title-rich="<span align='left'><?= join('<br>', $hiddenRich) ?></span>"
title="<?= join(', ', $hidden) ?>"> title="<?= join(', ', $hidden) ?>">
<?= sprintf(t('%d more ...'), count($hidden)) ?> <?= sprintf(t('%d more ...'), count($hidden)) ?>
</div> </div>

2
modules/monitoring/application/views/scripts/services/show.phtml
View File

@ -12,7 +12,7 @@ use Icinga\Module\Monitoring\Forms\Command\Object\DeleteCommentCommandForm;
<?= $this->render('partials/service/objects-header.phtml'); ?> <?= $this->render('partials/service/objects-header.phtml'); ?>
</div> </div>
<div class="content"> <div class="content no-padding-top">
<h3> <h3>
<?= $this->icon('reschedule') ?> <?= $this->icon('reschedule') ?>
<?= $this->translate('Commands') ?> <?= $this->translate('Commands') ?>

4
public/css/icinga/layout-structure.less
View File

@ -370,3 +370,7 @@ html {
position: absolute; position: absolute;
width: 1px; width: 1px;
} }
.no-padding-top {
padding-top: 0em;
}

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

@ -929,10 +929,6 @@ table.statesummary {
width: auto; width: auto;
border-collapse: separate; border-collapse: separate;
tbody {
white-space: nowrap;
}
td { td {
padding: 0em 0.4em 0em 0.4em; padding: 0em 0.4em 0em 0.4em;
line-height: 1.2em; line-height: 1.2em;
@ -943,29 +939,27 @@ table.statesummary {
font-weight: bold; font-weight: bold;
} }
td .pluginoutput { td {
font-size: 0.8em; font-size: 0.85em;
line-height: 1.2em; line-height: 1.2em;
padding-left: 0; padding-left: 0.2em;
margin: 0; margin: 0;
} }
td.state { td.state {
padding: 0.2em;
min-width: 75px; min-width: 75px;
font-size: 0.7em; font-size: 0.75em;
text-align: center; text-align: center;
} }
td.name {
font-weight: bold;
}
td a { td a {
color: inherit; color: inherit;
text-decoration: none; text-decoration: none;
} }
} }
/* Up to 576px for 1em=16px, should fit 320px devices */
@media screen and (max-width: 97em) {
table.statesummary .collapse {
display: none;
}
}

5
public/css/icinga/widgets.less
View File

@ -272,6 +272,10 @@ li li .badge {
background-color: @colorOk; background-color: @colorOk;
} }
.badge-up {
background-color: @colorOk;
}
.badge-pending { .badge-pending {
background-color: @colorPending; background-color: @colorPending;
} }
@ -323,3 +327,4 @@ li li .badge {
white-space: nowrap; white-space: nowrap;
text-overflow: ellipsis; text-overflow: ellipsis;
} }