76 lines
2.0 KiB
HTML
76 lines
2.0 KiB
HTML
{% extends "base.html" %}
|
|
{% block title %}{{ dashboard.name }} - Public - MikroMon{% endblock %}
|
|
|
|
{% block head %}
|
|
<script>
|
|
window.MIKROMON = {
|
|
dashboardId: {{ dashboard.id }},
|
|
publicToken: "{{ token }}"
|
|
};
|
|
</script>
|
|
<style>
|
|
.navbar { display:none }
|
|
</style>
|
|
{% endblock %}
|
|
|
|
{% block content %}
|
|
<div class="mb-3">
|
|
<h1 class="h3 mb-0">{{ dashboard.name }}</h1>
|
|
|
|
{% if dashboard.description %}
|
|
<div class="text-muted">{{ dashboard.description }}</div>
|
|
{% endif %}
|
|
|
|
<div class="text-muted small mt-2">
|
|
<i class="fa-solid fa-link me-1"></i>
|
|
Public view (read-only)
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row g-3">
|
|
{% for w in widgets %}
|
|
<div class="col-12 col-lg-6">
|
|
<div class="card shadow-sm h-100">
|
|
<div class="card-header bg-white d-flex align-items-center justify-content-between gap-2 flex-wrap">
|
|
<div class="fw-semibold">{{ w.title }}</div>
|
|
{% if w.widget_type != 'table' %}
|
|
<select class="form-select form-select-sm" data-range-widget="{{ w.id }}" style="width:auto">
|
|
<option value="1m">1m</option>
|
|
<option value="10m">10m</option>
|
|
<option value="1h" selected>1h</option>
|
|
<option value="3h">3h</option>
|
|
<option value="10h">10h</option>
|
|
</select>
|
|
{% endif %}
|
|
</div>
|
|
|
|
<div class="card-body">
|
|
{% if w.widget_type == 'table' %}
|
|
<div class="table-responsive">
|
|
<table class="table table-sm align-middle mb-0" data-table-widget="{{ w.id }}">
|
|
<thead class="table-light"></thead>
|
|
<tbody></tbody>
|
|
</table>
|
|
</div>
|
|
{% else %}
|
|
<div class="chart-wrap" style="height: {{ w.height_px or 260 }}px;">
|
|
<canvas id="chart-{{ w.id }}"></canvas>
|
|
</div>
|
|
<div class="text-muted small mt-2" id="meta-{{ w.id }}">
|
|
Waiting for data...
|
|
</div>
|
|
{% endif %}
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
{% else %}
|
|
<div class="col-12">
|
|
<div class="alert alert-info mb-0">
|
|
No widgets available.
|
|
</div>
|
|
</div>
|
|
{% endfor %}
|
|
</div>
|
|
{% endblock %} |