From 692ef13574ed3a52c6da806be7648744714d0159 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Nicol=C3=B2=20P=2E?= Date: Fri, 22 May 2026 21:57:23 +0200 Subject: [PATCH] Search sidebar (WIP) --- webgis/index.html | 145 ++++++++++------------- webgis/js/controllers/form_controller.js | 2 +- webgis/js/controllers/menu_controller.js | 18 +++ 3 files changed, 80 insertions(+), 85 deletions(-) diff --git a/webgis/index.html b/webgis/index.html index 0dbd41b..efbe9f9 100644 --- a/webgis/index.html +++ b/webgis/index.html @@ -65,9 +65,9 @@ @@ -82,6 +82,64 @@ + - - diff --git a/webgis/js/controllers/form_controller.js b/webgis/js/controllers/form_controller.js index b471075..20f9565 100644 --- a/webgis/js/controllers/form_controller.js +++ b/webgis/js/controllers/form_controller.js @@ -20,7 +20,7 @@ export default class extends Controller { const data = new FormData(event.target); for (const entry of data.entries()) { - console.log(entry); + console.log(entry[0]); } } } diff --git a/webgis/js/controllers/menu_controller.js b/webgis/js/controllers/menu_controller.js index 6ab18f8..f68f198 100644 --- a/webgis/js/controllers/menu_controller.js +++ b/webgis/js/controllers/menu_controller.js @@ -6,6 +6,7 @@ export default class extends Controller { 'list', 'menu', 'cartography', + 'search', 'icon' ]; @@ -86,12 +87,17 @@ export default class extends Controller { toggleMenu(event) { const menuId = event.target.dataset.id; + console.debug(menuId, event.target); + // Stupid... if (menuId === 'main') { this.menuTarget.classList.toggle('is-hidden'); if (!this.cartographyTarget.classList.contains('is-hidden')) { this.cartographyTarget.classList.add('is-hidden'); } + if (!this.searchTarget.classList.contains('is-hidden')) { + this.searchTarget.classList.add('is-hidden'); + } } if (menuId === 'cartography') { @@ -99,6 +105,18 @@ export default class extends Controller { if (!this.menuTarget.classList.contains('is-hidden')) { this.menuTarget.classList.add('is-hidden'); } + if (!this.searchTarget.classList.contains('is-hidden')) { + this.searchTarget.classList.add('is-hidden'); + } + } + if (menuId === 'search') { + this.searchTarget.classList.toggle('is-hidden'); + if (!this.menuTarget.classList.contains('is-hidden')) { + this.menuTarget.classList.add('is-hidden'); + } + if (!this.cartographyTarget.classList.contains('is-hidden')) { + this.cartographyTarget.classList.add('is-hidden'); + } } }