From d2dc7b43cab0b664fe0fcad12f928a455fc0fbdf Mon Sep 17 00:00:00 2001
From: Alexandre MOTTIER <alexandre@alexandremottier.fr>
Date: Thu, 27 Mar 2025 08:55:49 +0100
Subject: [PATCH] v2.3 - Action requise
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Ajout d'une fonctionnalité "Action requise" au lieu de "Action souhaitée".
---
 repliq.html | 51 +++++++++++++++++++++++++++------------------------
 1 file changed, 27 insertions(+), 24 deletions(-)
 mode change 100755 => 100644 repliq.html
diff --git a/repliq.html b/repliq.html
old mode 100755
new mode 100644
index 0b8aa6b..4159384
--- a/repliq.html
+++ b/repliq.html
@@ -18,7 +18,7 @@
             display: inline-block;
             width: auto;
             min-width: 250px;
-            text-align: center;
+            text-align: left;
         }
         .output-container {
             margin-top: 20px;
@@ -46,10 +46,10 @@
 <body>
     <h2>RépliQ - Générateur de bannière e-mail</h2>
     <label for="action">Demander une :</label>
-    <select id="action" onchange="toggleConvenienceOption()">
+    <select id="action" onchange="toggleOptions()">
+		<option value="Réponse">Réponse</option>
         <option value="Action">Action</option>
         <option value="Lecture">Lecture</option>
-        <option value="Réponse">Réponse</option>
     </select>
     <br><br>
     <label for="date">Date limite :</label>
@@ -58,6 +58,9 @@
     <div id="convenienceOption" style="display: none;">
         <input type="checkbox" id="convenience"> À votre convenance
     </div>
+    <div id="requiredOption" style="display: none;">
+        <input type="checkbox" id="required"> Requise (au lieu de "souhaitée")
+    </div>
     <br><br>
     <button onclick="generateBanner()">Générer</button>
     <button onclick="setASAP()">ASAP</button>
@@ -70,29 +73,24 @@
     <div id="hiddenContainer"></div>
 
     <script>
-        function toggleConvenienceOption() {
+        function toggleOptions() {
             const action = document.getElementById("action").value;
-            const convenienceOption = document.getElementById("convenienceOption");
-            const dateInput = document.getElementById("date");
-            const convenienceCheckbox = document.getElementById("convenience");
-
-            if (action === "Lecture") {
-                convenienceOption.style.display = "block";
-            } else {
-                convenienceOption.style.display = "none";
-                convenienceCheckbox.checked = false;
-            }
+            document.getElementById("convenienceOption").style.display = action === "Lecture" ? "block" : "none";
+            document.getElementById("requiredOption").style.display = action === "Action" ? "block" : "none";
+            document.getElementById("convenience").checked = false;
+            document.getElementById("required").checked = false;
         }
 
         function generateBanner() {
             const action = document.getElementById("action").value;
             const dateInput = document.getElementById("date").value;
+            const convenienceChecked = document.getElementById("convenience").checked;
+            const requiredChecked = document.getElementById("required").checked;
             const resultDiv = document.getElementById("result");
             const copyButton = document.getElementById("copyButton");
             const hiddenContainer = document.getElementById("hiddenContainer");
-            const convenienceCheckbox = document.getElementById("convenience").checked;
 
-            if (!dateInput && !convenienceCheckbox) {
+            if (!dateInput && !convenienceChecked) {
                 alert("Veuillez sélectionner une date ou cocher 'À votre convenance'.");
                 return;
             }
@@ -101,8 +99,8 @@
             let bgColor = "#A8E6A3";
             let textColor = "#206A1E";
 
-            if (convenienceCheckbox) {
-                message = "Lecture à votre convenance.";
+            if (convenienceChecked) {
+                message = "Lecture à votre convenance. Aucune réponse requise.";
             } else {
                 const selectedDate = new Date(dateInput);
                 const formattedDate = selectedDate.toLocaleDateString("fr-FR");
@@ -110,14 +108,16 @@
                 const diffTime = selectedDate - today;
                 const diffDays = Math.ceil(diffTime / (1000 * 60 * 60 * 24));
 
-                message = `${action} souhaitée avant le ${formattedDate}.`;
+                let verb = requiredChecked ? "requise" : "souhaitée";
+                message = `${action} ${verb} avant le ${formattedDate}.`;
+
                 if (diffDays <= 3) {
                     bgColor = "#FFD580";
                     textColor = "#A65E00";
                 }
             }
 
-            if (action === "Lecture") {
+            if (action === "Lecture" && !convenienceChecked) {
                 message += " Aucune réponse requise.";
             }
 
@@ -127,22 +127,25 @@
             resultDiv.style.display = "block";
             copyButton.style.display = "inline-block";
 
-            hiddenContainer.innerHTML = `<div style='background-color: ${bgColor}; color: ${textColor}; padding: 10px; font-weight: bold; border-radius: 5px; display: inline-block; text-align: left;'>${message.replace("\n", "<br>")}</div>`;
+            hiddenContainer.innerHTML = `<div style='background-color: ${bgColor}; color: ${textColor}; padding: 10px; font-weight: bold; border-radius: 5px; display: inline-block; text-align: left;'>${message}</div>`;
         }
 
         function setASAP() {
             const action = document.getElementById("action").value;
+            const requiredChecked = document.getElementById("required").checked;
+            const verb = requiredChecked ? "requise" : "souhaitée";
+
             const resultDiv = document.getElementById("result");
             const copyButton = document.getElementById("copyButton");
             const hiddenContainer = document.getElementById("hiddenContainer");
 
             resultDiv.style.backgroundColor = "#FFA8A8";
             resultDiv.style.color = "#8B0000";
-            resultDiv.textContent = `${action} souhaitée dès que possible`;
+            resultDiv.textContent = `${action} ${verb} dès que possible`;
             resultDiv.style.display = "block";
             copyButton.style.display = "inline-block";
 
-            hiddenContainer.innerHTML = `<div style='background-color: #FFA8A8; color: #8B0000; padding: 10px; font-weight: bold; border-radius: 5px; display: inline-block; text-align: left;'>${action} souhaitée dès que possible</div>`;
+            hiddenContainer.innerHTML = `<div style='background-color: #FFA8A8; color: #8B0000; padding: 10px; font-weight: bold; border-radius: 5px; display: inline-block; text-align: left;'>${action} ${verb} dès que possible</div>`;
         }
 
         function copyFormattedBanner() {
@@ -157,4 +160,4 @@
         }
     </script>
 </body>
-</html>
+</html>
\ No newline at end of file
