page menu et chemin, partie 2

7 files changed, 98 insertions, 83 deletions

diff --git a/public/css/nav.css b/public/css/nav.css
index eb78e06..50bf4af 100644
--- a/public/css/nav.css
+++ b/public/css/nav.css
@@ -1,5 +1,5 @@
 /*-- menu principal --*/
-.empty_nav_zone
+#nav_zone
 {
         height: 33px;
 }
diff --git a/public/js/main.js b/public/js/main.js
index fadcfa9..f74c670 100644
--- a/public/js/main.js
+++ b/public/js/main.js
@@ -204,6 +204,7 @@ function findParent(element, tag_name){
     return null;
 }
 
+
 /* page Menu et chemins */
 function moveOneLevelUp(){}
 function moveOneLevelDown(){}
@@ -250,7 +251,6 @@ function switchMenuPositions(page_id, direction)
                                 console.error('Échec de l\'inversion');
                         }
 
-                // remplacement du menu
                 nav_zone.innerHTML = '';
                 nav_zone.insertAdjacentHTML('afterbegin', data.nav);
         }
@@ -265,37 +265,34 @@ function switchMenuPositions(page_id, direction)
 }
 
 function checkMenuEntry(page_id){
+        const nav_zone = document.getElementById("nav_zone"); // parent de <nav>
         const clicked_menu_entry = document.getElementById(page_id); // div parente du bouton
         const checkbox = clicked_menu_entry.querySelector("input");
-
         let color;
-        if(checkbox.checked){
-                color = "#ff1d04";
-                checked = true;
-        }
-        else{
-                color = "grey";
-                checked = false;
-        }
 
-        // contrôle check impossible si le parent le plus ancien est unchecked
-        //
-
-        // sur l'élément concerné
-        clicked_menu_entry.querySelector("button").style.color = color;
-
-        // même chose sur les enfants
-        /*try{
-                const level_markup = clicked_menu_entry.querySelector('.level');
-                //const other_buttons = .querySelectorAll("button");
-                level_markup.querySelectorAll("input").forEach(input => {
-                        input.checked = checked;
-                });
-                level_markup.querySelectorAll("button").forEach(button => {
-                        button.style.color = color;
-                });
-        }
-        catch(error){
-                console.log("pas d'enfant");
-        }*/
+        fetch('index.php?menu_edit=displayInMenu', {
+        method: 'POST',
+        headers: {
+        'Content-Type': 'application/json'
+        },
+        body: JSON.stringify({ id: clicked_menu_entry.id, checked: checkbox.checked })
+    })
+    .then(response => response.json())
+    .then(data => {
+        if(data.success)
+        {
+                color = checkbox.checked ? "#ff1d04" : "grey";
+                clicked_menu_entry.querySelector("button").style.color = color;
+
+                nav_zone.innerHTML = '';
+                nav_zone.insertAdjacentHTML('afterbegin', data.nav);
+        }
+        else {
+
+            console.error('Échec de l\'inversion');
+        }
+    })
+    .catch(error => {
+        console.error('Erreur:', error);
+    });
 }
\ No newline at end of file
diff --git a/src/controller/ajax.php b/src/controller/ajax.php
index c774bf3..9d1cc42 100644
--- a/src/controller/ajax.php
+++ b/src/controller/ajax.php
@@ -209,12 +209,10 @@ if($_SERVER['CONTENT_TYPE'] === 'application/json' && isset($_GET['menu_edit']))
         // récupération des données
         $data = file_get_contents('php://input');
         $json = json_decode($data, true);
+        Director::$menu_data = new Menu($entityManager);
 
         if($_GET['menu_edit'] === 'switch_positions' && isset($json['id1']) && isset($json['id2']))
         {
-                //$menu = new Menu($entityManager);
-                Director::$menu_data = new Menu($entityManager);
-
         $id1 = $json['id1'];
         $id2 = $json['id2'];
 
@@ -232,11 +230,9 @@ if($_SERVER['CONTENT_TYPE'] === 'application/json' && isset($_GET['menu_edit']))
                 Director::$menu_data->sortChildren(true); // modifie tableau children 
                 $entityManager->flush();
                 
-                // menu utilisant les nouvelles données
-                //Director::$page_path = new Path();
-                $nav_builder = new NavBuilder(); // builder appelé sans envoi du noeud correspondant
-                
-                echo json_encode(['success' => true, 'path1' => '', 'path2' => '', 'nav' => $nav_builder->render()]);
+                // nouveau menu
+                $nav_builder = new NavBuilder();
+                echo json_encode(['success' => true, 'nav' => $nav_builder->render()]);
         }
         else{
                 echo json_encode(['success' => false]);
@@ -244,9 +240,29 @@ if($_SERVER['CONTENT_TYPE'] === 'application/json' && isset($_GET['menu_edit']))
             
             die;
         }
