Lm : plus de AJAX, plus de soucis de token, mais loader pas fou, du a l'app en elle meme

ecole/.env

@@ -0,0 +1,5 @@
+DB_URL=http://127.0.0.1:8091/
+DB_ADMIN=admin@axa.fr
+DB_PASSWORD=DTadmin123TT
+NODE_ENV=developpement
+PORT=8082

ecole/.gitignore

@@ -0,0 +1,33 @@
+# Dependencies
+node_modules/
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+
+# Classique
+package-lock.json
+
+# Logs
+logs/
+*.log
+
+# Environment variables
+.env
+.env.local
+.env.*.local
+
+# OS files
+.DS_Store
+Thumbs.db
+
+# IDE
+.vscode/
+.idea/
+*.swp
+*.swo
+*~
+
+# Build outputs
+dist/
+build/
+

ecole/package.json

@@ -9,9 +9,7 @@
     "test": "jest"
   },
   "pkg": {
-    "assets": [
-      "public/**"
-    ]
+    "assets": ["public/**"]
   },
   "keywords": [],
   "author": "cyril.ducaffy@axa.fr",

ecole/public/css/global.css

@@ -511,4 +511,50 @@ a.grille-garanties:hover{
 
 @keyframes l13 { 
   100% { transform: rotate(1turn); }
+}
+
+/* Message d'erreur du loader */
+#error-message {
+  display: none;
+  color: #ff4444;
+  font-weight: bold;
+  text-align: center;
+  margin-top: 20px;
+  white-space: pre-line;
+  font-size: 16px;
+}
+
+/* Message de timeout du loader */
+#timeout-message {
+  display: none;
+  margin-top: 30px;
+  text-align: center;
+  color: #d0d0d0;
+  font-size: 14px;
+  max-width: 420px;
+  line-height: 1.6;
+  padding: 0 20px;
+  animation: fadeIn 0.5s ease;
+}
+
+@keyframes fadeIn {
+  from { opacity: 0; transform: translateY(10px); }
+  to { opacity: 1; transform: translateY(0); }
+}
+
+/* Lien cliquable pour annuler le chargement */
+#cancel-loading-link {
+  color: #66B2FF;
+  text-decoration: underline;
+  text-underline-offset: 3px;
+  text-decoration-thickness: 1px;
+  cursor: pointer;
+  transition: all 0.2s ease;
+  font-weight: 500;
+}
+
+#cancel-loading-link:hover {
+  color: #90CAF9;
+  text-decoration-thickness: 2px;
+  text-shadow: 0 0 10px rgba(102, 178, 255, 0.6);
 }