refonte css of site

2026-06-09 17:03:00 +02:00 · 2026-01-17 20:59:52 +01:00
parent 90339f9323
commit 95cd796839
20 changed files with 2951 additions and 1109 deletions
@@ -1,4 +1,3 @@
-const levelForm = document.getElementById("level-form");
 const levelEnabled = document.getElementById("level-enabled");
 const levelAnnouncementsEnabled = document.getElementById("level-announcement-enabled");
 const levelAnnouncementsChannel = document.getElementById("level-announcements-channel");
@@ -18,102 +17,91 @@ const cooldownXpMessageSeconds = document.getElementById("level-xp-cooldown");
 const gainXpOnVoice = document.getElementById("voice-xp-enabled");
 const gainVoiceXpLowerBound = document.getElementById("level-xp-per-voice-min");
 const gainVoiceXpUpperBound = document.getElementById("level-xp-per-voice-max");
-const statusLevelForm = document.getElementById("status-level-form");
+const saveLevel = document.getElementById("save-level");

-// 1️⃣ RÔLES
-fetch(`/api/bot/get-roles/${guildId}`)
-  .then(res => res.json())
-  .then(roles => {
-    roles.forEach(r => {
-      roleWithWithoutXp?.appendChild(new Option(r.name, r.id));
-    });
+// Message par défaut
+const defaultLevelMessage = "Félicitations {mention}, tu es maintenant niveau **{level}** ! 🎉";

-    // 2️⃣ SALONS TEXTE
-    return fetch(`/api/bot/get-text-channels/${guildId}`);
-  })
-  .then(res => res.json())
-  .then(textSalons => {
-    textSalons.forEach(c => {
-      salonWithWithoutXp?.appendChild(new Option(`#${c.name}`, c.id));
-    });
+// Charger la config après que les channels/roles soient chargés
+setTimeout(() => {
+  fetch(`/api/bot/get-level-config/${guildId}`)
+    .then(res => res.json())
+    .then(cfg => {
+      levelEnabled.checked = cfg.enabled;
+      levelAnnouncementsEnabled.checked = cfg.levelAnnouncementsEnabled;
+      levelAnnouncementsChannel.value = cfg.levelAnnouncementsChannelId;
+      levelAnnouncementsMessage.value = cfg.levelAnnouncementsMessage || defaultLevelMessage;

-    // 3️⃣ SALONS VOCAUX
-    return fetch(`/api/bot/get-voice-channels/${guildId}`);
-  })
-  .then(res => res.json())
-  .then(voiceSalons => {
-    voiceSalons.forEach(c => {
-      salonWithWithoutXp?.appendChild(new Option(`🔊 ${c.name}`, c.id));
-    });
+      xpCourbeType.value = cfg.xpCourbeType;
+      multiplierCourbeForLevel.value = cfg.multiplierCourbeForLevel;
+      levelAnnouncementEveryLevel.value = cfg.levelAnnouncementEveryLevel;
+      levelMax.value = cfg.levelMax;

-    // 4️⃣ CONFIG (APRÈS QUE TOUT EST CHARGÉ)
-    return fetch(`/api/bot/get-level-config/${guildId}`);
-  })
-  .then(res => res.json())
-  .then(cfg => {
-    levelEnabled.checked = cfg.enabled;
-    levelAnnouncementsEnabled.checked = cfg.levelAnnouncementsEnabled;
-    levelAnnouncementsChannel.value = cfg.levelAnnouncementsChannelId;
-    levelAnnouncementsMessage.value = cfg.levelAnnouncementsMessage;
+      roleWithWithoutType.value = cfg.roleWithWithoutType;
+      Array.from(roleWithWithoutXp.options).forEach(opt => {
+        opt.selected = cfg.roleWithWithoutXp?.includes(opt.value);
+      });

-    xpCourbeType.value = cfg.xpCourbeType;
-    multiplierCourbeForLevel.value = cfg.multiplierCourbeForLevel;
-    levelAnnouncementEveryLevel.value = cfg.levelAnnouncementEveryLevel;
-    levelMax.value = cfg.levelMax;
+      salonWithWithoutType.value = cfg.salonWithWithoutType;
+      Array.from(salonWithWithoutXp.options).forEach(opt => {
+        opt.selected = cfg.salonWithWithoutXp?.includes(opt.value);
+      });

-    roleWithWithoutType.value = cfg.roleWithWithoutType;
-    Array.from(roleWithWithoutXp.options).forEach(opt => {
-      opt.selected = cfg.roleWithWithoutXp?.includes(opt.value);
-    });
+      gainXpOnMessage.checked = cfg.gainXpOnMessage;
+      gainXpMessageLowerBound.value = cfg.gainXpMessageLowerBound;
+      gainXpMessageUpperBound.value = cfg.gainXpMessageUpperBound;
+      cooldownXpMessageSeconds.value = cfg.cooldownXpMessageSeconds;

-    salonWithWithoutType.value = cfg.salonWithWithoutType;
-    Array.from(salonWithWithoutXp.options).forEach(opt => {
-      opt.selected = cfg.salonWithWithoutXp?.includes(opt.value);
-    });
-
-    gainXpOnMessage.checked = cfg.gainXpOnMessage;
-    gainXpMessageLowerBound.value = cfg.gainXpMessageLowerBound;
-    gainXpMessageUpperBound.value = cfg.gainXpMessageUpperBound;
-    cooldownXpMessageSeconds.value = cfg.cooldownXpMessageSeconds;
-
-    gainXpOnVoice.checked = cfg.gainXpOnVoice;
-    gainVoiceXpLowerBound.value = cfg.gainVoiceXpLowerBound;
-    gainVoiceXpUpperBound.value = cfg.gainVoiceXpUpperBound;
-  })
-  .catch(console.error);
-
-
-levelForm.addEventListener("submit", async e => {
-  e.preventDefault();
-
-  const res = await fetch("/api/bot/save-level-config", {
-    method: "POST",
-    headers: { "Content-Type": "application/json" },
-    body: JSON.stringify({
-      guildId,
-      levelEnabled: levelEnabled.checked,
-      levelAnnouncementsEnabled: levelAnnouncementsEnabled.checked,
-      levelAnnouncementsChannelId: levelAnnouncementsChannel.value,
-      levelAnnouncementsMessage: levelAnnouncementsMessage.value,
-      xpCourbeType: xpCourbeType.value,
-      multiplierCourbeForLevel: parseInt(multiplierCourbeForLevel.value, 10),
-      levelAnnouncementEveryLevel: parseInt(levelAnnouncementEveryLevel.value, 10),
-      levelMax: parseInt(levelMax.value, 10),
-      roleWithWithoutType: roleWithWithoutType.value,
-      roleWithWithoutXp: Array.from(roleWithWithoutXp.selectedOptions).map(opt => opt.value),
-      salonWithWithoutType: salonWithWithoutType.value,
-      salonWithWithoutXp: Array.from(salonWithWithoutXp.selectedOptions).map(opt => opt.value),
-      gainXpOnMessage: gainXpOnMessage.checked,
-      gainXpMessageLowerBound: parseInt(gainXpMessageLowerBound.value, 10),
-      gainXpMessageUpperBound: parseInt(gainXpMessageUpperBound.value, 10),
-      cooldownXpMessageSeconds: parseInt(cooldownXpMessageSeconds.value, 10),
-      gainXpOnVoice: gainXpOnVoice.checked,
-      gainVoiceXpLowerBound: parseInt(gainVoiceXpLowerBound.value, 10),
-      gainVoiceXpUpperBound: parseInt(gainVoiceXpUpperBound.value, 10)
+      gainXpOnVoice.checked = cfg.gainXpOnVoice;
+      gainVoiceXpLowerBound.value = cfg.gainVoiceXpLowerBound;
+      gainVoiceXpUpperBound.value = cfg.gainVoiceXpUpperBound;
    })
-  });
+    .catch(console.error);
+}, 500);

-  statusLevelForm.textContent = (await res.json()).success
-    ? "Config niveaux sauvegardée ✅"
-    : "Erreur ❌";
+// Sauvegarder
+saveLevel.addEventListener("click", async () => {
+  saveLevel.disabled = true;
+  saveLevel.textContent = "Sauvegarde...";
+
+  try {
+    const res = await fetch("/api/bot/save-level-config", {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({
+        guildId,
+        levelEnabled: levelEnabled.checked,
+        levelAnnouncementsEnabled: levelAnnouncementsEnabled.checked,
+        levelAnnouncementsChannelId: levelAnnouncementsChannel.value,
+        levelAnnouncementsMessage: levelAnnouncementsMessage.value,
+        xpCourbeType: xpCourbeType.value,
+        multiplierCourbeForLevel: parseInt(multiplierCourbeForLevel.value, 10),
+        levelAnnouncementEveryLevel: parseInt(levelAnnouncementEveryLevel.value, 10),
+        levelMax: parseInt(levelMax.value, 10),
+        roleWithWithoutType: roleWithWithoutType.value,
+        roleWithWithoutXp: Array.from(roleWithWithoutXp.selectedOptions).map(opt => opt.value),
+        salonWithWithoutType: salonWithWithoutType.value,
+        salonWithWithoutXp: Array.from(salonWithWithoutXp.selectedOptions).map(opt => opt.value),
+        gainXpOnMessage: gainXpOnMessage.checked,
+        gainXpMessageLowerBound: parseInt(gainXpMessageLowerBound.value, 10),
+        gainXpMessageUpperBound: parseInt(gainXpMessageUpperBound.value, 10),
+        cooldownXpMessageSeconds: parseInt(cooldownXpMessageSeconds.value, 10),
+        gainXpOnVoice: gainXpOnVoice.checked,
+        gainVoiceXpLowerBound: parseInt(gainVoiceXpLowerBound.value, 10),
+        gainVoiceXpUpperBound: parseInt(gainVoiceXpUpperBound.value, 10)
+      })
+    });
+
+    const data = await res.json();
+    if (data.success) {
+      showStatus("status-level-form", "Configuration sauvegardée ✅", "success");
+    } else {
+      showStatus("status-level-form", "Erreur lors de la sauvegarde ❌", "error");
+    }
+  } catch (error) {
+    showStatus("status-level-form", "Erreur de connexion ❌", "error");
+  }
+
+  saveLevel.disabled = false;
+  saveLevel.textContent = "Sauvegarder";
 });