RoadTripsGenerator/rtg/interface/modeles/connexion.html

<!doctype html>
<html lang="fr">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Connexion · RTG</title>
<link rel="stylesheet" href="{{ base }}/static/rtg.css">
<script src="{{ base }}/static/htmx.min.js"></script>
</head>
<body class="page-connexion">
<main class="connexion">
  <p class="logo">RTG</p>
  {% if connecte %}
    <p>Vous êtes connecté.</p>
    <p><a class="bouton principal" href="{{ base }}/">Ouvrir l'interface</a></p>
  {% else %}
    <h1>Accès à l'interface</h1>
    {% if not distant %}
    <p class="aide">Ouvrez l'adresse complète affichée dans le Terminal où « rtg interface » a été lancé :
      elle contient la clé d'accès de cette session{% if mdp %}, ou entrez le mot de passe{% endif %}.</p>
    {% endif %}
    {% if mdp %}
    <form method="post" action="{{ base }}/connexion" hx-post="{{ base }}/connexion" hx-target="#retour-connexion">
      <label>Mot de passe
        <input type="password" name="mot_de_passe" autocomplete="current-password" required autofocus>
      </label>
      <button class="principal">Entrer</button>
      <div id="retour-connexion">{% if message %}<div class="erreur">{{ message }}</div>{% elif attente %}<div class="erreur">Trop d'essais : réessayez dans {{ attente }} s.</div>{% endif %}</div>
    </form>
    {% elif not distant %}
    <p class="aide">Pour entrer aussi avec un mot de passe (depuis un autre navigateur ou une autre machine) :
      <code>rtg mot-de-passe</code>.</p>
    {% endif %}
  {% endif %}
  {% if site %}<p class="aide"><a href="{{ site }}">← Retour au site</a></p>{% endif %}
</main>
</body>
</html>