chore: move legacy files into /apps/web-legacy

2026-07-09 23:18:00 +00:00 · 2026-05-03 15:47:29 +02:00
parent f3ff6e1385
commit 1cbc864cb2
148 changed files with 3 additions and 3 deletions
@@ -0,0 +1,99 @@
+/*
+ * lightmode.js
+ *
+ * Script qui gère le module d'affichage sombre / clair
+ * 
+ * @author Vabre Lucas
+ */
+
+
+/* Initialisation des variables */
+let lightModeImg = document.getElementById('light-mode');	// boutton 'Night mode'
+let mainColorImg = document.getElementById('maincolor-mode');
+let logoImg = document.getElementById('logo');				// balise img du logo
+let discordImg = document.getElementById("discord");
+let footerLogoImg = document.getElementById("footer-logo");
+
+var sun = "img/icons/sun.svg";							// iconne de soleil
+var moon = "img/icons/moon.svg";						// iconne de lune
+var logoLight = "img/icons/logo-light.svg";				// logo en mode jour
+var logoNight = "img/icons/logo-night.svg";				// logo en mode nuit
+var engrenageLight = "img/icons/engrenage-light.svg";	// engrenage en mode jour
+var engrenageNight = "img/icons/engrenage-night.svg";	// engrenage en mode nuit
+var discordLight = "img/icons/discord-light.svg";		// Logo Discord en mode jour
+var discordNight = "img/icons/discord-night.svg";		// Logo Discord en mode nuit
+
+/**
+ * Fonction qui permet de mettre la page
+ * en mode clair.
+ * @param {boolean} isIndex : index.html => true
+ */
+function SetLightMode(isIndex) {
+	document.body.className = 'light-theme';
+	if (isIndex) {
+		lightModeImg.setAttribute("src", sun);
+		mainColorImg.setAttribute("src", engrenageLight);
+		logoImg.setAttribute("src", logoLight);
+		footerLogoImg.setAttribute("src", logoLight);
+		discordImg.setAttribute("src", discordLight);
+	} else {
+		lightModeImg.setAttribute("src", "../" + sun);
+		mainColorImg.setAttribute("src", "../" + engrenageLight);
+		logoImg.setAttribute("src", "../" + logoLight);
+		footerLogoImg.setAttribute("src", "../" + logoLight);
+		discordImg.setAttribute("src", "../" + discordLight);
+	}
+}
+
+/**
+ * Fonction qui permet de mettre la page
+ * en mode sombre.
+ * @param isIndex : boolean si cette fonction
+ *					est executé dans index.html => true
+ */
+function SetNightMode(isIndex) {
+		document.body.className = 'dark-theme';
+		if (isIndex) {
+			lightModeImg.setAttribute("src", moon);
+			mainColorImg.setAttribute("src", engrenageNight);
+			logoImg.setAttribute("src", logoNight);
+			footerLogoImg.setAttribute("src", logoNight);
+			discordImg.setAttribute("src", discordNight);
+		} else {
+			lightModeImg.setAttribute("src", "../" + moon);
+			mainColorImg.setAttribute("src", "../" + engrenageNight);
+			logoImg.setAttribute("src", "../" + logoNight);
+			footerLogoImg.setAttribute("src", "../" + logoNight);
+			discordImg.setAttribute("src", "../" + discordNight);
+		}
+		
+}
+
+/**
+ * Fonction qui verifie la valeur stockée localement
+ * et met la page en mode sombre ou claire suivant la valeur
+ * @param {boolean} isIndex : index.html => true
+ */
+function LightModeOnLoad(isIndex) {
+	if (localStorage.getItem('nightMode') == 'true') {
+		SetNightMode(isIndex);
+	} else {
+		SetLightMode(isIndex);
+	}
+}
+
+// Boutton
+/**
+ * Fonction executé lors que le boutton
+ * jour/nuit (soleil/lune) est pressé
+ * @param {boolean} isIndex : index.html => true
+ */
+function LightModeButton(isIndex) {
+	if (document.body.className == 'dark-theme') {
+		SetLightMode(isIndex);
+		localStorage.setItem('nightMode', 'false');
+	} else {
+		SetNightMode(isIndex);
+		localStorage.setItem('nightMode', 'true');
+	}
+}