gru/voltage-monitor
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor v2

Browse Source
This commit is contained in:
Mateusz Gruszczyński
2026-03-02 09:41:50 +01:00
parent ef6f81fe9e
commit 016b2f5321
20 changed files with 1210 additions and 397 deletions
Download Patch File Download Diff File Expand all files Collapse all files

78
templates/base.html
View File

@@ -1,37 +1,61 @@
<!DOCTYPE html>
<html lang="pl" data-bs-theme="dark">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<title>VoltMonitor</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="{{ static_v('css/style.css') }}">
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<title>VoltMonitor</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">
<link rel="stylesheet" href="{{ static_v('css/style.css') }}">
</head>
<body>
<div class="container-fluid py-3 px-2">
{% block content %}{% endblock %}
<footer class="text-center mt-4 py-3">
<small class="text-muted">
© {{ footer.year }} {{ footer.project }} |
Autor:
<a href="{{ footer.owner.url }}" target="_blank" class="text-decoration-none">
{{ footer.owner.name }}
</a>
{% if footer.version %}
| v{{ footer.version }}
{% endif %}
</small>
</footer>
<div class="container-fluid py-3 px-2 vm-shell">
<!-- TOPBAR -->
<div class="vm-topbar">
<div class="vm-topbar-left">
<span class="vm-dot connecting" id="connDot"></span>
<span class="vm-topbar-text" id="connText">Łączenie…</span>
</div>
<div class="vm-topbar-right">
<span class="vm-topbar-text d-none d-sm-inline" id="lastUpdateTop">Aktualizacja: —</span>
<button class="btn btn-sm btn-outline-info" id="openApiHelperBtn" type="button" title="API Helper">
<i class="fa-solid fa-code"></i>
</button>
<button class="btn btn-sm btn-outline-secondary" type="button" onclick="location.reload()" title="Odśwież">
<i class="fa-solid fa-rotate-right"></i>
</button>
</div>
</div>
<!-- Chart.js -->
<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
<script src="https://cdn.jsdelivr.net/npm/chartjs-adapter-date-fns/dist/chartjs-adapter-date-fns.bundle.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/date-fns@2.29.3/locale/pl/index.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/chartjs-plugin-zoom"></script>
<!-- Socket.IO -->
<script src="https://cdn.socket.io/4.5.4/socket.io.min.js"></script>
{% block content %}{% endblock %}
{% block scripts %}{% endblock %}
<footer class="text-center mt-4 py-3">
<small class="text-muted">
© {{ footer.year }} {{ footer.project }} |
Autor:
<a href="{{ footer.owner.url }}" target="_blank" class="text-decoration-none">{{ footer.owner.name }}</a>
{% if footer.version %}| v{{ footer.version }}{% endif %}
</small>
</footer>
</div>
<!-- libs -->
<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
<script src="https://cdn.jsdelivr.net/npm/chartjs-adapter-date-fns/dist/chartjs-adapter-date-fns.bundle.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/date-fns@2.29.3/locale/pl/index.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/chartjs-plugin-zoom"></script>
<script src="https://cdn.socket.io/4.5.4/socket.io.min.js"></script>
<!-- app: core -->
<script src="{{ static_v('js/socketClient.js') }}"></script>
<script src="{{ static_v('js/topbarStatus.js') }}"></script>
{% block scripts %}{% endblock %}
</body>
</html>