tunnel: interface pour page admin sans backend + problème de gestion de la playlist (importé dans 2 script, l'un demande un focntion, l'autre une array et on est là hum...)

2026-07-06 22:32:41 +02:00
parent eaba21e126
commit 874226a140
10 changed files with 1573 additions and 0 deletions
@@ -0,0 +1,72 @@
+<!DOCTYPE html>
+<html lang="fr">
+  <head>
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
+  	<meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>LOL : admin</title>
+    <link rel="icon" type="image/svg" href="./favicon.svg" />
+    <link type="text/css" rel="stylesheet" href="./style/css">
+  </head>
+  <body>
+    <div id="adminWelcome">
+      <p>
+        <strong>Bienvenue sur la page admin du LOL !</strong><br>
+        Ici tu peux éditer le contenu visible sur le site, dans les sections évènements & liens utiles, et aussi ajouter de la musique dans le player.<br>
+        On précise quand même (au cas où), que <strong>les auteurices des sons qu'on poste doivent avoir donné leur accord explicite avant que ça soit posté !</strong>
+      </p>
+    </div>
+    <div id="adminContainer">
+      <div class="">
+
+      </div>
+      <div class="adminSection" id="event">
+        <div class="windowStyle">
+          <div class="windowTitle">
+            <p>
+              Évènements affichés :
+            </p>
+            <button type="button" class="toggleBtn" id="eventBtn">
+              <svg class="icon" viewBox="0 0 53.73 53.59">
+                <path d="M26.87,40.16l-13.43,13.43L0,40.16l13.43-13.43L.29,13.43,13.72,0l13.15,13.29L40.01.14l13.43,13.43-13,13.15,13.29,13.29-13.43,13.43-13.43-13.29Z"/>
+              </svg>
+            </button>
+          </div>
+          <div class="windowContent">
+          </div>
+        </div>
+      </div>
+      <div class="adminSection" id="other">
+        <div class="windowStyle" id="link">
+          <div class="windowTitle">
+            <p>
+              Panneau liens :
+            </p>
+            <button type="button" class="toggleBtn" id="linkBtn">
+              <svg class="icon" viewBox="0 0 53.73 53.59">
+                <path d="M26.87,40.16l-13.43,13.43L0,40.16l13.43-13.43L.29,13.43,13.72,0l13.15,13.29L40.01.14l13.43,13.43-13,13.15,13.29,13.29-13.43,13.43-13.43-13.29Z"/>
+              </svg>
+            </button>
+          </div>
+          <div class="windowContent">
+          </div>
+        </div>
+        <div class="windowStyle" id="playlist">
+          <div class="windowTitle">
+            <p>
+              Playlist :
+            </p>
+            <button type="button" class="toggleBtn" id="playlistBtn">
+              <svg class="icon" viewBox="0 0 53.73 53.59">
+                <path d="M26.87,40.16l-13.43,13.43L0,40.16l13.43-13.43L.29,13.43,13.72,0l13.15,13.29L40.01.14l13.43,13.43-13,13.15,13.29,13.29-13.43,13.43-13.43-13.29Z"/>
+              </svg>
+            </button>
+          </div>
+          <div class="windowContent">
+          </div>
+        </div>
+      </div>
+    </div>
+    <div id="adminContent"></div>
+    <script type="module" src="./main.js"></script>
+  </body>
+</html>