36 lines
1.5 KiB
HTML
36 lines
1.5 KiB
HTML
{% extends "base.html" %}
|
|
{% block title %}Dashboards - MikroMon{% endblock %}
|
|
{% block content %}
|
|
<div class="d-flex align-items-center justify-content-between mb-3">
|
|
<div>
|
|
<h1 class="h3 mb-0">Dashboards</h1>
|
|
<div class="text-muted">Your monitoring dashboards</div>
|
|
</div>
|
|
<a class="btn btn-primary" href="{{ url_for('dashboards.new') }}"><i class="fa-solid fa-plus me-1"></i>New dashboard</a>
|
|
</div>
|
|
|
|
<div class="row g-3">
|
|
{% for d in dashboards %}
|
|
<div class="col-12 col-md-6 col-lg-4">
|
|
<div class="card shadow-sm h-100">
|
|
<div class="card-body">
|
|
<div class="fw-semibold">{{ d.name }}</div>
|
|
<div class="text-muted small mb-3">{{ d.description or '' }}</div>
|
|
<div class="d-flex flex-wrap gap-2 small">
|
|
<span class="badge text-bg-light">{{ d.widgets_count }} widgets</span>
|
|
<span class="badge text-bg-light">{{ d.devices_count }} devices</span>
|
|
<span class="badge text-bg-light">{{ d.charts_count }} charts</span>
|
|
<span class="badge text-bg-light">{{ d.tables_count }} tables</span>
|
|
</div>
|
|
</div>
|
|
<div class="card-footer bg-white border-0 pt-0 pb-3 px-3">
|
|
<a class="btn btn-outline-primary btn-sm" href="{{ url_for('dashboards.view', dashboard_id=d.id) }}">Open <i class="fa-solid fa-arrow-right ms-1"></i></a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{% else %}
|
|
<div class="col-12"><div class="alert alert-info mb-0">No dashboards yet. Create the first one.</div></div>
|
|
{% endfor %}
|
|
</div>
|
|
{% endblock %}
|