diff options
author | polo <ordipolo@gmx.fr> | 2025-04-22 00:39:54 +0200 |
---|---|---|
committer | polo <ordipolo@gmx.fr> | 2025-04-22 00:39:54 +0200 |
commit | a3ba7dde60dc1c94b7170ec28266a966e5004d33 (patch) | |
tree | 279699afbf52270780dff8d1a4756efe217c15f6 /public/js/main.js | |
parent | eb3e1eb8c8365d3b3d1d39f24314ba420255afc2 (diff) | |
download | cms-a3ba7dde60dc1c94b7170ec28266a966e5004d33.zip |
page menu et chemin, partie 2
Diffstat (limited to 'public/js/main.js')
-rw-r--r-- | public/js/main.js | 57 |
1 files changed, 27 insertions, 30 deletions
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){ | |||
204 | return null; | 204 | return null; |
205 | } | 205 | } |
206 | 206 | ||
207 | |||
207 | /* page Menu et chemins */ | 208 | /* page Menu et chemins */ |
208 | function moveOneLevelUp(){} | 209 | function moveOneLevelUp(){} |
209 | function moveOneLevelDown(){} | 210 | function moveOneLevelDown(){} |
@@ -250,7 +251,6 @@ function switchMenuPositions(page_id, direction) | |||
250 | console.error('Échec de l\'inversion'); | 251 | console.error('Échec de l\'inversion'); |
251 | } | 252 | } |
252 | 253 | ||
253 | // remplacement du menu | ||
254 | nav_zone.innerHTML = ''; | 254 | nav_zone.innerHTML = ''; |
255 | nav_zone.insertAdjacentHTML('afterbegin', data.nav); | 255 | nav_zone.insertAdjacentHTML('afterbegin', data.nav); |
256 | } | 256 | } |
@@ -265,37 +265,34 @@ function switchMenuPositions(page_id, direction) | |||
265 | } | 265 | } |
266 | 266 | ||
267 | function checkMenuEntry(page_id){ | 267 | function checkMenuEntry(page_id){ |
268 | const nav_zone = document.getElementById("nav_zone"); // parent de <nav> | ||
268 | const clicked_menu_entry = document.getElementById(page_id); // div parente du bouton | 269 | const clicked_menu_entry = document.getElementById(page_id); // div parente du bouton |
269 | const checkbox = clicked_menu_entry.querySelector("input"); | 270 | const checkbox = clicked_menu_entry.querySelector("input"); |
270 | |||
271 | let color; | 271 | let color; |
272 | if(checkbox.checked){ | ||
273 | color = "#ff1d04"; | ||
274 | checked = true; | ||
275 | } | ||
276 | else{ | ||
277 | color = "grey"; | ||
278 | checked = false; | ||
279 | } | ||
280 | 272 | ||
281 | // contrôle check impossible si le parent le plus ancien est unchecked | 273 | fetch('index.php?menu_edit=displayInMenu', { |
282 | // | 274 | method: 'POST', |
283 | 275 | headers: { | |
284 | // sur l'élément concerné | 276 | 'Content-Type': 'application/json' |
285 | clicked_menu_entry.querySelector("button").style.color = color; | 277 | }, |
286 | 278 | body: JSON.stringify({ id: clicked_menu_entry.id, checked: checkbox.checked }) | |
287 | // même chose sur les enfants | 279 | }) |
288 | /*try{ | 280 | .then(response => response.json()) |
289 | const level_markup = clicked_menu_entry.querySelector('.level'); | 281 | .then(data => { |
290 | //const other_buttons = .querySelectorAll("button"); | 282 | if(data.success) |
291 | level_markup.querySelectorAll("input").forEach(input => { | 283 | { |
292 | input.checked = checked; | 284 | color = checkbox.checked ? "#ff1d04" : "grey"; |
293 | }); | 285 | clicked_menu_entry.querySelector("button").style.color = color; |
294 | level_markup.querySelectorAll("button").forEach(button => { | 286 | |
295 | button.style.color = color; | 287 | nav_zone.innerHTML = ''; |
296 | }); | 288 | nav_zone.insertAdjacentHTML('afterbegin', data.nav); |
297 | } | 289 | } |
298 | catch(error){ | 290 | else { |
299 | console.log("pas d'enfant"); | 291 | |
300 | }*/ | 292 | console.error('Échec de l\'inversion'); |
293 | } | ||
294 | }) | ||
295 | .catch(error => { | ||
296 | console.error('Erreur:', error); | ||
297 | }); | ||
301 | } \ No newline at end of file | 298 | } \ No newline at end of file |