logos noirs quand désélectionnés, Fetcher utilisé dans menu.js "checkMenuEntry"

4 files changed, 13 insertions, 26 deletions

diff --git a/public/js/Fetcher.js b/public/js/Fetcher.js
index 0f56628..aaf808d 100644
--- a/public/js/Fetcher.js
+++ b/public/js/Fetcher.js
@@ -44,7 +44,6 @@ class Fetcher{
                         if(this.onFailure){
                                 this.onFailure(data);
                         }
-                        console.error(data.message || "Erreur serveur");
                         return { success: false, data };
                 }
         }
diff --git a/public/js/main.js b/public/js/main.js
index 3cc144a..39a31f5 100644
--- a/public/js/main.js
+++ b/public/js/main.js
@@ -206,15 +206,12 @@ function checkSocialNetwork(id){
         endpoint: 'index.php?head_foot_social_check=' + id,
         method: 'POST',
         onSuccess: (data) => {
-                console.log(data);
-
                 checkbox.checked = data.checked;
-
-                /*const color = checkbox.checked ? "#ff1d04" : "grey";
-                clicked_menu_entry.querySelector("button").style.color = color;*/
+                document.getElementById(id + '_content').src = 'assets/' + id.split('_')[1] + (data.checked ? '': '-nb') + '.svg'; // assets/facebook.svg ou assets/facebook-nb.svg
+                toastNotify('Le logo "' + id.split('_')[1] + '" ' + (data.checked ? 'sera' : 'ne sera pas') + ' affiché aux visiteurs.');
             },
             onFailure: (data) => {
-                console.log(data);
+                console.error(data.message || "Erreur serveur");
             }
     })
     .send({checked: checkbox.checked});
diff --git a/public/js/menu.js b/public/js/menu.js
index 5e02387..c0ec623 100644
--- a/public/js/menu.js
+++ b/public/js/menu.js
@@ -122,29 +122,20 @@ function checkMenuEntry(page_id){
         const checkbox = clicked_menu_entry.querySelector("input");
         let color;
 
-        fetch('index.php?menu_edit=display_in_menu', {
+    new Fetcher({
+        endpoint: 'index.php?menu_edit=display_in_menu',
         method: 'POST',
-        headers: {
-        'Content-Type': 'application/json'
+        onSuccess: (data) => {
+            color = checkbox.checked ? "#ff1d04" : "grey";
+            clicked_menu_entry.querySelector("button").style.color = color;
+            nav_zone.innerHTML = '';
+            nav_zone.insertAdjacentHTML('afterbegin', data.nav);
         },
-        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{
+        onFailure: (data) => {
             console.error('Échec de l\'inversion');
         }
     })
-    .catch(error => {
-        console.error('Erreur:', error);
-    });
+    .send({id: clicked_menu_entry.id, checked: checkbox.checked});
 }
 
 function editUrl(page_id, selector){
diff --git a/src/view/HeaderBuilder.php b/src/view/HeaderBuilder.php
index f988156..1339659 100644
--- a/src/view/HeaderBuilder.php
+++ b/src/view/HeaderBuilder.php
@@ -89,7 +89,7 @@ class HeaderBuilder extends AbstractBuilder
                     $social_networks .= '<div id="header_' . $network . '">
                         <input type="checkbox" onclick="checkSocialNetwork(\'header_' . $network . '\')" ' . $checked . '>
                         <a ' . $href . ' target="_blank" rel="noopener noreferrer">
-                            <img id="header_' . $network . '_content" src="assets/' . $network . '.svg" alt="'. $network . '_alt">
+                            <img id="header_' . $network . '_content" src="assets/' . $network . ($checked ? '' : '-nb') . '.svg" alt="'. $network . '_alt">
                         </a>
                         <input type="text" id="header_' . $network . '_input" class="hidden" value="' . ($social[$network] ?? "") . '" placeholder="nom du réseau social" size="30">
                             <img id="header_' . $network . '_open" class="action_icon" src="assets/edit.svg" onclick="header_' . $network . '.open()">