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

Corsie stazione

This commit is contained in:
Leocraft1 2025-07-28 11:14:14 +02:00
parent 49d0a7fad4
commit 78e877e915
3 changed files with 71 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -8,7 +8,7 @@ body {
.search-result { .search-result {
border: 2px solid white; border: 2px solid white;
border-radius: 8px; border-radius: 8px;
width: 15%; width: 20vw;
margin: auto; margin: auto;
margin-left: 5px; margin-left: 5px;
margin-right: 5px; margin-right: 5px;
@ -75,9 +75,12 @@ nav {
flex-shrink: 0; flex-shrink: 0;
} }
nav.index { nav#corsie-nav ul{
display: flex; justify-content: center;
min-height: 51px; }
nav#corsie-nav ul li a{
color: white;
text-decoration: underline;
} }
nav ul li { nav ul li {
@ -144,6 +147,9 @@ footer {
width: 100%; width: 100%;
} }
div.search-result div{ div.search-result div{
margin-left: 2px; margin-left: 10px;
margin-right: 2px; margin-right: 10px;
}
p.space{
width: 20px;
} }

1
seta_menu/cercaorario/fermata.html
View File

@ -22,6 +22,7 @@
</nav> </nav>
</header> </header>
<h2>Informazioni fermata <span id="fermata-span"></span></h2> <h2>Informazioni fermata <span id="fermata-span"></span></h2>
<nav id="corsie-nav"></nav>
<div id="tabella-container">Caricamento dati...</div> <div id="tabella-container">Caricamento dati...</div>
<p>Il ritardo viene espresso rispetto all'orario previsto, quello indicato, se disponibile, è l'orario di arrivo in tempo reale.</p> <p>Il ritardo viene espresso rispetto all'orario previsto, quello indicato, se disponibile, è l'orario di arrivo in tempo reale.</p>
<footer> <footer>

58
seta_menu/cercaorario/js/fermata.js
View File

@ -5,6 +5,64 @@ const codice = params.get('code');
//Sets stop name //Sets stop name
const fermata_span = document.getElementById('fermata-span'); const fermata_span = document.getElementById('fermata-span');
fermata_span.innerHTML = `"${nome}"`; fermata_span.innerHTML = `"${nome}"`;
//Set corsie per stazione o autostazione
const corsie_nav = document.getElementById('corsie-nav');
if(nome=="STAZIONE FS (Corsia 1)"){
corsie_nav.innerHTML = `
<ul>
<li>
<a href="/seta_menu/cercaorario/fermata.html?code=MO6133&name=STAZIONE%20FS%20(Corsia%202)">Corsia 2</a>
</li>
<li>
<a href="/seta_menu/cercaorario/fermata.html?code=MO6134&name=STAZIONE%20FS%20(Corsia%203)">Corsia 3</a>
</li>
<li>
<a href="/seta_menu/cercaorario/fermata.html?code=MO6119&name=STAZIONE%20FS%20(Corsia%204)">Corsia 4</a>
</li>
</ul>`;
}
if(nome=="STAZIONE FS (Corsia 2)"){
corsie_nav.innerHTML = `
<ul>
<li>
<a href="/seta_menu/cercaorario/fermata.html?code=MO6132&name=STAZIONE%20FS%20(Corsia%201)">Corsia 1</a>
</li>
<li>
<a href="/seta_menu/cercaorario/fermata.html?code=MO6134&name=STAZIONE%20FS%20(Corsia%203)">Corsia 3</a>
</li>
<li>
<a href="/seta_menu/cercaorario/fermata.html?code=MO6119&name=STAZIONE%20FS%20(Corsia%204)">Corsia 4</a>
</li>
</ul>`;
}
if(nome=="STAZIONE FS (Corsia 3)"){
corsie_nav.innerHTML = `
<ul>
<li>
<a href="/seta_menu/cercaorario/fermata.html?code=MO6132&name=STAZIONE%20FS%20(Corsia%201)">Corsia 1</a>
</li>
<li>
<a href="/seta_menu/cercaorario/fermata.html?code=MO6133&name=STAZIONE%20FS%20(Corsia%202)">Corsia 2</a>
</li>
<li>
<a href="/seta_menu/cercaorario/fermata.html?code=MO6119&name=STAZIONE%20FS%20(Corsia%204)">Corsia 4</a>
</li>
</ul>`;
}
if(nome=="STAZIONE FS (Corsia 4)"){
corsie_nav.innerHTML = `
<ul>
<li>
<a href="/seta_menu/cercaorario/fermata.html?code=MO6132&name=STAZIONE%20FS%20(Corsia%201)">Corsia 1</a>
</li>
<li>
<a href="/seta_menu/cercaorario/fermata.html?code=MO6133&name=STAZIONE%20FS%20(Corsia%202)">Corsia 2</a>
</li>
<li>
<a href="/seta_menu/cercaorario/fermata.html?code=MO6134&name=STAZIONE%20FS%20(Corsia%203)">Corsia 3</a>
</li>
</ul>`;
}
const urlBackend = `https://setaapi.serverissimo.freeddns.org/arrivals/${codice}`; const urlBackend = `https://setaapi.serverissimo.freeddns.org/arrivals/${codice}`;
//const urlBackend = `http://localhost:5001/arrivals/${codice}`; //const urlBackend = `http://localhost:5001/arrivals/${codice}`;