am/RepliQ
1
0
Fork 0
Code Issues Pull Requests Releases 8 Activity

v2.0 - A votre convenance

Browse Source
This commit is contained in:
Alexandre MOTTIER 2025-03-20 21:24:13 +01:00
parent bc5b76eb9c
commit 9f45c48751
3 changed files with 43 additions and 27 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

0
LICENSE Normal file → Executable file
View File

0
README.md Normal file → Executable file
View File

58
repliq.html Normal file → Executable file
View File

@ -46,15 +46,19 @@
<body>
<h2>RépliQ - Générateur de bannière e-mail</h2>
<label for="action">Demander une :</label>
<select id="action">
<option value="Lecture">Lecture</option>
<select id="action" onchange="toggleConvenienceOption()">
<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>
<input type="date" id="date">
<br><br>
<div id="convenienceOption" style="display: none;">
<input type="checkbox" id="convenience"> À votre convenance
</div>
<br><br>
<button onclick="generateBanner()">Générer</button>
<button onclick="setASAP()">ASAP</button>
@ -66,45 +70,64 @@
<div id="hiddenContainer"></div>
<script>
function toggleConvenienceOption() {
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;
}
}
function generateBanner() {
const action = document.getElementById("action").value;
const dateInput = document.getElementById("date").value;
const resultDiv = document.getElementById("result");
const copyButton = document.getElementById("copyButton");
const hiddenContainer = document.getElementById("hiddenContainer");
const convenienceCheckbox = document.getElementById("convenience").checked;
if (!dateInput) {
alert("Veuillez sélectionner une date ou utiliser le bouton ASAP.");
if (!dateInput && !convenienceCheckbox) {
alert("Veuillez sélectionner une date ou cocher 'À votre convenance'.");
return;
}
let message = "";
let bgColor = "#A8E6A3";
let textColor = "#206A1E";
if (convenienceCheckbox) {
message = "Lecture à votre convenance.";
} else {
const selectedDate = new Date(dateInput);
const formattedDate = selectedDate.toLocaleDateString("fr-FR");
const today = new Date();
const diffTime = selectedDate - today;
const diffDays = Math.ceil(diffTime / (1000 * 60 * 60 * 24));
let bgColor = "#A8E6A3";
let textColor = "#206A1E";
let message = `${action} souhaitée avant le ${formattedDate}.`;
message = `${action} souhaitée avant le ${formattedDate}.`;
if (diffDays <= 3) {
bgColor = "#FFD580";
textColor = "#A65E00";
}
}
if (action === "Lecture") {
message += "<br>Inutile de répondre.";
message += "\nInutile de répondre.";
}
resultDiv.style.backgroundColor = bgColor;
resultDiv.style.color = textColor;
resultDiv.innerHTML = message;
resultDiv.textContent = message;
resultDiv.style.display = "block";
copyButton.style.display = "inline-block";
// Mettre le HTML formaté dans un conteneur caché
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>`;
hiddenContainer.innerHTML = `<div style='background-color: ${bgColor}; color: ${textColor}; padding: 10px; font-weight: bold; border-radius: 5px; display: inline-block; text-align: center;'>${message.replace("\n", "<br>")}</div>`;
}
function setASAP() {
@ -115,18 +138,11 @@
resultDiv.style.backgroundColor = "#FFA8A8";
resultDiv.style.color = "#8B0000";
let message = `${action} souhaitée dès que possible.`;
if (action === "Lecture") {
message += "<br>Inutile de répondre.";
}
resultDiv.innerHTML = message;
resultDiv.textContent = `${action} souhaitée dès que possible`;
resultDiv.style.display = "block";
copyButton.style.display = "inline-block";
// Mettre le HTML formaté dans un conteneur caché
hiddenContainer.innerHTML = `<div style='background-color: #FFA8A8; color: #8B0000; padding: 10px; font-weight: bold; border-radius: 5px; display: inline-block; text-align: left;'>${message}</div>`;
hiddenContainer.innerHTML = `<div style='background-color: #FFA8A8; color: #8B0000; padding: 10px; font-weight: bold; border-radius: 5px; display: inline-block; text-align: center;'>${action} souhaitée dès que possible</div>`;
}
function copyFormattedBanner() {