You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
hestiacp/web/templates/pages/list_rrd.php

42 lines
2.0 KiB

<!-- Begin toolbar -->
<div class="toolbar">
<div class="toolbar-inner">
<div class="toolbar-buttons">
<a class="button button-secondary button-back js-button-back" href="/list/server/">
<i class="fas fa-arrow-left icon-blue"></i><?= _("Back") ?>
</a>
<a href="/list/server/?cpu" class="button button-secondary">
<i class="fas fa-chart-pie icon-green"></i><?= _("Advanced Details") ?>
</a>
</div>
<div class="toolbar-right">
<a class="toolbar-link<?php if ((empty($period)) || ($period == 'daily')) echo " selected" ?>" href="?period=daily"><?= _("Daily") ?></a>
<a class="toolbar-link<?php if ((!empty($period)) && ($period == 'weekly')) echo " selected" ?>" href="?period=weekly"><?= _("Weekly") ?></a>
<a class="toolbar-link<?php if ((!empty($period)) && ($period == 'monthly')) echo " selected" ?>" href="?period=monthly"><?= _("Monthly") ?></a>
<a class="toolbar-link<?php if ((!empty($period)) && ($period == 'yearly')) echo " selected" ?>" href="?period=yearly"><?= _("Yearly") ?></a>
<a class="toolbar-link<?php if ((!empty($period)) && ($period == 'biennially')) echo " selected" ?>" href="?period=biennially"><?= _("Biennially") ?></a>
<a class="toolbar-link<?php if ((!empty($period)) && ($period == 'triennially')) echo " selected" ?>" href="?period=triennially"><?= _("Triennially") ?></a>
</div>
</div>
</div>
<!-- End toolbar -->
<div class="container">
<div class="form-container form-container-wide">
<!-- Begin graph list item loop -->
<?php foreach ($data as $key => $value) { ?>
<div class="u-mb40">
<h2 class="u-mb20"><?= htmlspecialchars($data[$key]["TITLE"]) ?></h2>
<canvas
class="u-max-height300 js-rrd-chart"
data-service="<?= $data[$key]["TYPE"] !== "net" ? htmlspecialchars($data[$key]["RRD"]) : "net_" . htmlspecialchars($data[$key]["RRD"]) ?>"
data-period="<?= htmlspecialchars($period) ?>"
></canvas>
</div>
<?php } ?>
</div>
</div>
<footer class="app-footer">
</footer>