+
+        if($_GET['menu_edit'] === 'displayInMenu' && isset($json['id']) && isset($json['checked']))
+        {
+                $id = $json['id'];
+                $checked = $json['checked'];
+
+                $page = Director::$menu_data->findPageById((int)$id);
+                if($page->isHidden() === $checked){
+                        $page->setHidden(!$checked);
+                        $entityManager->flush();
+
+                        // nouveau menu
+                        $nav_builder = new NavBuilder();
+                        echo json_encode(['success' => true, 'nav' => $nav_builder->render()]);
+                }
+                else{
+                        echo json_encode(['success' => false]);
+                }
+                die;
+        }
 }
 
-// détection des requêtes de type XHR, pas d'utilité pour l'instant
+// détection des requêtes de type XHR?, pas d'utilité pour l'instant
 /*elseif(isset($_SERVER['HTTP_X_REQUESTED_WITH']) && $_SERVER['HTTP_X_REQUESTED_WITH'] == 'XMLHttpRequest'){
         echo "requête XHR reçue par le serveur";
         die;
diff --git a/src/model/Menu.php b/src/model/Menu.php
index 403accf..10cf3d5 100644
--- a/src/model/Menu.php
+++ b/src/model/Menu.php
@@ -38,12 +38,6 @@ class Menu extends Page
         foreach($this->getChildren() as $page){
                 $page->fillChildrenPagePath();
         }
-        
-        /*for($i = 0; $i < count($this->getChildren()[1]->getChildren()); $i++){
-                echo $this->getChildren()[1]->getChildren()[$i]->getEndOfPath() . ' - ';
-                echo $this->getChildren()[1]->getChildren()[$i]->getPageName() . '<br>';
-        }*/
-        //die;
         }
 
     public function getOtherPages(): array
diff --git a/src/model/entities/Page.php b/src/model/entities/Page.php
index c30305c..e3e60ca 100644
--- a/src/model/entities/Page.php
+++ b/src/model/entities/Page.php
@@ -34,6 +34,9 @@ class Page
     #[ORM\Column(type: "boolean")]
     private bool $in_menu;
 
+    #[ORM\Column(type: "boolean")]
+    private bool $hidden;
+
     #[ORM\Column(type: "integer", nullable: true)] // null si hors menu
     private ?int $position;
 
@@ -47,12 +50,13 @@ class Page
     /*#[ORM\Column(type: "json", nullable: true)]
     private ?array $metadata = null;*/
 
