update Oauth discord & add good bye message

2026-06-12 15:55:11 +02:00 · 2026-01-15 20:23:06 +01:00
parent 12fde58b93
commit 87e339c75b
6 changed files with 370 additions and 160 deletions
@@ -0,0 +1,73 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>Tableau de bord</title>
+</head>
+<body>
+  <nav>
+    <a href="/">Accueil</a>
+  </nav>
+
+  <h1 id="greeting">Chargement...</h1>
+  <img id="avatar" src="" alt="Avatar">
+
+  <a id="invite-link" href="#">Ajouter le bot à votre serveur</a>
+  
+  <h2>Mes serveurs :</h2>
+  <ul id="guilds-list"></ul> <!-- Ici on va lister les guilds -->
+
+  <script>
+    // --- Affichage des infos utilisateur ---
+    fetch("/api/user")
+      .then(res => res.json())
+      .then(user => {
+        document.getElementById("greeting").textContent = `Salut ${user.username}#${user.discriminator} !`;
+        document.getElementById("avatar").src = `https://cdn.discordapp.com/avatars/${user.id}/${user.avatar}.png`;
+      })
+      .catch(() => {
+        document.getElementById("greeting").textContent = "Utilisateur non connecté.";
+      });
+
+
+    // --- Affichage des guilds de l'utilisateur ---
+    fetch("/api/guilds")
+      .then(res => res.json())
+      .then(guilds => {
+        const list = document.getElementById("guilds-list");
+        if (guilds.length === 0) {
+          list.innerHTML = "<li>Aucun serveur disponible</li>";
+        } else {
+          guilds.forEach(g => {
+            const li = document.createElement("li");
+            li.textContent = g.name;
+            li.style.cursor = "pointer"; // change le curseur pour montrer que c'est cliquable
+            li.style.padding = "5px";
+            li.style.border = "1px solid #ccc";
+            li.style.margin = "5px 0";
+            li.addEventListener("click", () => {
+              // Action quand on clique : exemple, redirection vers une page de configuration pour ce serveur
+              window.location.href = `/guild/${g.id}`;
+            });
+            list.appendChild(li);
+          });
+        }
+      })
+      .catch(() => {
+        document.getElementById("guilds-list").innerHTML = "<li>Impossible de récupérer les guilds.</li>";
+      });
+    
+
+    fetch("/invite-bot")
+      .then(res => res.json())
+      .then(data => {
+        const link = document.getElementById("invite-link");
+        link.href = data.url; // met le lien dynamique
+      })
+      .catch(() => {
+        console.log("Impossible de récupérer le lien du bot.");
+      });
+
+    
+  </script>
+</body>
+</html>