debut reconection des controleur

config/Autoload.php

@@ -0,0 +1,51 @@
+<?php
+
+class Autoload
+{
+        private static $_instance = null;
+
+        public static function charger()
+    {
+        if(null !== self::$_instance) {
+            throw new RuntimeException(sprintf('%s is already started', __CLASS__));
+        }
+
+        self::$_instance = new self();
+
+
+        if(!spl_autoload_register(array(self::$_instance, '_autoload'))) {
+            throw RuntimeException(sprintf('%s : Could not start the autoload', __CLASS__));
+        }
+    }
+
+        public static function shutDown()
+    {
+        if(null !== self::$_instance) {
+
+            if(!spl_autoload_unregister(array(self::$_instance, '_autoload'))) {
+                throw new RuntimeException('Could not stop the autoload');
+            }
+
+            self::$_instance = null;
+        }
+    }
+
+        private static function _autoload($class)
+    {
+        global $rep;
+        $filename = $class.'.php';
+        $dir =array('src/Modele/','./','config/','src/Controleur/');
+        foreach ($dir as $d){
+        $file=$rep.$d.$filename; 
+        //echo $file;
+        if (file_exists($file))
+        {
+            include $file;
+        }
+        }
+    
+    }
+}
+
+
+?>

index.php

@@ -1,15 +1,20 @@
 <?php
 
 //chargement config
-require_once __DIR__ . '/../config/config.php';
+require_once __DIR__ . '/config/config.php';
 
-require __DIR__ . '/vendor/autoload.php';
+require __DIR__ . '/config/Autoload.php';
+Autoload::charger();
 
+
+use src\Controller\FrontControleur;
+/*
 //twig
 $loader = new \Twig\Loader\FilesystemLoader('templates');
 $twig   = new \Twig\Environment($loader, [
     'cache' => 'cache',
 ]);
+*/
 
 $cont = new FrontControleur();
 

public/script/theme-toggle.js

@@ -11,12 +11,12 @@ document.addEventListener("DOMContentLoaded", function() {
         if (currentTheme === 'light') {
             document.body.classList.remove('dark-mode');
             document.body.classList.add('light-mode');
-            themeIcon.src = '../../images/light.svg'; // Affiche l'icône pour basculer vers le mode sombre
+            themeIcon.src = 'images/light.svg'; // Affiche l'icône pour basculer vers le mode sombre
-            favicon.href = '../../images/iconeClaire.ico'; // Favicon pour le mode clair
+            favicon.href = 'images/iconeClaire.ico'; // Favicon pour le mode clair
         } else {
             document.body.classList.add('dark-mode');
-            themeIcon.src = '../../images/dark.svg'; // Affiche l'icône pour basculer vers le mode clair
+            themeIcon.src = 'images/dark.svg'; // Affiche l'icône pour basculer vers le mode clair
-            favicon.href = '../../images/iconeSombre.ico'; // Favicon pour le mode sombre
+            favicon.href = 'images/iconeSombre.ico'; // Favicon pour le mode sombre
         }
     } else {
         console.error("Élément(s) manquant(s) : icône du thème ou favicon.");
@@ -34,15 +34,15 @@ function toggleTheme() {
             // Si on est en mode sombre, on passe en mode clair
             body.classList.remove('dark-mode');
             body.classList.add('light-mode');
-            themeIcon.src = '../../images/light.svg'; // Change vers le logo sombre
+            themeIcon.src = 'images/light.svg'; // Change vers le logo sombre
-            favicon.href = '../../images/iconeClaire.ico'; // Favicon pour le mode clair
+            favicon.href = 'images/iconeClaire.ico'; // Favicon pour le mode clair
             localStorage.setItem('theme', 'light'); // Enregistre le thème clair dans localStorage
         } else {
             // Sinon, on repasse en mode sombre
             body.classList.remove('light-mode');
             body.classList.add('dark-mode');
-            themeIcon.src = '../../images/dark.svg'; // Change vers le logo clair
+            themeIcon.src = 'images/dark.svg'; // Change vers le logo clair
-            favicon.href = '../../images/iconeSombre.ico'; // Favicon pour le mode sombre
+            favicon.href = 'images/iconeSombre.ico'; // Favicon pour le mode sombre
             localStorage.setItem('theme', 'dark'); // Enregistre le thème sombre dans localStorage
         }
     } else {

vue/HeaderView.php

@@ -10,24 +10,24 @@ class HeaderView {
             <meta charset="UTF-8">
             <meta name="viewport" content="width=device-width, initial-scale=1.0">
             <title>Wiki Fantasy</title>
-            <link id="favicon" rel="icon" href="../images/dark.svg" type="image/x-icon" />
+            <link id="favicon" rel="icon" href="images/dark.svg" type="image/x-icon" />
-            <script src="../script/truncateQuotes.js"></script>
+            <script src="script/truncateQuotes.js"></script>
-            <link rel="stylesheet" href="<?php global $rep,$style; echo $rep.$style['accueil']; ?>"> <!-- Import de styleAccueil.css -->
+            <link rel="stylesheet" href="<?php global $style; echo $style['accueil']; ?>"> <!-- Import de styleAccueil.css -->
-            <script defer src="../script/theme-toggle.js"></script> <!-- Import du script -->
+            <script defer src="script/theme-toggle.js"></script> <!-- Import du script -->
         </head>
         <body class="<?php echo htmlspecialchars($theme); ?>">
         <div class="container">
             <div class="header">
                 <div class="nav">
-                    <a href="favorite.html"><img src="../../images/coeur.svg" alt="coeur" width="67px" height="67px" onmousedown="return false"></a>
+                    <a href="favorite.html"><img src="images/coeur.svg" alt="coeur" width="67px" height="67px" onmousedown="return false"></a>
-                    <img id="theme-icon" src="../images/dark.svg" alt="toggle theme" width="72px" height="37px" onmousedown="return false" onclick="toggleTheme()">
+                    <img id="theme-icon" src="images/dark.svg" alt="toggle theme" width="72px" height="37px" onmousedown="return false" onclick="toggleTheme()">
-                    <a href="quiz.html"><img src="../../images/quizz.svg" alt="quizz" width="51px" height="82px" onmousedown="return false"></a>
+                    <a href="quiz.html"><img src="images/quizz.svg" alt="quizz" width="51px" height="82px" onmousedown="return false"></a>
                 </div>
                 <div class="logo">
-                    <a href="accueil.html"><img src="../../images/WIKIFANTASY.png" alt="Logo" width="227px" height="106px" onmousedown="return false"></a>
+                    <a href="accueil.html"><img src="images/WIKIFANTASY.png" alt="Logo" width="227px" height="106px" onmousedown="return false"></a>
                 </div>
                 <div class="user">
-                    <a href="profil.html"><img src="../../images/user_dark.png" alt="user" width="70px" height="70px" onmousedown="return false"></a>
+                    <a href="profil.html"><img src="images/user_dark.png" alt="user" width="70px" height="70px" onmousedown="return false"></a>
                 </div>
             </div>
         </div>