daniele
/
ER-TPL
mirror of https://github.com/Daniongithub/ER-TPL.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Aggiunto input manuale codice fermate cercaorario seta

This commit is contained in:
Leocraft1 2025-07-26 18:52:06 +02:00
parent e856d4a361
commit 811ed04e23
4 changed files with 78 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
seta_menu/cercaorario/css/style.css
View File

@ -124,10 +124,18 @@ a {
font-size: 16px; font-size: 16px;
border-radius: 6px; border-radius: 6px;
border: 1px solid var(--border-color); border: 1px solid var(--border-color);
width: 20vw;
}
#stopCodeBar {
padding: 10px;
font-size: 16px;
border-radius: 6px;
border: 1px solid var(--border-color);
width: 20vw;
} }
footer { footer {
position: fixed; position: relative;
bottom: 0; bottom: 0;
left: 0; left: 0;
width: 100%; width: 100%;

7
seta_menu/cercaorario/fermata.html
View File

@ -12,15 +12,18 @@
</head> </head>
<body> <body>
<header> <header>
<nav> <nav style="display: flex;">
<ul> <ul>
<li><a href="/seta_menu/cercaorario/index.html"><h1 style="font-size: 100%;font-weight: 500;">Torna indietro</h1></a></li> <li><a href="/seta_menu/cercaorario/index.html"><h1 style="font-size: 100%;font-weight: 500;">Torna indietro</h1></a></li>
</ul> </ul>
<ul style="flex:1;justify-content: right;">
<li><a href=""><h1 style="font-size: 100%;font-weight: 500;">Aggiorna</h1></a></li>
</ul>
</nav> </nav>
</header> </header>
<h2>Informazioni fermata <span id="fermata-span"></span></h2> <h2>Informazioni fermata <span id="fermata-span"></span></h2>
<div id="tabella-container">Caricamento dati...</div> <div id="tabella-container">Caricamento dati...</div>
<footer> <footer class="relative">
<div> <div>
<p>Copyright (C) 2025 ER-TPL Team - <a href="https://ertpl.pages.dev" target="_blank">ertpl.pages.dev</a> - code by Il Dani & SetaModenaFanpage <a href="about:blank" target="_blank">Codice Sorgente (Inserire link)</a></p> <p>Copyright (C) 2025 ER-TPL Team - <a href="https://ertpl.pages.dev" target="_blank">ertpl.pages.dev</a> - code by Il Dani & SetaModenaFanpage <a href="about:blank" target="_blank">Codice Sorgente (Inserire link)</a></p>
</div> </div>

9
seta_menu/cercaorario/index.html
View File

@ -14,7 +14,7 @@
<header> <header>
<nav> <nav>
<ul> <ul>
<li><h1 class="warning">ATTENZIONE! Il servizio è ancora in fase di sviluppo e mancano le fermate di ritorno (codici 4000 in su), inoltre le corse vengono al momento duplicate, riferirsi sempre, se disponibile, a quella in tempo reale.</h1></li> <li><h1 class="warning">ATTENZIONE! Il servizio è ancora in fase di sviluppo e le fermate potrebbero essere non corrette, mancano i ritorni, inoltre le corse vengono al momento duplicate, riferirsi sempre, se disponibile, a quella in tempo reale.</h1></li>
</ul> </ul>
<ul> <ul>
<li><a href="/index.html"><h1 style="font-size: 100%;font-weight: 500;">Home</h1></a></li> <li><a href="/index.html"><h1 style="font-size: 100%;font-weight: 500;">Home</h1></a></li>
@ -35,8 +35,13 @@
<div> <div>
<input type="text" id="searchBar" placeholder="Cerca una fermata..."> <input type="text" id="searchBar" placeholder="Cerca una fermata...">
</div> </div>
<h3 style="margin: 16px;">Oppure:</h3>
<div>
<input type="text" id="stopCodeBar" placeholder="Inserisci un codice fermata...">
</div>
<p id="warning-mo">Attenzione! Se la palina non riporta MO all'inizio del codice, il MO NON va inserito!</p>
<div id="searchResults"></div> <div id="searchResults"></div>
<footer id="footer"> <footer>
<div> <div>
<p>Copyright (C) 2025 ER-TPL Team - <a href="https://ertpl.pages.dev" target="_blank">ertpl.pages.dev</a> - code by Il Dani & SetaModenaFanpage <a href="about:blank" target="_blank">Codice Sorgente (Inserire link)</a> - I loghi SETA Spa sono marchi registrati e sono inseriti in questo sito solo a scopo di illustrazione.</p> <p>Copyright (C) 2025 ER-TPL Team - <a href="https://ertpl.pages.dev" target="_blank">ertpl.pages.dev</a> - code by Il Dani & SetaModenaFanpage <a href="about:blank" target="_blank">Codice Sorgente (Inserire link)</a> - I loghi SETA Spa sono marchi registrati e sono inseriti in questo sito solo a scopo di illustrazione.</p>
</div> </div>

60
seta_menu/cercaorario/js/cercafermata.js
View File

@ -1,8 +1,10 @@
const searchBar = document.getElementById('searchBar'); const searchBar = document.getElementById('searchBar');
const stopCodeBar = document.getElementById('stopCodeBar');
const resultsContainer = document.getElementById('searchResults'); const resultsContainer = document.getElementById('searchResults');
let allresults = []; let allresults = [];
window.onbeforeunload=searchBar.value=""; window.onbeforeunload=searchBar.value="";
window.onbeforeunload=stopCodeBar.value="";
const url = 'https://setaapi.serverissimo.freeddns.org/stoplist'; const url = 'https://setaapi.serverissimo.freeddns.org/stoplist';
fetch(url) fetch(url)
@ -16,8 +18,6 @@ fetch(url)
.catch(error => console.error('Errore nel caricamento dei dati:', error)); .catch(error => console.error('Errore nel caricamento dei dati:', error));
searchBar.addEventListener('input', () => { searchBar.addEventListener('input', () => {
const footer=document.getElementById('footer');
footer.innerHTML='';
const searchTerm = searchBar.value.toLowerCase(); const searchTerm = searchBar.value.toLowerCase();
const filtered = allresults.filter(item => const filtered = allresults.filter(item =>
item.fermata.toLowerCase().includes(searchTerm) item.fermata.toLowerCase().includes(searchTerm)
@ -25,6 +25,60 @@ searchBar.addEventListener('input', () => {
renderresults(filtered); renderresults(filtered);
}); });
stopCodeBar.addEventListener('input', () => {
var code=stopCodeBar.value.toUpperCase();
code="MO"+code;
//renderresultscode(filtered);
const searchResultsContainer = document.getElementById('searchResults');
const warning=document.getElementById('warning-mo');
warning.innerHTML='';
searchResultsContainer.innerHTML = '';
const div = document.createElement('div');
div.className = 'search-result';
div.innerHTML = `
<div>
<h3>${code}</h3>
<p>Codice fermata: ${code}</p>
</div>
`;
div.addEventListener('click', () => {
const url = `fermata.html?code=${encodeURIComponent(code)}&name=${encodeURIComponent(code)}`;
parent.location=url;
});
searchResultsContainer.appendChild(div);
if (stopCodeBar.value == '') {
resultsContainer.innerHTML='';
warning.innerHTML = `
Attenzione! Se la palina non riporta MO all'inizio del codice, il MO viene inserito in automatico!
`;
return;
}
});
function renderresultscode(results) {
const searchResultsContainer = document.getElementById('searchResults');
searchResultsContainer.innerHTML = '';
const div = document.createElement('div');
div.className = 'search-result';
div.innerHTML = `
<div>
<h3>${results.fermata}</h3>
<p>Codice fermata: ${results.valore}</p>
</div>
`;
div.addEventListener('click', () => {
const url = `fermata.html?code=${encodeURIComponent(item.valore)}&name=${encodeURIComponent(item.fermata)}`;
parent.location=url;
});
searchResultsContainer.appendChild(div);
}
function renderresults(results) { function renderresults(results) {
const searchResultsContainer = document.getElementById('searchResults'); const searchResultsContainer = document.getElementById('searchResults');
searchResultsContainer.innerHTML = ''; searchResultsContainer.innerHTML = '';
@ -46,7 +100,7 @@ function renderresults(results) {
div.addEventListener('click', () => { div.addEventListener('click', () => {
const url = `fermata.html?code=${encodeURIComponent(item.valore)}&name=${encodeURIComponent(item.fermata)}`; const url = `fermata.html?code=${encodeURIComponent(item.valore)}&name=${encodeURIComponent(item.fermata)}`;
window.open(url, '_blank'); parent.location=url;
}); });
searchResultsContainer.appendChild(div); searchResultsContainer.appendChild(div);