42 lines
1.7 KiB
HTML
42 lines
1.7 KiB
HTML
{% extends "base.xhtml" %}
|
|
{% from "macros/page-hero.xhtml" import page_hero %}
|
|
{% block content %}
|
|
{{ page_hero("This cluster", "Cluster overview", "Overview and live cluster metrics for this environment.") }}
|
|
<section class="card cluster-summary-card">
|
|
<h2>Cluster overview</h2>
|
|
<div id="cluster-summary-cards" class="summary-grid cluster-overview-grid"></div>
|
|
<div id="cluster-summary-meta" class="summary-meta"></div>
|
|
<pre id="cluster-detail-output" class="form-output hidden" data-cluster-id="{{ cluster_id }}"></pre>
|
|
</section>
|
|
<section class="card">
|
|
<h2>Cluster metrics</h2>
|
|
<p class="muted">Current metrics from cluster stats stream.</p>
|
|
<div class="summary-grid cluster-metric-donuts">
|
|
<article class="summary-item metric-donut-item">
|
|
<div class="metric-donut" id="cluster-metric-cpu-donut" style="--p:0;">
|
|
<strong id="cluster-metric-cpu">-</strong>
|
|
</div>
|
|
<span class="summary-label">CPU</span>
|
|
</article>
|
|
<article class="summary-item metric-donut-item">
|
|
<div class="metric-donut" id="cluster-metric-ram-donut" style="--p:0;">
|
|
<strong id="cluster-metric-ram">-</strong>
|
|
</div>
|
|
<span class="summary-label">RAM</span>
|
|
</article>
|
|
<article class="summary-item metric-donut-item">
|
|
<div class="metric-donut" id="cluster-metric-hdd-donut" style="--p:0;">
|
|
<strong id="cluster-metric-hdd">-</strong>
|
|
</div>
|
|
<span class="summary-label">HDD</span>
|
|
</article>
|
|
<article class="summary-item metric-donut-item">
|
|
<div class="metric-donut" id="cluster-metric-network-donut" style="--p:0;">
|
|
<strong id="cluster-metric-network">-</strong>
|
|
</div>
|
|
<span class="summary-label">Network</span>
|
|
</article>
|
|
</div>
|
|
</section>
|
|
{% endblock %}
|