-    public function __construct(string $name, string $eop, bool $reachable, bool $in_menu, ?int $position, ?Page $parent)
+    public function __construct(string $name, string $eop, bool $reachable, bool $in_menu, bool $hidden, ?int $position, ?Page $parent)
     {
         $this->name_page = $name;
         $this->end_of_path = $eop;
         $this->reachable = $reachable;
         $this->in_menu = $in_menu;
+        $this->hidden = $hidden;
         $this->position = $position;
         $this->parent = $parent;
         $this->children = new ArrayCollection();
@@ -83,6 +87,14 @@ class Page
     {
         return $this->in_menu;
     }
+    public function isHidden(): bool
+    {
+        return $this->hidden;
+    }
+    public function setHidden(bool $hidden): void
+    {
+        $this->hidden = $hidden;
+    }
     public function getPosition(): ?int
     {
         return $this->position;
diff --git a/src/view/MenuBuilder.php b/src/view/MenuBuilder.php
index 0fcfbe5..5a010d5 100644
--- a/src/view/MenuBuilder.php
+++ b/src/view/MenuBuilder.php
@@ -22,8 +22,6 @@ class MenuBuilder extends AbstractBuilder
                 extract($node->getNodeData()->getData());
             }*/
 
-            // ajouter un article
-            $new_article = '';
             if($_SESSION['admin'])
             {
                 $this->unfoldMenu(Director::$menu_data, 0 - $this->margin_left_multiplier);
@@ -47,7 +45,7 @@ class MenuBuilder extends AbstractBuilder
         foreach($menu->getChildren() as $entry)
         {
             $div_style = 'margin-left: ' . $margin_left . 'px;';
-            $checked = $entry->IsInMenu() ? 'checked' : '';
+            $checked = $entry->isHidden() ? '' : 'checked';
             $this->html .= '<div id="' . $entry->getId() . '" style="' . $div_style . '">
                 <img class="move_entry_icon" onclick="" src="assets/arrow-left.svg">
                 <img class="move_entry_icon" onclick="" src="assets/arrow-right.svg">
@@ -67,14 +65,9 @@ class MenuBuilder extends AbstractBuilder
                 $this->html .= '<i>' . $entry->getPagePath() . '</i>';
             }
             
-
-            // supprimer me label "visible" et griser le texte et bouton en JS à la place
-
             /*
             => flèche gauche: position = position du parent + 1, parent = grand-parent, recalculer les positions
             => flèche droite: position = nombre d'éléments de la fraterie + 1, l'élément précédent devient le parent
-            => flèches haut et bas: inversement de position, comme pour les noeuds, mais dans la table page
-            => checkbox: in_menu ^= 1
             */
             
             if(count($entry->getChildren()) > 0){
diff --git a/src/view/NavBuilder.php b/src/view/NavBuilder.php
index 2718569..f4fb651 100644
--- a/src/view/NavBuilder.php
+++ b/src/view/NavBuilder.php
@@ -27,41 +27,44 @@ class NavBuilder extends AbstractBuilder
 
         foreach($nav_data->getChildren() as $data)
         {
-            $li_class = '';
-            if(isset($current[$level]) && $data->getEndOfPath() === $current[$level]->getEndOfPath()){
-                $li_class = 'current ';
-            }
+            if(!$data->isHidden()){
+                $li_class = '';
+                if(isset($current[$level]) && $data->getEndOfPath() === $current[$level]->getEndOfPath()){
+                    $li_class = 'current ';
+                }
 
-            $link = '';
-            if($data->isReachable())
-            {
-                if(str_starts_with($data->getEndOfPath(), 'http')) // lien vers autre site
+                $link = '';
+                if($data->isReachable()) // titre de catégorie du menu non clicable
                 {
-                    $link .= '<a href="' . $data->getEndOfPath() . '" target="_blank">';
+                    if(str_starts_with($data->getEndOfPath(), 'http')) // lien vers autre site
+                    {
+                        $link .= '<a href="' . $data->getEndOfPath() . '" target="_blank">';
+                    }
+                    elseif($data->getEndOfPath() != '') // lien relatif
+                    {
+                        $link .= '<a href="' . new URL(['page' => $data->getPagePath()]) . '">';
+                    }
+                }
+                else{
+                    $link .= '<a>';
                 }
-                elseif($data->getEndOfPath() != '') // lien relatif
+                
+                if(count($data->getChildren()) > 0) // titre de catégorie
                 {
-                    $link .= '<a href="' . new URL(['page' => $data->getPagePath()]) . '">';
+                    $li_class .= $data->getParent() == null ? 'drop-down' : 'drop-right';
+                    
+                    $nav_html .= '<li class="'. $li_class . '">' . $link . '<p>' . $data->getPageName() . '</p></a><ul class="sub-menu">' . "\n";
+                    $level++;
+                    $nav_html .= $this->navMainHTML($data, $current);
+                    $level--;
+                    $nav_html .= '</ul></li>' . "\n";
+                }
+                else
+                {
+                    $nav_html .= '<li class="'. $li_class . '">' . $link . '<p>' . $data->getPageName() . '</p></a></li>' . "\n";
                 }
-            }
-            else{
-                $link .= '<a>';
             }
             
-            if(count($data->getChildren()) > 0) // titre de catégorie
-            {
-                $li_class .= $data->getParent() == null ? 'drop-down' : 'drop-right';
-                
-                $nav_html .= '<li class="'. $li_class . '">' . $link . '<p>' . $data->getPageName() . '</p></a><ul class="sub-menu">' . "\n";
-                $level++;
-                $nav_html .= $this->navMainHTML($data, $current);
-                $level--;
-                $nav_html .= '</ul></li>' . "\n";
-            }
-            else
-            {
-                $nav_html .= '<li class="'. $li_class . '">' . $link . '<p>' . $data->getPageName() . '</p></a></li>' . "\n";
-            }
         }
         return $nav_html;
     }