mirror of
https://github.com/arthur-pbty/LazyBot.git
synced 2026-06-16 08:12:25 +02:00
ajouter un système de messages programmés avec options de planification et interface utilisateur
This commit is contained in:
Arthur Puechberty
@@ -0,0 +1,412 @@
|
||||
// ===== SCHEDULED MESSAGES FORM =====
|
||||
(async function () {
|
||||
const channelSelect = document.getElementById("scheduled-channel-select");
|
||||
const messageContent = document.getElementById("scheduled-message-content");
|
||||
const embedEnabled = document.getElementById("scheduled-embed-enabled");
|
||||
const embedOptions = document.getElementById("scheduled-embed-options");
|
||||
const embedTitle = document.getElementById("scheduled-embed-title");
|
||||
const embedDescription = document.getElementById("scheduled-embed-description");
|
||||
const embedColor = document.getElementById("scheduled-embed-color");
|
||||
const scheduleType = document.getElementById("scheduled-type");
|
||||
const weeklyOptions = document.getElementById("scheduled-weekly-options");
|
||||
const intervalOptions = document.getElementById("scheduled-interval-options");
|
||||
const daysContainer = document.getElementById("scheduled-days");
|
||||
const hourSelect = document.getElementById("scheduled-hour-select");
|
||||
const minuteSelect = document.getElementById("scheduled-minute-select");
|
||||
const addTimeBtn = document.getElementById("scheduled-add-time");
|
||||
const timesList = document.getElementById("scheduled-times-list");
|
||||
const intervalValue = document.getElementById("scheduled-interval-value");
|
||||
const intervalUnit = document.getElementById("scheduled-interval-unit");
|
||||
const forceSend = document.getElementById("scheduled-force-send");
|
||||
const deletePrevious = document.getElementById("scheduled-delete-previous");
|
||||
const enabledCheckbox = document.getElementById("scheduled-enabled");
|
||||
const saveBtn = document.getElementById("scheduled-save-btn");
|
||||
const cancelBtn = document.getElementById("scheduled-cancel-btn");
|
||||
const editIdInput = document.getElementById("scheduled-edit-id");
|
||||
const formTitle = document.getElementById("scheduled-form-title");
|
||||
const listContainer = document.getElementById("scheduled-messages-list");
|
||||
|
||||
let selectedTimes = [];
|
||||
|
||||
// Populate hour and minute selects
|
||||
function initTimeSelects() {
|
||||
const now = new Date();
|
||||
const currentHour = now.getHours().toString().padStart(2, "0");
|
||||
const currentMinute = now.getMinutes().toString().padStart(2, "0");
|
||||
|
||||
// Hours 00-23
|
||||
for (let h = 0; h < 24; h++) {
|
||||
const opt = document.createElement("option");
|
||||
opt.value = h.toString().padStart(2, "0");
|
||||
opt.textContent = h.toString().padStart(2, "0");
|
||||
hourSelect.appendChild(opt);
|
||||
}
|
||||
// Minutes 00-59
|
||||
for (let m = 0; m < 60; m++) {
|
||||
const opt = document.createElement("option");
|
||||
opt.value = m.toString().padStart(2, "0");
|
||||
opt.textContent = m.toString().padStart(2, "0");
|
||||
minuteSelect.appendChild(opt);
|
||||
}
|
||||
|
||||
// Set default to current time
|
||||
hourSelect.value = currentHour;
|
||||
minuteSelect.value = currentMinute;
|
||||
}
|
||||
|
||||
// Toggle embed options
|
||||
embedEnabled.addEventListener("change", () => {
|
||||
embedOptions.style.display = embedEnabled.checked ? "block" : "none";
|
||||
});
|
||||
|
||||
// Toggle schedule type options
|
||||
scheduleType.addEventListener("change", () => {
|
||||
if (scheduleType.value === "weekly") {
|
||||
weeklyOptions.style.display = "block";
|
||||
intervalOptions.style.display = "none";
|
||||
} else {
|
||||
weeklyOptions.style.display = "none";
|
||||
intervalOptions.style.display = "block";
|
||||
}
|
||||
});
|
||||
|
||||
// Add time
|
||||
addTimeBtn.addEventListener("click", () => {
|
||||
const hour = hourSelect.value;
|
||||
const minute = minuteSelect.value;
|
||||
|
||||
if (!hour || !minute) {
|
||||
alert("Veuillez sélectionner une heure et des minutes.");
|
||||
return;
|
||||
}
|
||||
|
||||
const time = `${hour}:${minute}`;
|
||||
if (selectedTimes.includes(time)) {
|
||||
alert("Cette heure est déjà ajoutée.");
|
||||
return;
|
||||
}
|
||||
|
||||
selectedTimes.push(time);
|
||||
selectedTimes.sort();
|
||||
renderTimesList();
|
||||
hourSelect.value = "";
|
||||
minuteSelect.value = "";
|
||||
});
|
||||
|
||||
function renderTimesList() {
|
||||
if (selectedTimes.length === 0) {
|
||||
timesList.innerHTML = '<span class="text-muted">Aucune heure sélectionnée</span>';
|
||||
return;
|
||||
}
|
||||
|
||||
timesList.innerHTML = selectedTimes.map(time => `
|
||||
<span class="time-tag">
|
||||
${time}
|
||||
<button type="button" class="time-remove" data-time="${time}">×</button>
|
||||
</span>
|
||||
`).join("");
|
||||
|
||||
document.querySelectorAll(".time-remove").forEach(btn => {
|
||||
btn.addEventListener("click", () => {
|
||||
selectedTimes = selectedTimes.filter(t => t !== btn.dataset.time);
|
||||
renderTimesList();
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
// Load text channels
|
||||
async function loadChannels() {
|
||||
try {
|
||||
const res = await fetch(`/api/bot/get-text-channels/${guildId}`);
|
||||
const channels = await res.json();
|
||||
channelSelect.innerHTML = '<option value="">-- Sélectionner un salon --</option>';
|
||||
channels.forEach(ch => {
|
||||
const opt = document.createElement("option");
|
||||
opt.value = ch.id;
|
||||
opt.textContent = "# " + ch.name;
|
||||
channelSelect.appendChild(opt);
|
||||
});
|
||||
} catch (err) {
|
||||
console.error("Erreur chargement salons:", err);
|
||||
}
|
||||
}
|
||||
|
||||
// Get selected days
|
||||
function getSelectedDays() {
|
||||
const days = [];
|
||||
daysContainer.querySelectorAll("input:checked").forEach(cb => {
|
||||
days.push(parseInt(cb.value));
|
||||
});
|
||||
return days;
|
||||
}
|
||||
|
||||
// Set selected days
|
||||
function setSelectedDays(days) {
|
||||
daysContainer.querySelectorAll("input").forEach(cb => {
|
||||
cb.checked = days.includes(parseInt(cb.value));
|
||||
});
|
||||
}
|
||||
|
||||
// Reset form
|
||||
function resetForm() {
|
||||
editIdInput.value = "";
|
||||
formTitle.textContent = "➕ Nouveau message programmé";
|
||||
channelSelect.value = "";
|
||||
messageContent.value = "";
|
||||
embedEnabled.checked = false;
|
||||
embedOptions.style.display = "none";
|
||||
embedTitle.value = "";
|
||||
embedDescription.value = "";
|
||||
embedColor.value = "#5865F2";
|
||||
scheduleType.value = "weekly";
|
||||
weeklyOptions.style.display = "block";
|
||||
intervalOptions.style.display = "none";
|
||||
setSelectedDays([]);
|
||||
selectedTimes = [];
|
||||
renderTimesList();
|
||||
intervalValue.value = 60;
|
||||
intervalUnit.value = "minutes";
|
||||
forceSend.checked = true;
|
||||
deletePrevious.checked = false;
|
||||
enabledCheckbox.checked = true;
|
||||
saveBtn.textContent = "💾 Enregistrer";
|
||||
cancelBtn.style.display = "none";
|
||||
}
|
||||
|
||||
// Load scheduled messages list
|
||||
async function loadScheduledMessages() {
|
||||
try {
|
||||
const res = await fetch(`/api/bot/get-scheduled-messages/${guildId}`);
|
||||
const messages = await res.json();
|
||||
|
||||
if (messages.length === 0) {
|
||||
listContainer.innerHTML = '<p class="text-muted">Aucun message programmé.</p>';
|
||||
return;
|
||||
}
|
||||
|
||||
// Get channels for names
|
||||
const channelsRes = await fetch(`/api/bot/get-text-channels/${guildId}`);
|
||||
const channels = await channelsRes.json();
|
||||
const channelMap = {};
|
||||
channels.forEach(ch => channelMap[ch.id] = ch.name);
|
||||
|
||||
listContainer.innerHTML = messages.map(msg => {
|
||||
const channelName = channelMap[msg.channel_id] || "Salon inconnu";
|
||||
const scheduleInfo = getScheduleInfo(msg);
|
||||
const statusClass = msg.enabled ? "status-active" : "status-inactive";
|
||||
const statusText = msg.enabled ? "Actif" : "Inactif";
|
||||
|
||||
return `
|
||||
<div class="scheduled-message-item" data-id="${msg.id}">
|
||||
<div class="scheduled-message-header">
|
||||
<div class="scheduled-message-info">
|
||||
<strong># ${channelName}</strong>
|
||||
<span class="scheduled-message-schedule">${scheduleInfo}</span>
|
||||
</div>
|
||||
<span class="status-badge ${statusClass}">${statusText}</span>
|
||||
</div>
|
||||
<div class="scheduled-message-preview">
|
||||
${msg.message_content ? escapeHtml(msg.message_content.substring(0, 100)) + (msg.message_content.length > 100 ? '...' : '') : ''}
|
||||
${msg.embed_enabled ? '<span class="embed-badge">📦 Embed</span>' : ''}
|
||||
</div>
|
||||
<div class="scheduled-message-options">
|
||||
${msg.force_send ? '<span class="option-tag">Force envoi</span>' : '<span class="option-tag">Vérifie activité</span>'}
|
||||
${msg.delete_previous ? '<span class="option-tag">Supprime précédent</span>' : ''}
|
||||
</div>
|
||||
<div class="scheduled-message-actions">
|
||||
<button class="btn btn-sm btn-secondary edit-scheduled" data-id="${msg.id}">✏️ Modifier</button>
|
||||
<button class="btn btn-sm ${msg.enabled ? 'btn-warning' : 'btn-success'} toggle-scheduled" data-id="${msg.id}">
|
||||
${msg.enabled ? '⏸️ Désactiver' : '▶️ Activer'}
|
||||
</button>
|
||||
<button class="btn btn-sm btn-danger delete-scheduled" data-id="${msg.id}">🗑️ Supprimer</button>
|
||||
</div>
|
||||
</div>
|
||||
`;
|
||||
}).join("");
|
||||
|
||||
// Event listeners
|
||||
document.querySelectorAll(".edit-scheduled").forEach(btn => {
|
||||
btn.addEventListener("click", () => editMessage(messages.find(m => m.id == btn.dataset.id)));
|
||||
});
|
||||
|
||||
document.querySelectorAll(".toggle-scheduled").forEach(btn => {
|
||||
btn.addEventListener("click", () => toggleMessage(btn.dataset.id));
|
||||
});
|
||||
|
||||
document.querySelectorAll(".delete-scheduled").forEach(btn => {
|
||||
btn.addEventListener("click", () => deleteMessage(btn.dataset.id));
|
||||
});
|
||||
|
||||
} catch (err) {
|
||||
console.error("Erreur chargement messages:", err);
|
||||
}
|
||||
}
|
||||
|
||||
function getScheduleInfo(msg) {
|
||||
if (msg.schedule_type === "interval") {
|
||||
return `Toutes les ${msg.interval_value} ${msg.interval_unit === 'hours' ? 'heures' : 'minutes'}`;
|
||||
} else {
|
||||
const days = JSON.parse(msg.days_of_week || "[]");
|
||||
const times = JSON.parse(msg.times_of_day || "[]");
|
||||
const dayNames = ['Dim', 'Lun', 'Mar', 'Mer', 'Jeu', 'Ven', 'Sam'];
|
||||
const dayStr = days.map(d => dayNames[d]).join(', ') || 'Aucun jour';
|
||||
const timeStr = times.join(', ') || 'Aucune heure';
|
||||
return `${dayStr} à ${timeStr}`;
|
||||
}
|
||||
}
|
||||
|
||||
function escapeHtml(text) {
|
||||
const div = document.createElement('div');
|
||||
div.textContent = text;
|
||||
return div.innerHTML;
|
||||
}
|
||||
|
||||
// Edit message
|
||||
function editMessage(msg) {
|
||||
editIdInput.value = msg.id;
|
||||
formTitle.textContent = "✏️ Modifier le message programmé";
|
||||
channelSelect.value = msg.channel_id;
|
||||
messageContent.value = msg.message_content || "";
|
||||
embedEnabled.checked = !!msg.embed_enabled;
|
||||
embedOptions.style.display = msg.embed_enabled ? "block" : "none";
|
||||
embedTitle.value = msg.embed_title || "";
|
||||
embedDescription.value = msg.embed_description || "";
|
||||
embedColor.value = msg.embed_color || "#5865F2";
|
||||
scheduleType.value = msg.schedule_type || "weekly";
|
||||
|
||||
if (msg.schedule_type === "interval") {
|
||||
weeklyOptions.style.display = "none";
|
||||
intervalOptions.style.display = "block";
|
||||
} else {
|
||||
weeklyOptions.style.display = "block";
|
||||
intervalOptions.style.display = "none";
|
||||
}
|
||||
|
||||
setSelectedDays(JSON.parse(msg.days_of_week || "[]"));
|
||||
selectedTimes = JSON.parse(msg.times_of_day || "[]");
|
||||
renderTimesList();
|
||||
intervalValue.value = msg.interval_value || 60;
|
||||
intervalUnit.value = msg.interval_unit || "minutes";
|
||||
forceSend.checked = !!msg.force_send;
|
||||
deletePrevious.checked = !!msg.delete_previous;
|
||||
enabledCheckbox.checked = !!msg.enabled;
|
||||
saveBtn.textContent = "💾 Mettre à jour";
|
||||
cancelBtn.style.display = "inline-block";
|
||||
|
||||
// Scroll to form
|
||||
document.getElementById("scheduled-form-section").scrollIntoView({ behavior: "smooth" });
|
||||
}
|
||||
|
||||
// Toggle message
|
||||
async function toggleMessage(id) {
|
||||
try {
|
||||
await fetch(`/api/bot/toggle-scheduled-message/${id}`, { method: "PATCH" });
|
||||
loadScheduledMessages();
|
||||
} catch (err) {
|
||||
console.error("Erreur toggle:", err);
|
||||
}
|
||||
}
|
||||
|
||||
// Delete message
|
||||
async function deleteMessage(id) {
|
||||
if (!confirm("Supprimer ce message programmé ?")) return;
|
||||
|
||||
try {
|
||||
await fetch(`/api/bot/delete-scheduled-message/${id}`, { method: "DELETE" });
|
||||
loadScheduledMessages();
|
||||
} catch (err) {
|
||||
console.error("Erreur suppression:", err);
|
||||
}
|
||||
}
|
||||
|
||||
// Save button
|
||||
saveBtn.addEventListener("click", async () => {
|
||||
const channel = channelSelect.value;
|
||||
if (!channel) {
|
||||
alert("Veuillez sélectionner un salon.");
|
||||
return;
|
||||
}
|
||||
|
||||
const content = messageContent.value;
|
||||
const hasEmbed = embedEnabled.checked && (embedTitle.value || embedDescription.value);
|
||||
|
||||
if (!content && !hasEmbed) {
|
||||
alert("Veuillez entrer un message ou configurer un embed.");
|
||||
return;
|
||||
}
|
||||
|
||||
if (scheduleType.value === "weekly") {
|
||||
if (getSelectedDays().length === 0) {
|
||||
alert("Veuillez sélectionner au moins un jour.");
|
||||
return;
|
||||
}
|
||||
if (selectedTimes.length === 0) {
|
||||
alert("Veuillez ajouter au moins une heure.");
|
||||
return;
|
||||
}
|
||||
}
|
||||
|
||||
saveBtn.disabled = true;
|
||||
saveBtn.textContent = "Enregistrement...";
|
||||
|
||||
const data = {
|
||||
guildId,
|
||||
channelId: channel,
|
||||
messageContent: content,
|
||||
embedEnabled: embedEnabled.checked,
|
||||
embedTitle: embedTitle.value,
|
||||
embedDescription: embedDescription.value,
|
||||
embedColor: embedColor.value,
|
||||
scheduleType: scheduleType.value,
|
||||
daysOfWeek: getSelectedDays(),
|
||||
timesOfDay: selectedTimes,
|
||||
intervalValue: parseInt(intervalValue.value) || 60,
|
||||
intervalUnit: intervalUnit.value,
|
||||
forceSend: forceSend.checked,
|
||||
deletePrevious: deletePrevious.checked,
|
||||
enabled: enabledCheckbox.checked
|
||||
};
|
||||
|
||||
try {
|
||||
const editId = editIdInput.value;
|
||||
let res;
|
||||
|
||||
if (editId) {
|
||||
res = await fetch(`/api/bot/update-scheduled-message/${editId}`, {
|
||||
method: "PUT",
|
||||
headers: { "Content-Type": "application/json" },
|
||||
body: JSON.stringify(data)
|
||||
});
|
||||
} else {
|
||||
res = await fetch("/api/bot/add-scheduled-message", {
|
||||
method: "POST",
|
||||
headers: { "Content-Type": "application/json" },
|
||||
body: JSON.stringify(data)
|
||||
});
|
||||
}
|
||||
|
||||
const result = await res.json();
|
||||
if (result.success) {
|
||||
resetForm();
|
||||
loadScheduledMessages();
|
||||
} else {
|
||||
alert("Erreur lors de l'enregistrement.");
|
||||
}
|
||||
} catch (err) {
|
||||
console.error("Erreur:", err);
|
||||
alert("Erreur réseau.");
|
||||
}
|
||||
|
||||
saveBtn.disabled = false;
|
||||
saveBtn.textContent = editIdInput.value ? "💾 Mettre à jour" : "💾 Enregistrer";
|
||||
});
|
||||
|
||||
// Cancel button
|
||||
cancelBtn.addEventListener("click", resetForm);
|
||||
|
||||
// Init
|
||||
initTimeSelects();
|
||||
await loadChannels();
|
||||
await loadScheduledMessages();
|
||||
renderTimesList();
|
||||
})();
|
||||
Reference in New Issue
Block a user