95 lines
3.2 KiB
PHTML
95 lines
3.2 KiB
PHTML
<div class="controls">
|
|
<?= $this->tabs ?>
|
|
<div style="margin: 1em;" class="dontprint">
|
|
<h2 tabindex="-1" class="sr-only">
|
|
<?= $this->translate('Filters'); ?>
|
|
</h2>
|
|
<?= $intervalBox; ?>
|
|
</div>
|
|
<?= $this->widget('limiter') ?>
|
|
<?= $this->paginationControl($notifications, null, null, array('preserve' => $this->preserve)) ?>
|
|
</div>
|
|
|
|
<div class="content alertsummary">
|
|
<h1 tabindex="-1">
|
|
<?= $this->translate('Alert summary'); ?>
|
|
</h1>
|
|
|
|
<div class="hbox">
|
|
<div class="hbox-item">
|
|
<h2 tabindex="-1" id="alertsummary-notifications">
|
|
<?= $this->translate('Notifications and Problems'); ?>
|
|
</h2>
|
|
<div style="width: 400px; height: 400px;">
|
|
<?= $defectChart->render(); ?>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="hbox-item">
|
|
<h2 tabindex="-1" id="alertsummary-reaction-time">
|
|
<?= $this->translate('Time to Reaction (Ack, Recover)'); ?>
|
|
</h2>
|
|
<div style="width: 400px; height: 400px;">
|
|
<?= $healingChart->render(); ?>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<h2 tabindex="-1" id="alertsummary-trend">
|
|
<?= $this->translate('Trend'); ?>
|
|
</h2>
|
|
|
|
<div class="alertsummary-flex-container">
|
|
<div class="alertsummary-flex">
|
|
<?= $this->translate('Average') ?>
|
|
<strong><?= $this->perf->avg; ?></strong>
|
|
<?= $this->translate('notifications per hour'); ?>,
|
|
<strong><?= $this->perf->last; ?></strong>
|
|
<?= $this->translate('in the last hour'); ?>.
|
|
|
|
<?= $this->translate('Trend for the last 24h'); ?>
|
|
(<?= $this->trend->percent; ?>%
|
|
<strong><?= $this->translate($this->trend->trend); ?></strong>)
|
|
|
|
<span>
|
|
<?php if ($this->trend->trend === 'up'): ?>
|
|
<?= $this->icon('up-open'); ?>
|
|
<?php elseif ($this->trend->trend === 'unchanged'): ?>
|
|
<?= $this->icon('right-open'); ?>
|
|
<?php else: ?>
|
|
<?= $this->icon('down-open'); ?>
|
|
<?php endif; ?>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
|
|
<?php if ($this->recentAlerts): ?>
|
|
<h2 tabindex="-1" id="alertsummary-top5">
|
|
<?= $this->translate('Top 5 Recent Alerts'); ?>
|
|
</h2>
|
|
|
|
<div class="alertsummary-flex-container">
|
|
<div class="alertsummary-flex">
|
|
<?= $this->partial('list/notifications.phtml', array(
|
|
'notifications' => $this->recentAlerts,
|
|
'compact' => true,
|
|
'inline' => true
|
|
)); ?>
|
|
</div>
|
|
</div>
|
|
<?php endif; ?>
|
|
|
|
<h2 tabindex="-1" id="alertsummary-history">
|
|
<?= $this->translate('History'); ?>
|
|
</h2>
|
|
<div class="alertsummary-flex-container">
|
|
<div class="alertsummary-flex">
|
|
<?= $this->partial('list/notifications.phtml', array(
|
|
'notifications' => $this->notifications,
|
|
'compact' => true,
|
|
'inline' => true
|
|
)); ?>
|
|
</div>
|
|
</div>
|
|
</div>
|