Fix vari = ricerca per compagnia

2025-10-02 16:50:48 +00:00 · 2025-04-11 15:32:33 +02:00
parent 8f19e373ed
commit b8b5212bc3
13 changed files with 269 additions and 178 deletions
--- a/scripts/startsearch.js
+++ b/scripts/startsearch.js
@@ -0,0 +1,57 @@
+        const searchBar = document.getElementById('searchBar');
+        const productsContainer = document.getElementById('bus-container');
+        const buttons = document.getElementById('buttons');
+
+        let allProducts = [];
+
+        const url = '/scripts/startbus.json';
+        fetch(url)
+            .then(response => {
+                if (!response.ok) throw new Error("Errore nel caricamento dei dati.");
+                return response.json();
+            })
+            .then(data => {
+                allProducts = data;
+            })
+            .catch(error => console.error('Errore nel caricamento dei dati:', error));
+
+        searchBar.addEventListener('input', () => {
+            if (searchBar.value == '') {
+                productsContainer.innerHTML = ' ';
+                buttons.innerHTML = `
+                <div class="verticale">
+                    <h3>Oppure sfoglia una categoria</h3>
+                    <h3>Oppure sfoglia una categoria</h3>
+                    <a href="/start_menu/starturbano.html" class="button">Urbano</a>
+                    <a href="/start_menu/startsub.html" class="button">Suburbano</a>
+                    <a href="/start_menu/startextra.html" class="button">Extraurbano</a>
+                </div>
+                <div style="height: 35px;"></div>
+                <div>
+                    <a class="gbutton" href="/startravenna_bus/listamezzi.html">Lista mezzi</a>
+                </div>
+                `;
+                return;
+            }
+            buttons.innerHTML = ' ';
+                const searchTerm = searchBar.value.toLowerCase();
+                const filtered = allProducts.filter(bus =>
+                    bus.matricola.toLowerCase().includes(searchTerm)
+                );
+                renderProducts(filtered);
+        });
+
+        function renderProducts(products) {
+            productsContainer.innerHTML = '';
+            products.forEach(bus => {
+                const div = document.createElement('div');
+                div.className = 'product-card';
+                div.innerHTML = `
+                    <a href="${bus.link}">
+                    <h3>${bus.matricola}</h3>
+                    <p>${bus.modello}</p>
+                    <p>${bus.settore}</p></a>
+                `;
+                productsContainer.appendChild(div);
+            });
+        }