mirror of
https://github.com/Daniongithub/ER-TPL.git
synced 2025-10-02 19:30:48 +00:00
Beta businserivizio seta
This commit is contained in:
132
seta_menu/businservizio/js/fermata.js
Normal file
132
seta_menu/businservizio/js/fermata.js
Normal file
@@ -0,0 +1,132 @@
|
||||
const params = new URLSearchParams(window.location.search);
|
||||
const nome = params.get('name');
|
||||
const codice = params.get('code');
|
||||
|
||||
//Sets stop name
|
||||
const fermata_span = document.getElementById('fermata-span');
|
||||
fermata_span.textContent=nome;
|
||||
//Set corsie per stazione o autostazione
|
||||
const corsie_nav = document.getElementById('corsie-nav');
|
||||
if(nome.includes("STAZIONE FS")){
|
||||
corsie_nav.innerHTML = `
|
||||
<ul>
|
||||
<li>
|
||||
<a href="/seta_menu/cercaorario/altrecorsie.html?location=STAZIONE FS">Altre corsie</a>
|
||||
</li>
|
||||
</ul>`;
|
||||
}
|
||||
if(nome.includes("MODENA AUTOSTAZIONE")){
|
||||
corsie_nav.innerHTML = `
|
||||
<ul>
|
||||
<li>
|
||||
<a href="/seta_menu/cercaorario/altrecorsie.html?location=MODENA AUTOSTAZIONE">Altre corsie</a>
|
||||
</li>
|
||||
</ul>`;
|
||||
}
|
||||
if(nome.includes("GARIBALDI")){
|
||||
corsie_nav.innerHTML = `
|
||||
<ul>
|
||||
<li>
|
||||
<a href="/seta_menu/cercaorario/altrecorsie.html?location=GARIBALDI">Altre corsie</a>
|
||||
</li>
|
||||
</ul>`;
|
||||
}
|
||||
|
||||
const urlBackend = `https://setaapi.serverissimo.freeddns.org/arrivals/${codice}`;
|
||||
//const urlBackend = `http://localhost:5001/arrivals/${codice}`;
|
||||
function caricadati(){
|
||||
fetch(urlBackend)
|
||||
.then(response => {
|
||||
if (!response.ok) throw new Error("Errore nel caricamento dei dati.");
|
||||
return response.json();
|
||||
})
|
||||
.then(data => {
|
||||
item = data.arrival;
|
||||
})
|
||||
.then(data => {
|
||||
|
||||
const container = document.getElementById('tabella-container');
|
||||
container.innerHTML = '';
|
||||
|
||||
if (element.error=="no arrivals scheduled in next 90 minutes") {
|
||||
container.innerHTML = '<h3>Nessuna corsa programmata nei prossimi 90 minuti.</h3>';
|
||||
return;
|
||||
}
|
||||
// Creo tabella
|
||||
const table = document.createElement('table');
|
||||
|
||||
// Intestazione
|
||||
const thead = document.createElement('thead');
|
||||
thead.innerHTML = `
|
||||
<tr>
|
||||
<th class="linea">Linea</th>
|
||||
<th class="direzione">Direzione</th>
|
||||
<th class="orario">Orario (Rit/Ant)</th>
|
||||
<th class="stato">Stato corsa</th>
|
||||
<th class="veicolo">Veicolo</th>
|
||||
<th class="location">Ora si trova a</th>
|
||||
</tr>
|
||||
`;
|
||||
table.appendChild(thead);
|
||||
|
||||
// Corpo tabella
|
||||
const tbody = document.createElement('tbody');
|
||||
element.services.forEach(item => {
|
||||
const tr = document.createElement('tr');
|
||||
if(element.type=="planned"){
|
||||
var stato="Prevista";
|
||||
}else{
|
||||
var stato="In tempo reale";
|
||||
}if(element.next_stop==null){
|
||||
var posizione="";
|
||||
}else{
|
||||
var posizione=element.next_stop;
|
||||
}
|
||||
if(element.delay==undefined){
|
||||
tr.innerHTML = `
|
||||
<td>${element.service}</td>
|
||||
<td>${element.destination}</td>
|
||||
<td>${element.arrival}</td>
|
||||
<td>${stato}</td>
|
||||
<td><a href="https://wimb.setaweb.it/qm/index.html?id=${element.busnum}" class="bianco">${element.busnum}</a></td>
|
||||
<td>${posizione}</td>
|
||||
`;
|
||||
tbody.appendChild(tr);
|
||||
}else{
|
||||
if(element.delay>0){
|
||||
tr.innerHTML = `
|
||||
<td>${element.service}</td>
|
||||
<td>${element.destination}</td>
|
||||
<td>${element.arrival} (+${element.delay})</td>
|
||||
<td>${stato}</td>
|
||||
<td><a href="https://wimb.setaweb.it/qm/index.html?id=${element.busnum}" class="bianco">${element.busnum}</a></td>
|
||||
<td>${posizione}</td>
|
||||
`;
|
||||
tbody.appendChild(tr);
|
||||
}else{
|
||||
tr.innerHTML = `
|
||||
<td>${element.service}</td>
|
||||
<td>${element.destination}</td>
|
||||
<td>${element.arrival} (${element.delay})</td>
|
||||
<td>${stato}</td>
|
||||
<td><a href="https://wimb.setaweb.it/qm/index.html?id=${element.busnum}" class="bianco">${element.busnum}</a></td>
|
||||
<td>${posizione}</td>
|
||||
`;
|
||||
tbody.appendChild(tr);
|
||||
}
|
||||
}
|
||||
|
||||
});
|
||||
table.appendChild(tbody);
|
||||
|
||||
container.appendChild(table);
|
||||
})
|
||||
.catch(err => {
|
||||
console.error('Errore nel caricamento dati:', err);
|
||||
document.getElementById('tabella-container').textContent = 'Errore nel caricamento dati.';
|
||||
});
|
||||
}
|
||||
|
||||
caricadati();
|
||||
|
||||
setInterval(caricadati, 60000);
|
Reference in New Issue
Block a user