rothmanandClaude Opus 5.5
4e20e358aa
Product name (Daynivo Kiosk OS), default device name, kiosk screens, service descriptions, installer output and docs. Internal names (voxip-kiosk-*, /etc/voxip-kiosk, user voxip, VOXIP_* variables) stay. An update renames a device still called "VoxIP Kiosk" to the new default. Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
76 lines
3.9 KiB
HTML
76 lines
3.9 KiB
HTML
{% from "_macros.html" import menu_action with context %}
|
|
<!doctype html>
|
|
<html lang="nl">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<meta name="csrf-token" content="{{ csrf_token() }}">
|
|
<title>{% block title %}{{ title or "Beheer" }}{% endblock %} · Daynivo Kiosk Manager</title>
|
|
<link rel="icon" href="{{ url_for('static', filename='favicon.png') }}" type="image/png">
|
|
<link rel="stylesheet" href="{{ url_for('static', filename='app.css') }}?v={{ version }}">
|
|
<script src="{{ url_for('static', filename='app.js') }}?v={{ version }}" defer></script>
|
|
</head>
|
|
<body>
|
|
<header class="topbar">
|
|
<div class="topbar-inner">
|
|
<a class="brand" href="{{ url_for('ui.dashboard') }}">
|
|
<span class="brand-mark"><img src="{{ url_for('static', filename='logo-mark.png') }}" alt="" width="34" height="22"></span>
|
|
<span><strong>Daynivo</strong> Kiosk Manager</span>
|
|
</a>
|
|
{% if logged_in %}
|
|
<button class="nav-toggle" type="button" aria-controls="mainnav" aria-expanded="false" data-nav-toggle>
|
|
<span class="sr-only">Menu</span><span class="bars" aria-hidden="true"></span>
|
|
</button>
|
|
<nav id="mainnav" class="mainnav">
|
|
<a href="{{ url_for('ui.dashboard') }}" {% if active == 'dashboard' %}aria-current="page"{% endif %}>Dashboard</a>
|
|
<a href="{{ url_for('ui.kiosk') }}" {% if active == 'kiosk' %}aria-current="page"{% endif %}>Kiosk</a>
|
|
<a href="{{ url_for('ui.system') }}" {% if active == 'system' %}aria-current="page"{% endif %}>Systeem</a>
|
|
<a href="{{ url_for('ui.network') }}" {% if active == 'network' %}aria-current="page"{% endif %}>Netwerk</a>
|
|
<a href="{{ url_for('ui.logs') }}" {% if active == 'logs' %}aria-current="page"{% endif %}>Logboek</a>
|
|
<a href="{{ url_for('ui.change_password') }}" {% if active == 'account' %}aria-current="page"{% endif %}>Wachtwoord</a>
|
|
<details class="nav-menu" data-nav-menu>
|
|
<summary>Acties <span aria-hidden="true">▾</span></summary>
|
|
<div class="nav-menu-list">
|
|
{{ menu_action(url_for('ui.kiosk_reload'), "Pagina herladen") }}
|
|
{{ menu_action(url_for('ui.kiosk_restart'), "Chromium herstarten", confirm="Chromium wordt afgesloten en opnieuw gestart. Het scherm is enkele seconden zwart.") }}
|
|
<hr>
|
|
{{ menu_action(url_for('ui.system_reboot'), "Raspberry Pi herstarten", confirm="De Raspberry Pi herstart. Het scherm en de beheerinterface zijn ongeveer een minuut niet beschikbaar.", danger=True) }}
|
|
{{ menu_action(url_for('ui.system_poweroff'), "Veilig uitschakelen", confirm="De Raspberry Pi wordt uitgeschakeld. Daarna kan hij alleen weer aan door de stroom los en weer vast te maken.", confirm_title="Raspberry Pi uitschakelen", danger=True) }}
|
|
</div>
|
|
</details>
|
|
<form method="post" action="{{ url_for('ui.logout') }}" class="nav-logout">
|
|
<input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
|
|
<button type="submit">Uitloggen</button>
|
|
</form>
|
|
</nav>
|
|
{% endif %}
|
|
</div>
|
|
</header>
|
|
|
|
<main class="container">
|
|
{% with messages = get_flashed_messages(with_categories=true) %}
|
|
{% for category, message in messages %}
|
|
<div class="alert alert-{{ category }}" role="status">{{ message }}</div>
|
|
{% endfor %}
|
|
{% endwith %}
|
|
{% block content %}{% endblock %}
|
|
</main>
|
|
|
|
<footer class="footer">
|
|
<span>{{ device_name }} · {{ hostname }}</span>
|
|
<span>Daynivo Kiosk OS {{ version }}</span>
|
|
</footer>
|
|
|
|
<dialog id="confirm-dialog" class="dialog">
|
|
<form method="dialog">
|
|
<h2 data-confirm-title>Weet je het zeker?</h2>
|
|
<p data-confirm-text></p>
|
|
<div class="dialog-actions">
|
|
<button value="cancel" class="btn btn-secondary">Annuleren</button>
|
|
<button value="ok" class="btn btn-danger" data-confirm-ok>Doorgaan</button>
|
|
</div>
|
|
</form>
|
|
</dialog>
|
|
</body>
|
|
</html>
|