{# Die Bildschirmfläche -- einmal geschrieben, an zwei Orten benutzt: auf der
   Geräteseite und im Fenster der Statusübersicht.

   Die Teile finden sich über `data-rolle`, nicht über Kennungen: im Fenster
   gäbe es sie sonst zweimal auf derselben Seite, und die zweite wäre die, die
   niemand findet. #}
{% macro vnc_flaeche(quelle='') %}
<div class="screen" {% if quelle %}data-sitzung="{{ quelle }}"{% endif %}>
  <div data-rolle="leinwand" class="screen__canvas" hidden></div>
</div>
{% endmacro %}

{% macro vnc_status() %}
<div data-rolle="status" class="screen__status">Wird vorbereitet …</div>
{% endmacro %}

{% macro vnc_zugangsdaten() %}
<form data-rolle="zugangsdaten" class="row row--tight" hidden onsubmit="return false">
  <label class="field">
    <span class="field__label">Benutzer</span>
    <input class="input" type="text" data-rolle="benutzer" autocomplete="off">
  </label>
  <label class="field">
    <span class="field__label">Passwort</span>
    <input class="input" type="password" data-rolle="passwort" autocomplete="off">
  </label>
  <button class="btn btn--primary" type="button" data-rolle="anmelden">Anmelden</button>
</form>
{% endmacro %}

{# Tasten, die der Arbeitsplatz selbst abfängt und die deshalb einen Knopf
   brauchen: Strg+Alt+Entf schaltet der Browser gar nicht erst durch, Alt+F4
   schlösse das Fenster hier statt das Fenster dort. #}
{% macro vnc_tasten() %}
<button class="btn btn--sm" type="button" data-rolle="taste-cad" hidden
        title="Strg+Alt+Entf an das Gerät senden">Strg+Alt+Entf</button>
<button class="btn btn--sm" type="button" data-rolle="taste-altf4" hidden
        title="Alt+F4 an das Gerät senden – schließt dort das oberste Fenster">Alt+F4</button>
<button class="btn btn--sm" type="button" data-rolle="taste-f5" hidden
        title="F5 an das Gerät senden – der Browser des Arbeitsplatzes würde sonst diese Seite neu laden">F5</button>
<button class="btn btn--sm" type="button" data-rolle="trennen" hidden>Trennen</button>
{% endmacro %}