Compare commits
3 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
|
d2dc7b43ca | ||
|
|
eb53d24e23 | ||
|
|
b6cdfc90bc |
53
repliq.html
Executable file → Normal file
53
repliq.html
Executable file → Normal file
|
|
@ -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,15 +108,17 @@
|
|||
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") {
|
||||
message += "\nInutile de répondre.";
|
||||
if (action === "Lecture" && !convenienceChecked) {
|
||||
message += " Aucune réponse requise.";
|
||||
}
|
||||
|
||||
resultDiv.style.backgroundColor = bgColor;
|
||||
|
|
@ -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: center;'>${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: center;'>${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>
|
||||
Loading…
Reference in New Issue
Block a user