{% extends "tesm_core/base.html" %}
{% from "tesm_core/macros.html" import search_box, modal %}
{% from "tesm/_vnc_flaeche.html" import vnc_flaeche, vnc_status, vnc_zugangsdaten, vnc_tasten %}

{% block page_title %}Statusübersicht{% endblock %}
{% block page_sub %}
  {{ counts.total }} Geräte · Prüfintervall {{ interval }} s
  {% if not detailed %}· öffentliche Ansicht{% endif %}
{% endblock %}

{% block topbar_extra %}
  {{ search_box('tile-sections', 'Gerät suchen ...') }}
  {# Der Knopf "Jetzt prüfen" sass hier ein zweites Mal: die Timer-Pille in
     der Topbar trägt ihn jetzt, und dort gehört er hin -- er setzt genau die
     Angabe zurück, die daneben steht. #}
{% endblock %}

{% block content %}
<div id="dashboard-tiles" data-refresh-url="{{ url_for('dashboard.tiles') }}"
     data-refresh-interval="20000">
  {% include "tesm/_dashboard_tiles.html" %}
</div>

{% if vnc_fenster %}
  {# Ein Fenster für alle Kacheln: welches Gerät gemeint ist, bringt der Knopf
     beim Öffnen mit. Ein Dialog je Kachel wäre dieselbe Sache dutzendfach im
     Quelltext -- und dutzendfach eine Sitzung, die niemand aufräumt. #}
  {% call modal('vnc-fenster', 'Bildschirm', 'Tastatur und Maus gehen an das Gerät. Die Zwischenablage bleibt getrennt.', 'wide') %}
    <div class="modal__body stack" data-rolle="behaelter">
      <div class="row row--tight">
        <strong data-rolle="titel" class="flex-1"></strong>
        {{ vnc_tasten() }}
      </div>
      {{ vnc_status() }}
      {{ vnc_zugangsdaten() }}
      {{ vnc_flaeche() }}
    </div>
  {% endcall %}
{% endif %}
{% endblock %}

{% block scripts %}
{% if vnc_fenster %}
  <script type="module" src="{{ asset_url('js/screen.js') }}" nonce="{{ csp_nonce }}"></script>
{% endif %}
{% endblock %}