diff --git a/index.html b/index.html index 8ae26bc..6556bc4 100644 --- a/index.html +++ b/index.html @@ -68,5 +68,6 @@
Chi siamo -
+ \ No newline at end of file diff --git a/start_menu/servizi/start-fermatebus/css/style.css b/start_menu/servizi/start-fermatebus/css/style.css index 4a84078..da7a086 100644 --- a/start_menu/servizi/start-fermatebus/css/style.css +++ b/start_menu/servizi/start-fermatebus/css/style.css @@ -127,4 +127,17 @@ footer { list-style-type: disc; list-style-position: inside; margin-bottom: 10px; +} +#radios{ + margin-top: 15px; + margin-bottom: 15px; + display: flex; + justify-content: center ; +} +form#radios div{ + width: auto; + margin-left: 10px; + padding: 8px; + border: 2px #404040 solid; + border-radius: 8px; } \ No newline at end of file diff --git a/start_menu/servizi/start-fermatebus/index.html b/start_menu/servizi/start-fermatebus/index.html index 0d549eb..d1ad06f 100644 --- a/start_menu/servizi/start-fermatebus/index.html +++ b/start_menu/servizi/start-fermatebus/index.html @@ -2,7 +2,7 @@ - + START Romagna - Visualizza fermata @@ -30,6 +30,24 @@ diff --git a/start_menu/servizi/start-fermatebus/js/cercafermata.js b/start_menu/servizi/start-fermatebus/js/cercafermata.js index 617a563..7ffdf56 100644 --- a/start_menu/servizi/start-fermatebus/js/cercafermata.js +++ b/start_menu/servizi/start-fermatebus/js/cercafermata.js @@ -26,6 +26,11 @@ function populateSearchResults(results, selectedOption) { }); } +function getFermatadaBreve(codbreve){ + const middle = String(codbreve).padStart(4, "0"); + return `7${middle}0`; +} + function filterOptions(query, data) { const q = query.toLowerCase(); return data.filter(item => @@ -46,10 +51,27 @@ searchBar.addEventListener('input', function() { populateSearchResults(filteredOptions, currentSelectedOption); }); +searchBar.addEventListener('input', function() { + const query = searchBar.value; + let filteredOptions; + + if (currentSelectedOption !== "ra") { + filteredOptions = filterOptions(query, allOptions); + } else { + //placeholder: qui metteremo il filtro dettagliato per "ra" + filteredOptions = filterOptions(query, allOptions); + //TODO: implementare filtro "ra" custom + } + + populateSearchResults(filteredOptions, currentSelectedOption); +}); + + document.getElementById('bacino').addEventListener('change', function(event) { const selectedOption = event.target.value; currentSelectedOption = selectedOption; + const radiobuttons = document.getElementById('radios'); const ricerca = document.getElementById('ricerca'); ricerca.removeAttribute('style'); @@ -57,10 +79,14 @@ document.getElementById('bacino').addEventListener('change', function(event) { if(selectedOption == "n"){ ricerca.setAttribute("style", "display: none;"); + radiobuttons.setAttribute("style", "display: none;"); allOptions = []; document.getElementById('searchResults').innerHTML = ''; return; } + else if(selectedOption == "ra"){ + radiobuttons.removeAttribute('style') + } if(selectedOption != "n"){ const resultsContainer = document.getElementById('searchResults');