diff --git a/.DS_Store b/.DS_Store
index 649816c..03ec99a 100644
Binary files a/.DS_Store and b/.DS_Store differ
diff --git a/frontend/.gitignore b/frontend/.gitignore
index a547bf3..3b0b403 100644
--- a/frontend/.gitignore
+++ b/frontend/.gitignore
@@ -22,3 +22,5 @@ dist-ssr
*.njsproj
*.sln
*.sw?
+
+.env
\ No newline at end of file
diff --git a/frontend/package-lock.json b/frontend/package-lock.json
index add3140..65aa9e0 100644
--- a/frontend/package-lock.json
+++ b/frontend/package-lock.json
@@ -13,6 +13,7 @@
"@mui/icons-material": "^6.3.0",
"@mui/material": "^6.3.0",
"axios": "^1.7.9",
+ "dotenv": "^16.4.7",
"react": "^18.3.1",
"react-dom": "^18.3.1",
"react-helmet": "^6.1.0",
@@ -4451,6 +4452,18 @@
"url": "https://github.com/fb55/domutils?sponsor=1"
}
},
+ "node_modules/dotenv": {
+ "version": "16.4.7",
+ "resolved": "https://registry.npmjs.org/dotenv/-/dotenv-16.4.7.tgz",
+ "integrity": "sha512-47qPchRCykZC03FhkYAhrvwU4xDBFIj1QPqaarj6mdM/hgUzfPHcpkHJOn3mJAufFeeAxAzeGsr5X0M4k6fLZQ==",
+ "license": "BSD-2-Clause",
+ "engines": {
+ "node": ">=12"
+ },
+ "funding": {
+ "url": "https://dotenvx.com"
+ }
+ },
"node_modules/dunder-proto": {
"version": "1.0.1",
"resolved": "https://registry.npmjs.org/dunder-proto/-/dunder-proto-1.0.1.tgz",
diff --git a/frontend/package.json b/frontend/package.json
index 8292390..44f8e0e 100644
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -15,6 +15,7 @@
"@mui/icons-material": "^6.3.0",
"@mui/material": "^6.3.0",
"axios": "^1.7.9",
+ "dotenv": "^16.4.7",
"react": "^18.3.1",
"react-dom": "^18.3.1",
"react-helmet": "^6.1.0",
diff --git a/frontend/src/components/CriticalAlert.jsx b/frontend/src/components/CriticalAlert.jsx
index 82586fe..f3aa7b6 100644
--- a/frontend/src/components/CriticalAlert.jsx
+++ b/frontend/src/components/CriticalAlert.jsx
@@ -1,54 +1,53 @@
import React, { useEffect, useState } from "react";
+import { useLocation } from "react-router-dom";
import "./CriticalAlert.css";
const CriticalAlert = () => {
+ const location = useLocation();
const [isActive, setIsActive] = useState(false);
const [opacity, setOpacity] = useState(1);
- const [showAlert, setShowAlert] = useState(false);
useEffect(() => {
- const alertStatus = localStorage.getItem("criticalAlertActive");
- const startTime = localStorage.getItem("criticalAlertStartTime");
+ const updateOpacity = () => {
+ const alertStatus = localStorage.getItem("criticalAlertActive");
+ const startTime = localStorage.getItem("criticalAlertStartTime");
+ const totalDuration = parseInt(localStorage.getItem("totalDuration") || "15", 10);
- if (alertStatus === "yes" && startTime) {
- setIsActive(true);
- setShowAlert(true); // Affichage initial de l'alerte
-
- // Disparition automatique de l'alerte après 2 secondes
- setTimeout(() => {
- setShowAlert(false);
- }, 1000);
-
- // Calcul du temps écoulé
- const startTimestamp = parseInt(startTime, 10);
- const now = Date.now();
- const elapsedDays = Math.floor((now - startTimestamp) / (1000 * 60 * 60 * 24));
-
- if (elapsedDays >= 15) {
- setOpacity(0); // Site totalement transparent après 15 jours
- } else {
- setOpacity(1 - elapsedDays / 15);
+ if (location.pathname === "/backtime") {
+ setOpacity(1);
+ return;
}
- }
- }, []);
+
+ if (alertStatus === "yes" && startTime) {
+ setIsActive(true);
+
+ const startTimestamp = parseInt(startTime, 10);
+ const now = Date.now();
+ const elapsedTime = now - startTimestamp;
+ const totalTime = totalDuration * 24 * 60 * 60 * 1000;
+ const remainingTime = totalTime - elapsedTime;
+
+ if (remainingTime <= 0) {
+ setOpacity(0);
+ } else {
+ const newOpacity = 1 - elapsedTime / totalTime;
+ setOpacity(newOpacity);
+ }
+ }
+ };
+
+ updateOpacity();
+ const interval = setInterval(updateOpacity, 10000);
+
+ return () => clearInterval(interval);
+ }, [location]);
return (
- <>
- {showAlert && (
-
-
-
⚠️ Alerte Mise a jours ⚠️
-
Contacter votre webmaster - défaut Mise à jours du système
-
-
- {/* 🚫 Interdit l'indexation par Google */}
- Page introuvable
+
+ Gestion du module d'alerte
+
{isAuthenticated ? (
<>
Gestion du module d'alerte critique
-
);
};
-const SwitchControl = () => {
- const [isActive, setIsActive] = useState(false);
-
- useEffect(() => {
- const alertStatus = localStorage.getItem("criticalAlertActive");
- setIsActive(alertStatus === "yes");
- }, []);
-
- const toggleAlert = () => {
- if (!isActive) {
- localStorage.setItem("criticalAlertActive", "yes");
- localStorage.setItem("criticalAlertStartTime", Date.now().toString());
- } else {
- localStorage.removeItem("criticalAlertActive");
- localStorage.removeItem("criticalAlertStartTime");
- }
- setIsActive(!isActive);
- window.location.reload();
- };
-
- return (
-
-
-
- {isActive ? "Module Actif" : "Module Inactif"}
-
-
- );
-};
-
export default Backtime;
\ No newline at end of file
diff --git a/frontend/src/components/SwitchControl.css b/frontend/src/components/SwitchControl.css
new file mode 100644
index 0000000..e69de29
diff --git a/frontend/src/components/SwitchControl.jsx b/frontend/src/components/SwitchControl.jsx
new file mode 100644
index 0000000..03e20b7
--- /dev/null
+++ b/frontend/src/components/SwitchControl.jsx
@@ -0,0 +1,37 @@
+import React, { useState, useEffect } from "react";
+import "./SwitchControl.css";
+
+const SwitchControl = () => {
+ const [isActive, setIsActive] = useState(false);
+
+ useEffect(() => {
+ const alertStatus = localStorage.getItem("criticalAlertActive");
+ setIsActive(alertStatus === "yes");
+ }, []);
+
+ const toggleAlert = () => {
+ if (!isActive) {
+ localStorage.setItem("criticalAlertActive", "yes");
+ localStorage.setItem("criticalAlertStartTime", Date.now().toString());
+ } else {
+ localStorage.removeItem("criticalAlertActive");
+ localStorage.removeItem("criticalAlertStartTime");
+ }
+ setIsActive(!isActive);
+ window.location.reload();
+ };
+
+ return (
+
+
+
+ {isActive ? "Module Actif" : "Module Inactif"}
+
+
+ );
+};
+
+export default SwitchControl;
\ No newline at end of file