kanbante/app/templates/capture.html

<!DOCTYPE html>
<html lang="fr" data-theme="dark">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="csrf-token" content="{{ csrf_token }}">
    <title>Capture éclair — Kanbante</title>
    <link rel="stylesheet" href="/static/css/style.css">
</head>
<body>
    {% include "_header.html" %}

    <main class="focus-main">
        <section class="briefing-card">
            <h1>⚡ Capture éclair</h1>
            <p>Une idée, un bogue, une pensée — capturés en deux secondes, ils deviennent une issue dans le bon backlog.</p>
        </section>

        {% if created %}
        <div class="briefing-card">
            <h2>✅ Capturé !</h2>
            <p>Issue <strong>#{{ created.number }}</strong> créée dans
               <strong>{{ created.repo_full_name }}</strong> (colonne {{ created.column }}) :
               {% if created.html_url %}<a href="{{ created.html_url }}" target="_blank">{{ created.title }}</a>{% else %}{{ created.title }}{% endif %}
               · <a href="/board/{{ created.repo_full_name }}">ouvrir le board</a></p>
        </div>
        {% endif %}
        {% if error %}
        <div class="briefing-card">
            <h2>❌ Capture impossible</h2>
            <p>{{ error }}</p>
        </div>
        {% endif %}

        <div class="briefing-card">
            <h2>✍️ Saisie rapide</h2>
            <form method="post" action="/capture" class="capture-form">
                <input type="hidden" name="csrf_token" value="{{ csrf_token }}">
                <label>Dépôt
                    <input type="text" name="repo_full_name" value="{{ capture_repo }}" placeholder="Projets/kanbante" required>
                </label>
                <label>Titre de l'issue
                    <input type="text" name="title" maxlength="255" placeholder="Ce qu'il faut retenir…" required autofocus>
                </label>
                <label>Détails (optionnel)
                    <textarea name="body" rows="4" placeholder="Contexte, lien, capture d'écran à coller dans Gitea ensuite…"></textarea>
                </label>
                <label>Colonne
                    <select name="column">
                        <option value="backlog" selected>📥 Backlog</option>
                        <option value="todo">📋 À faire</option>
                    </select>
                </label>
                <button type="submit" class="btn-save">⚡ Capturer</button>
            </form>
        </div>

        <div class="briefing-card">
            <h2>🔌 Depuis un script ou un raccourci</h2>
            {% if api_enabled %}
            <p>L'endpoint <code>POST /api/capture</code> est <strong>actif</strong> (jeton de capture configuré). Exemples :</p>
            <pre class="capture-pre">curl -X POST https://votre-kanbante/api/capture \
  -H "X-Capture-Token: VOTRE_JETON" \
  -H "Content-Type: application/json" \
  -d '{"text": "Idée : trier les cartes par échéance\n\nDétails ici…"}'</pre>
            <p>Texte libre accepté aussi (<code>Content-Type: text/plain</code>) : la première ligne devient le titre. Le dépôt vient de <code>KANBANTE_CAPTURE_REPO</code> ou du champ <code>repo</code>.</p>
            {% else %}
            <p>L'endpoint <code>POST /api/capture</code> est <strong>inactif</strong> : définis <code>KANBANTE_CAPTURE_TOKEN</code> (un jeton dédié, distinct de celui de Gitea) puis redémarre Kanbante.</p>
            {% endif %}
        </div>

        <div class="briefing-card">
            <h2>📱 Depuis le téléphone (ntfy)</h2>
            {% if ntfy_topic %}
            <p>Écoute active sur le topic <code>{{ ntfy_topic }}</code> : chaque message publié devient une issue dans <code>{{ capture_repo or "— (KANBANTE_CAPTURE_REPO manquant)" }}</code>. La première ligne fait le titre. Publie depuis l'application ntfy ou :</p>
            <pre class="capture-pre">curl -d "Idée : relire le rapport\n\nDétails…" {{ ntfy_url }}/{{ ntfy_topic }}</pre>
            <p>Les messages portant le tag <code>kanbante</code> sont ignorés (jamais d'auto-ingestion).</p>
            {% else %}
            <p>Inactif : définis <code>KANBANTE_CAPTURE_NTFY_TOPIC</code> (et <code>KANBANTE_CAPTURE_REPO</code>) puis redémarre Kanbante. Chaque message publié sur ce topic deviendra une issue — capture depuis l'application ntfy en deux touchers.</p>
            {% endif %}
        </div>
    </main>
    <footer>
        <span>Kanbante v{{ version }} · capture éclair : formulaire web, API à jeton dédié, écoute ntfy</span>
    </footer>
    <script src="/static/js/live.js" defer></script>
{% include "_palette.html" %}
<script src="/static/js/palette.js" defer></script>
</body>
</html>