Piccolo easter egg

start_menu/servizi/start-fermatebus/js/cercafermata.js

@@ -19,7 +19,7 @@ function populateSearchResults(results, selectedOption) {
 
         div.addEventListener('click', () => {
             const url = `fermata.html?palina=${encodeURIComponent(item.palina)}&targetID=${encodeURIComponent(item.targetID)}&selectedOption=${encodeURIComponent(selectedOption)}`;
-            window.open(url, '_blank');
+            window.open(url, "_blank");
         });
 
         searchResultsContainer.appendChild(div);

start_menu/servizi/start-fermatebus/js/cercafermatamiglioreamioparere.js

@@ -0,0 +1,76 @@
+function populateSearchResults(results, selectedOption) {
+    const searchResultsContainer = document.getElementById('searchResults');
+    searchResultsContainer.innerHTML = '';
+
+    if (results.length === 0) {
+        searchResultsContainer.innerHTML = '<p>Nessun risultato trovato</p>';
+        return;
+    }
+    var w = 900;
+    var h = 600;
+    var l = Math.floor((screen.width-w)/2);
+    var t = Math.floor((screen.height-h)/2);
+
+    results.forEach(item => {
+        const div = document.createElement('div');
+        div.className = 'search-result';
+        div.innerHTML = `
+            <div>
+                <h3>${item.nome}</h3>
+                <p>Palina: ${item.palina}, Target ID: ${item.targetID}</p>
+            </div>
+        `;
+
+        div.addEventListener('click', () => {
+            const url = `fermata.html?palina=${encodeURIComponent(item.palina)}&targetID=${encodeURIComponent(item.targetID)}&selectedOption=${encodeURIComponent(selectedOption)}`;
+            window.open(url, "","top=" + t + ",left=" + l + ",width=" + w + ",height=" + h + ",status=no,menubar=no,toolbar=no scrollbars=yes");
+        });
+
+        searchResultsContainer.appendChild(div);
+    });
+}
+
+function filterOptions(query, data) {
+    const q = query.toLowerCase();
+    return data.filter(item =>
+        (item.nome || '').toLowerCase().includes(q) ||
+        (item.palina || '').toLowerCase().includes(q) ||
+        (item.targetID || '').toLowerCase().includes(q)
+    );
+}
+
+
+let allOptions = [];
+let currentSelectedOption = '';
+
+const searchBar = document.getElementById('searchBar');
+searchBar.addEventListener('input', function() {
+    const query = searchBar.value;
+    const filteredOptions = filterOptions(query, allOptions);
+    populateSearchResults(filteredOptions, currentSelectedOption);
+});
+
+document.getElementById('bacino').addEventListener('change', function(event) {
+    const selectedOption = event.target.value;
+    currentSelectedOption = selectedOption;
+
+    if (!selectedOption) {
+        allOptions = [];
+        document.getElementById('searchResults').innerHTML = '';
+        return;
+    }
+
+    const resultsContainer = document.getElementById('searchResults');
+    resultsContainer.innerHTML = '<p>Caricamento lista fermate in corso...</p>';
+
+    fetch(`https://api.vichingo455.freeddns.org/fermateapi/bacino?selectedOption=${selectedOption}`)
+        .then(res => res.json())
+        .then(data => {
+            allOptions = data;
+            populateSearchResults(allOptions, selectedOption);
+        })
+        .catch(err => {
+            resultsContainer.innerHTML = '<p>Errore nel caricamento delle fermate.</p>';
+            console.error('Errore:', err);
+        });
+});