From 2dfe0555cf390544fc94b03a7c5f2c4090cd1230 Mon Sep 17 00:00:00 2001
From: tiritibambix <69852851+tiritibambix@users.noreply.github.com>
Date: Wed, 18 Dec 2024 21:06:50 +0000
Subject: [PATCH] Update resize.html

---
 templates/resize.html | 69 +++++++++++++++++++++++++------------------
 1 file changed, 40 insertions(+), 29 deletions(-)
diff --git a/templates/resize.html b/templates/resize.html
index 462487f..ea636f6 100644
--- a/templates/resize.html
+++ b/templates/resize.html
@@ -1,29 +1,40 @@
-<form method="POST" action="{{ url_for('resize_image', filename=filename) }}">
-    <label for="resize_mode">Mode de redimensionnement :</label>
-    <select name="resize_mode" id="resize_mode">
-        <option value="pixels">Pixels</option>
-        <option value="percent">Pourcentage</option>
-    </select>
-    <br>
-    <label for="width">Largeur :</label>
-    <input type="text" name="width" id="width">
-    <br>
-    <label for="height">Hauteur :</label>
-    <input type="text" name="height" id="height">
-    <br>
-    <label for="keep_ratio">Conserver le ratio :</label>
-    <input type="checkbox" name="keep_ratio" id="keep_ratio">
-    <br>
-    <label for="quality">Qualité (1-100) :</label>
-    <input type="text" name="quality" id="quality" value="100">
-    <br>
-    <label for="format">Convertir au format :</label>
-    <select name="format" id="format">
-        <option value="">Aucun</option>
-        <option value="jpg">JPG</option>
-        <option value="png">PNG</option>
-        <option value="webp">WEBP</option>
-    </select>
-    <br>
-    <button type="submit">Redimensionner</button>
-</form>
+<!DOCTYPE html>
+<html lang="fr">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Redimensionner l'image</title>
+</head>
+<body>
+    <h1>Options de redimensionnement</h1>
+    <form method="POST" action="{{ url_for('resize_image', filename=filename) }}">
+        <label for="resize_mode">Mode de redimensionnement :</label>
+        <select name="resize_mode" id="resize_mode">
+            <option value="pixels">Pixels</option>
+            <option value="percent">Pourcentage</option>
+        </select>
+        <br>
+        <label for="width">Largeur (en pixels) :</label>
+        <input type="text" name="width" id="width">
+        <br>
+        <label for="height">Hauteur (en pixels) :</label>
+        <input type="text" name="height" id="height">
+        <br>
+        <label for="keep_ratio">Conserver le ratio :</label>
+        <input type="checkbox" name="keep_ratio" id="keep_ratio">
+        <br>
+        <label for="quality">Qualité (1-100) :</label>
+        <input type="number" name="quality" id="quality" value="100">
+        <br>
+        <label for="format">Convertir au format :</label>
+        <select name="format" id="format">
+            <option value="">Aucun</option>
+            {% for fmt in SUPPORTED_FORMATS %}
+            <option value="{{ fmt }}">{{ fmt }}</option>
+            {% endfor %}
+        </select>
+        <br>
+        <button type="submit">Redimensionner</button>
+    </form>
+</body>
+</html>
