mirror of
https://github.com/arthur-pbty/LazyBot.git
synced 2026-06-03 23:36:37 +02:00
Arthur Puechberty
413 lines
14 KiB
JavaScript
413 lines
14 KiB
JavaScript
// ===== 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();
|
||
})();
|