FabriceandClaude Opus 5.5
06153a227e
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
69 lines
3.6 KiB
HTML
69 lines
3.6 KiB
HTML
{% 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 %}
|