From 06d9c7882a731c5b28dd8a6d159663801d7aea1f Mon Sep 17 00:00:00 2001
From: Curry141 <135717077+Daniongithub@users.noreply.github.com>
Date: Mon, 25 Aug 2025 12:00:07 +0200
Subject: [PATCH] Improving search sytem.

---
 .../servizi/start-fermatebus/css/style.css    |  4 +
 .../servizi/start-fermatebus/index.html       |  4 +-
 .../start-fermatebus/js/cercafermata.js       | 16 +++-
 .../js/cercafermatamiglioreamioparere.js      | 76 -------------------
 4 files changed, 18 insertions(+), 82 deletions(-)
 delete mode 100644 start_menu/servizi/start-fermatebus/js/cercafermatamiglioreamioparere.js

diff --git a/start_menu/servizi/start-fermatebus/css/style.css b/start_menu/servizi/start-fermatebus/css/style.css
index 7295a8c..64f42a3 100644
--- a/start_menu/servizi/start-fermatebus/css/style.css
+++ b/start_menu/servizi/start-fermatebus/css/style.css
@@ -16,6 +16,10 @@ body {
     font-family: Titillium Web;
 }
 
+input{
+    margin-top: 5px;
+}
+
 .search-result {
     border: 2px solid white;
     border-radius: 8px;
diff --git a/start_menu/servizi/start-fermatebus/index.html b/start_menu/servizi/start-fermatebus/index.html
index af8cbe2..c548298 100644
--- a/start_menu/servizi/start-fermatebus/index.html
+++ b/start_menu/servizi/start-fermatebus/index.html
@@ -23,12 +23,12 @@
     <h1>Visualizzatore fermate START Romagna</h1>
     <label for="bacino">Bacino:</label>
     <select id="bacino">
-        <option value="" selected>--Scegli un'opzione--</option>
+        <option value="n" selected>--Scegli un'opzione--</option>
         <option value="ra">Ravenna</option>
         <option value="rn">Rimini</option>
         <option value="fc">Forlì-Cesena</option>
     </select>
-    <div>
+    <div id="ricerca" style="display: none;">
         <label for="searchBar">Cerca fermata:</label>
         <input type="text" id="searchBar" placeholder="Cerca una fermata...">
     </div>
diff --git a/start_menu/servizi/start-fermatebus/js/cercafermata.js b/start_menu/servizi/start-fermatebus/js/cercafermata.js
index 43a35a7..617a563 100644
--- a/start_menu/servizi/start-fermatebus/js/cercafermata.js
+++ b/start_menu/servizi/start-fermatebus/js/cercafermata.js
@@ -50,16 +50,23 @@ document.getElementById('bacino').addEventListener('change', function(event) {
     const selectedOption = event.target.value;
     currentSelectedOption = selectedOption;
 
-    if (!selectedOption) {
+    const ricerca = document.getElementById('ricerca');
+    ricerca.removeAttribute('style');
+
+    document.getElementById('searchBar').value = "";
+    
+    if(selectedOption == "n"){
+        ricerca.setAttribute("style", "display: none;");
         allOptions = [];
         document.getElementById('searchResults').innerHTML = '';
         return;
     }
 
-    const resultsContainer = document.getElementById('searchResults');
-    resultsContainer.innerHTML = '<p>Caricamento lista fermate in corso...</p>';
+    if(selectedOption != "n"){
+        const resultsContainer = document.getElementById('searchResults');
+        resultsContainer.innerHTML = '<p>Caricamento lista fermate in corso...</p>';
 
-    fetch(`https://api.vichingo455.freeddns.org/fermateapi/bacino?selectedOption=${selectedOption}`)
+        fetch(`https://api.vichingo455.freeddns.org/fermateapi/bacino?selectedOption=${selectedOption}`)
         .then(res => res.json())
         .then(data => {
             allOptions = data;
@@ -69,4 +76,5 @@ document.getElementById('bacino').addEventListener('change', function(event) {
             resultsContainer.innerHTML = '<p>Errore nel caricamento delle fermate.</p>';
             console.error('Errore:', err);
         });
+    }
 });
\ No newline at end of file
diff --git a/start_menu/servizi/start-fermatebus/js/cercafermatamiglioreamioparere.js b/start_menu/servizi/start-fermatebus/js/cercafermatamiglioreamioparere.js
deleted file mode 100644
index 06e7476..0000000
--- a/start_menu/servizi/start-fermatebus/js/cercafermatamiglioreamioparere.js
+++ /dev/null
@@ -1,76 +0,0 @@
-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);
-        });
-});
\ No newline at end of file