whmcs-vpsmanager/templates/metrics.php

<?php if (!defined('WHMCS')) { http_response_code(403); exit; } ?>
<?= $links ?>
<section class="vpsmanager-metrics" aria-label="Métricas del VPS" data-metrics="<?= \VPSManager\ClientView::escape($json) ?>">
    <p class="vpsmanager-ranges" aria-label="Intervalo temporal">
    <?php foreach ($ranges as $label => $expression): ?>
        <?php if ($serviceId !== false): ?>
        <a class="btn <?= $label === $range ? 'btn-primary' : 'btn-default' ?>" href="clientarea.php?action=productdetails&amp;id=<?= (int) $serviceId ?>&amp;metrics_range=<?= $label ?>" <?= $label === $range ? 'aria-current="true"' : '' ?>><?= $label ?></a>
        <?php endif; ?>
    <?php endforeach; ?>
    </p>
    <?php if ($metrics === null): ?>
    <p class="text-muted" role="status">Las métricas no están disponibles temporalmente.</p>
    <?php else: ?>
        <?php foreach ($cards as $key => $title): ?>
        <div class="panel panel-default card vpsmanager-card" data-chart="<?= $key ?>">
            <div class="panel-heading card-header"><h3 class="panel-title"><?= $title ?></h3></div>
            <div class="panel-body card-body">
                <p class="text-muted" data-summary></p>
                <div class="vpsmanager-canvas"><canvas role="img" aria-label="<?= $title ?>"></canvas></div>
            </div>
        </div>
        <?php endforeach; ?>
        <noscript>Activa JavaScript para visualizar las gráficas.</noscript>
    <?php endif; ?>
</section>
<link rel="stylesheet" href="modules/servers/vpsmanager/assets/metrics.css">
<?php if ($metrics !== null): ?>
<script src="modules/servers/vpsmanager/assets/metrics.js" defer></script>
<?php endif; ?>