Interface locale : rtg interface (voyages, sources, journées, récit, génération)

Serveur web local sans dépendance nouvelle (http.server, Jinja2, htmx et
Leaflet fournis). Écrans : Mes voyages, nouveau voyage, un voyage (journées
avec carte, rattachement des traces sans heures à un jour avec suggestion
d'après les photos, sources avec choix de dossier, infos et récit,
génération avec avancement et arrêt), réglages du site et vérification
des outils.

Chaîne : jours imposés ([dates_traces] dans voyage.toml), arrêt propre de
la compression, suivi des étapes, état structuré (site.tableau_etat),
titre du voyage repris de voyage.toml sur l'accueil.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01Mf2kATMtqVABHSYdxJMnim

rtg/interface/modeles/voyage.html

@@ -0,0 +1,68 @@
+{% extends "base.html" %}
+{% block titre %}{{ v.titre }}{% endblock %}
+{% block tete %}<link rel="stylesheet" href="/static/leaflet.css"><script src="/static/leaflet.js"></script>{% endblock %}
+{% block contenu %}
+<div class="entete-page">
+  <div>
+    <p class="fil"><a href="/">Mes voyages</a> › {{ v.rubrique }}</p>
+    <h1>{{ v.titre }}</h1>
+    <p class="discret">{{ [periode(v.debut, v.fin), v.moto]|select|join(" · ") }} <code>{{ v.chemin }}</code></p>
+  </div>
+  <div class="actions">
+    {% if v.genere %}<a class="bouton" href="/site/{{ v.chemin }}/index.html" target="_blank">Voir la page ↗</a>{% endif %}
+  </div>
+</div>
+
+<nav class="onglets">
+  <a href="#journees">Journées</a>
+  <a href="#sources">Sources</a>
+  <a href="#infos">Infos et récit</a>
+  <a href="#generer">Générer</a>
+</nav>
+
+<section class="onglet" id="onglet-journees">
+  <div id="analyse" hx-get="/voyage/analyse?v={{ v.chemin|url }}" hx-trigger="load, sources-modifiees from:body, tache-finie from:body">
+    <p class="chargement">Lecture des traces…</p>
+  </div>
+</section>
+
+<section class="onglet" id="onglet-sources">
+  <p class="aide">Indiquez où se trouvent les fichiers d'origine : un ou plusieurs dossiers (ou fichiers) par type, sur n'importe quel disque.
+  RTG ne les modifie jamais : les traces sont recopiées par journée dans <code>routes/</code>, les photos dans <code>photos/</code> (HEIC converties en JPEG),
+  et les vidéos sont lues directement pour l'encodage.</p>
+  {% include "_sources.html" %}
+</section>
+
+<section class="onglet" id="onglet-infos">
+  <form class="formulaire" hx-post="/voyage/infos" hx-target="find .retour">
+    <input type="hidden" name="v" value="{{ v.chemin }}">
+    <label>Titre <input name="titre" value="{{ cfg.titre }}"></label>
+    <label>Moto <input name="moto" value="{{ cfg.moto }}" placeholder="facultatif : affichée dans la légende de la carte globale"></label>
+    <p class="aide">Rubrique : <strong>{{ v.rubrique }}</strong> (elle vient du dossier où est rangé le voyage).</p>
+    <p><button class="principal">Enregistrer</button> <span class="retour"></span></p>
+  </form>
+  <form class="formulaire large" hx-post="/voyage/recit" hx-target="find .retour">
+    <input type="hidden" name="v" value="{{ v.chemin }}">
+    <label>Récit (<code>voyage.md</code>, en Markdown)
+      <textarea name="recit" rows="18" spellcheck="true">{{ recit }}</textarea>
+    </label>
+    <p class="aide">Liens spéciaux : <code>[Carte du jour](jour:2026-08-01)</code> ouvre la carte d'un jour,
+    <code>[Le col](media:photos/IMG_4831.jpeg)</code> un média du voyage.</p>
+    <p><button class="principal">Enregistrer le récit</button> <span class="retour"></span></p>
+  </form>
+</section>
+
+<section class="onglet" id="onglet-generer">
+  <div hx-get="/voyage/infos-utiles?v={{ v.chemin|url }}" hx-trigger="load, sources-modifiees from:body, tache-finie from:body"><p class="chargement">Calcul des tailles…</p></div>
+  <form class="formulaire" hx-post="/tache/lancer" hx-target="#tache-zone">
+    <input type="hidden" name="v" value="{{ v.chemin }}">
+    <label class="choix"><input type="checkbox" name="sans_compression"> Sans encoder les vidéos <span class="aide">(photos, positions et pages seulement)</span></label>
+    <label class="choix"><input type="checkbox" name="force"> Tout refaire, même ce qui est déjà à jour</label>
+    <p>
+      <button class="principal" name="quoi" value="generer">Générer le voyage</button>
+      <button name="quoi" value="compresser">Encoder les vidéos seulement</button>
+    </p>
+  </form>
+  <div id="tache-zone">{% if tache and tache.voyage == v.chemin %}{% include "_tache.html" %}{% endif %}</div>
+</section>
+{% endblock %}