From 44cf222bf555afde8621ce6708bcfd601c751e3c Mon Sep 17 00:00:00 2001
From: cangui <canguijc@gmail.com>
Date: Sat, 21 Jun 2025 07:31:26 +0200
Subject: [PATCH] ui up

---
 templates/godownloader_download.pages.tmpl | 54 +++++++++++++++-------
 1 file changed, 38 insertions(+), 16 deletions(-)

diff --git a/templates/godownloader_download.pages.tmpl b/templates/godownloader_download.pages.tmpl
index dc77c68..48b09fd 100644
--- a/templates/godownloader_download.pages.tmpl
+++ b/templates/godownloader_download.pages.tmpl
@@ -1,26 +1,48 @@
 <h1>Download</h1>
 <div class="box">
-<form hx-post="/api/download/add-multiple" hx-target="#downloads-table" class="p-4 space-y-4">
-  <label class="block">
-    <span class="text-sm font-medium">Liens à débrider (un par ligne)</span>
-    <textarea name="links" rows="5" class="w-full border rounded p-2" placeholder="http://...\nhttp://..."></textarea>
-  </label>
+<form hx-post="/api/download/add-multiple" hx-target="#downloads-table" class="box">
 
-  <label class="block">
-    <span class="text-sm font-medium">Dossier de destination</span>
-    <div class="flex space-x-2">
-      <select name="path_id" class="flex-1 border rounded p-2">
-        {{ range .paths }}
-        <option value="{{ .ID }}">{{ .PathName }} ({{ .Path }})</option>
-        {{ end }}
-      </select>
-      <input type="text" name="new_subfolder" class="flex-1 border rounded p-2" placeholder="Créer un sous-dossier (optionnel)" />
+  <!-- Zone des liens -->
+  <div class="field">
+    <label class="label">Liens à débrider</label>
+    <div class="control">
+      <textarea name="links" class="textarea" rows="5" placeholder="http://...\nhttp://..."></textarea>
     </div>
-  </label>
+    <p class="help">Un lien par ligne</p>
+  </div>
+
+  <!-- Zone de destination -->
+  <div class="field">
+    <label class="label">Dossier de destination</label>
+    <div class="field has-addons">
+      <div class="control is-expanded">
+        <div class="select is-fullwidth">
+          <select name="path_id">
+            {{ range .paths }}
+            <option value="{{ .ID }}">{{ .PathName }} ({{ .Path }})</option>
+            {{ end }}
+          </select>
+        </div>
+      </div>
+      <div class="control is-expanded">
+        <input type="text" name="new_subfolder" class="input" placeholder="Créer un sous-dossier (optionnel)" />
+      </div>
+    </div>
+  </div>
+
+  <!-- Bouton de soumission -->
+  <div class="field is-grouped is-justify-content-center">
+    <div class="control">
+      <button type="submit" class="button is-primary">
+        <span class="icon"><i class="fas fa-download"></i></span>
+        <span>Télécharger</span>
+      </button>
+    </div>
+  </div>
 
-  <button type="submit" class="bg-indigo-600 text-white px-4 py-2 rounded">Télécharger</button>
 </form>
 
+
 <!-- Tableau des jobs -->
 <div id="downloads-table">
 </div>