Indicazioni linee altre corsie

This commit is contained in:
Leocraft1
2025-11-30 18:00:05 +01:00
parent 04a92c9f0b
commit c0daf0af53
7 changed files with 41 additions and 221 deletions

View File

@@ -17,6 +17,15 @@ body {
display: inline-block;
}
.search-result.desc h3{
margin-top: 16px;
margin-bottom: 12px;
}
.search-result.desc p{
margin-top:0px;
font-size: 15px;
}
table {
border-collapse: collapse;
border-radius: 8px;

View File

@@ -26,12 +26,12 @@
<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>E' possibile cliccare sul numero del mezzo per vedere la sua posizione sulla mappa.</p>
<p>Se una corsa viene visualizzata in rosso, vuol dire che ci sono problemi sulla linea. Cliccare sul numero linea o sulla destinazione per vedere le notizie</p>
<p>Se una corsa viene visualizzata in rosso, vuol dire che ci sono problemi sulla linea. Cliccare sul numero linea o sulla destinazione per vedere le notizie.</p>
<footer>
<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="https://github.com/Leocraft1/SetaAPI" target="_blank">Codice Sorgente</a> - I loghi SETA Spa sono marchi registrati e sono inseriti in questo sito solo a scopo di illustrazione.</p>
</div>
</footer>
<script src="js/fermata-problemi.js"></script>
<script src="js/fermata.js"></script>
</body>
</html>

View File

@@ -16,9 +16,6 @@
<body>
<header>
<nav>
<ul>
<li><h1 class="warning">ATTENZIONE! Sciopero generale programmato per venerdì 28 Novembre 2025.</h1></li>
</ul>
<ul>
<li><a href="/index.html"><h1 style="font-size: 100%;font-weight: 500;">Home</h1></a></li>
<li><a href="/seta_modena/menu/index.html"><h1 style="font-size: 100%;font-weight: 500;">SETA Modena</h1></a></li>

View File

@@ -1,193 +0,0 @@
const params = new URLSearchParams(window.location.search);
const nome = params.get('name');
const codice = params.get('code');
//Ricerca per pulsante dall'altra parte
const url = 'https://setaapi.serverissimo.freeddns.org/stopcodesarchive';
//const url='http://localhost:5001/stoplist';
fetch(url)
.then(response => {
if (!response.ok) throw new Error("Errore nel caricamento dei dati.");
return response.json();
})
.then(data => {
allresults = data;
//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_modena/servizi/cercaorario/altrecorsie.html?location=STAZIONE FS">Altre corsie</a>
</li>
</ul>`;
}
if(nome.includes("MODENA AUTOSTAZIONE")){
corsie_nav.innerHTML = `
<ul>
<li>
<a href="/seta_modena/servizi/cercaorario/altrecorsie.html?location=MODENA AUTOSTAZIONE">Altre corsie</a>
</li>
</ul>`;
}
if(nome.includes("GARIBALDI")){
corsie_nav.innerHTML = `
<ul>
<li>
<a href="/seta_modena/servizi/cercaorario/altrecorsie.html?location=GARIBALDI">Altre corsie</a>
</li>
</ul>`;
}
if(nome.includes("POLO LEONARDO")){
corsie_nav.innerHTML = `
<ul>
<li>
<a href="/seta_modena/servizi/cercaorario/altrecorsie.html?location=POLO LEONARDO">Altre corsie</a>
</li>
</ul>`;
}
//Pulsante dall'altra parte
console.log(altraParteSearch(nome))
if(altraParteSearch(nome)!=undefined){
const codes = altraParteSearch(nome);
const altrocodice = 0;
if(codice==codes[0]){
altroCodice = codes[1];
}else{
altroCodice = codes[0];
}
corsie_nav.innerHTML = `
<ul>
<li>
<a href="/seta_modena/servizi/cercaorario/fermata.html?code=${altroCodice}&name=${nome}">Dall'altra parte</a>
</li>
</ul>`;
}
})
.catch(error => console.error('Errore nel caricamento dei dati:', error));
//Sets stop name
const fermata_span = document.getElementById('fermata-span');
fermata_span.textContent=nome;
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 (item.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');
item.services.forEach(item => {
const tr = document.createElement('tr');
if(item.type=="planned"){
var stato="Prevista";
}else{
var stato="In tempo reale";
}if(item.next_stop==null){
var posizione="";
}else{
var posizione=item.next_stop;
}
if(item.hasProblems==true){
//tr.setAttribute("class","bus-card-red");
tr.innerHTML = `
<td class="bus-card-red cursor-pointer" onclick="window.location.href='/seta_modena/servizi/cercaorario/notizielinea.html?routenum=${item.officialService}'">${item.service}</td>
<td class="bus-card-red cursor-pointer" onclick="window.location.href='/seta_modena/servizi/cercaorario/notizielinea.html?routenum=${item.officialService}'">${item.destination}</td>
`;
}else{
tr.innerHTML = `
<td>${item.service}</td>
<td>${item.destination}</td>
`;
}
if(item.delay==undefined){
//le prime righe sono spostate sopra per link alle notizie se ci sono problemi
tr.innerHTML += `
<td>${item.arrival}</td>
<td>${stato}</td>
<td><a href="https://wimb.setaweb.it/qm/index.html?id=${item.busnum}" class="bianco">${item.busnum}</a></td>
<td>${posizione}</td>
`;
tbody.appendChild(tr);
}else{
if(item.delay>0){
tr.innerHTML += `
<td>${item.arrival} (+${item.delay})</td>
<td>${stato}</td>
<td><a href="https://wimb.setaweb.it/qm/index.html?id=${item.busnum}" class="bianco">${item.busnum}</a></td>
<td>${posizione}</td>
`;
tbody.appendChild(tr);
}else{
tr.innerHTML += `
<td>${item.arrival} (${item.delay})</td>
<td>${stato}</td>
<td><a href="https://wimb.setaweb.it/qm/index.html?id=${item.busnum}" class="bianco">${item.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);
function altraParteSearch(searchTerm){
var dupedCodes = [];
var i = 0;
allresults.forEach(element => {
if(element.fermata.toLowerCase()==searchTerm.toLowerCase()){
dupedCodes[i]=element.valore;
i++;
}
});
if(dupedCodes.length==2){
return dupedCodes;
}else if(dupedCodes.length==1){
return undefined;
}
}

View File

@@ -72,6 +72,7 @@ fermata_span.textContent=nome;
const urlBackend = `https://setaapi.serverissimo.freeddns.org/arrivals/${codice}`;
//const urlBackend = `http://localhost:5001/arrivals/${codice}`;
function caricadati(){
fetch(urlBackend)
.then(response => {
@@ -120,10 +121,21 @@ function caricadati(){
}else{
var posizione=item.next_stop;
}
if(item.delay==undefined){
if(item.hasProblems==true){
//tr.setAttribute("class","bus-card-red");
tr.innerHTML = `
<td class="bus-card-red cursor-pointer" onclick="window.location.href='/seta_modena/servizi/cercaorario/notizielinea.html?routenum=${item.officialService}'">${item.service}</td>
<td class="bus-card-red cursor-pointer" onclick="window.location.href='/seta_modena/servizi/cercaorario/notizielinea.html?routenum=${item.officialService}'">${item.destination}</td>
`;
}else{
tr.innerHTML = `
<td>${item.service}</td>
<td>${item.destination}</td>
`;
}
if(item.delay==undefined){
//le prime righe sono spostate sopra per link alle notizie se ci sono problemi
tr.innerHTML += `
<td>${item.arrival}</td>
<td>${stato}</td>
<td><a href="https://wimb.setaweb.it/qm/index.html?id=${item.busnum}" class="bianco">${item.busnum}</a></td>
@@ -132,9 +144,7 @@ function caricadati(){
tbody.appendChild(tr);
}else{
if(item.delay>0){
tr.innerHTML = `
<td>${item.service}</td>
<td>${item.destination}</td>
tr.innerHTML += `
<td>${item.arrival} (+${item.delay})</td>
<td>${stato}</td>
<td><a href="https://wimb.setaweb.it/qm/index.html?id=${item.busnum}" class="bianco">${item.busnum}</a></td>
@@ -142,9 +152,7 @@ function caricadati(){
`;
tbody.appendChild(tr);
}else{
tr.innerHTML = `
<td>${item.service}</td>
<td>${item.destination}</td>
tr.innerHTML += `
<td>${item.arrival} (${item.delay})</td>
<td>${stato}</td>
<td><a href="https://wimb.setaweb.it/qm/index.html?id=${item.busnum}" class="bianco">${item.busnum}</a></td>
@@ -153,7 +161,6 @@ function caricadati(){
tbody.appendChild(tr);
}
}
});
table.appendChild(tbody);

View File

@@ -8,36 +8,36 @@ fermata_span.textContent=posto;
if(posto=="STAZIONE FS"){
bottoni.innerHTML = `
<a href="/seta_modena/servizi/cercaorario/fermata.html?code=MO6132&name=STAZIONE%20FS%20(Corsia%201)" class="bianco">
<div class="search-result"><h3>Corsia 1</h3></div>
<div class="search-result desc"><h3>Corsia 1</h3><p>Linee: 7</p></div>
</a>
<a href="/seta_modena/servizi/cercaorario/fermata.html?code=MO6133&name=STAZIONE%20FS%20(Corsia%202)" class="bianco">
<div class="search-result"><h3>Corsia 2</h3></div>
<div class="search-result desc"><h3>Corsia 2</h3><p>Linee: 1, 4, 9, 13</p></div>
</a>
<a href="/seta_modena/servizi/cercaorario/fermata.html?code=MO6134&name=STAZIONE%20FS%20(Corsia%203)" class="bianco">
<div class="search-result"><h3>Corsia 3</h3></div>
<div class="search-result desc"><h3>Corsia 3</h3><p>Linee: 1, 3, 4, 9</p></div>
</a>
<a href="/seta_modena/servizi/cercaorario/fermata.html?code=MO6119&name=STAZIONE%20FS%20(Corsia%204)" class="bianco">
<div class="search-result"><h3>Corsia 4</h3></div>
<div class="search-result desc"><h3>Corsia 4</h3><p>Linee: 3, 11, 13</p></div>
</a>
`;
}
if(posto=="MODENA AUTOSTAZIONE"){
bottoni.innerHTML = `
<a href="/seta_modena/servizi/cercaorario/fermata.html?code=MO6121&name=MODENA AUTOSTAZIONE (dir. Centro)" class="bianco">
<div class="search-result"><h3>Direzione Centro</h3></div>
<div class="search-result desc"><h3>Direzione Centro</h3><p>Linee: 1, 2, 4, 5, 6, 7, 13</p></div>
</a>
<a href="/seta_modena/servizi/cercaorario/fermata.html?code=MO5003&name=MODENA AUTOSTAZIONE (lato Novi Park)" class="bianco">
<div class="search-result"><h3>Lato Novi Park</h3></div>
<div class="search-result desc"><h3>Lato Novi Park</h3><p>Linee: 1, 2, 4, 5, 7, 13</p></div>
</a>
<div></div>
<a href="/seta_modena/servizi/cercaorario/fermata.html?code=MO6600&name=MODENA AUTOSTAZIONE (davanti biglietteria)" class="bianco">
<div class="search-result"><h3>Davanti Biglietteria</h3></div>
<div class="search-result desc"><h3>Davanti Biglietteria</h3><p>Linee: 6</p></div>
</a>
<a href="/seta_modena/servizi/cercaorario/fermata.html?code=MO10&name=MODENA AUTOSTAZIONE (fianco biglietteria)" class="bianco">
<div class="search-result"><h3>Fianco Biglietteria</h3></div>
<div class="search-result desc"><h3>Fianco Biglietteria</h3><p>Linee: 9, 10</p></div>
</a>
<a href="/seta_modena/servizi/cercaorario/fermata.html?code=MO6120&name=MODENA AUTOSTAZIONE (fianco biglietteria lato Novi Park)" class="bianco">
<div class="search-result"><h3>Fianco Biglietteria lato Novi Park</h3></div>
<div class="search-result desc"><h3>Fianco Biglietteria lato Novi Park</h3><p>Linee: 9, 10</p></div>
</a>
<hr>
<a href="/seta_modena/servizi/cercaorario/fermata.html?code=MO3&name=MODENA AUTOSTAZIONE (Corriere corsia 1)" class="bianco">
@@ -63,19 +63,19 @@ if(posto=="MODENA AUTOSTAZIONE"){
if(posto=="GARIBALDI"){
bottoni.innerHTML = `
<a href="/seta_modena/servizi/cercaorario/fermata.html?code=MO5900&name=GARIBALDI%20(dir.%20Centro)" class="bianco">
<div class="search-result"><h3>Direzione Centro</h3></div>
<div class="search-result desc"><h3>Direzione Centro</h3><p>Linee: 4, 7, 8</p></div>
</a>
<a href="/seta_modena/servizi/cercaorario/fermata.html?code=MO30&name=GARIBALDI%20(dir.%20Trento%20Trieste)" class="bianco">
<div class="search-result"><h3>Direzione Trento Trieste</h3></div>
<div class="search-result desc"><h3>Direzione Trento Trieste</h3><p>Linee: 4, 7, 8</p></div>
</a>
<a href="/seta_modena/servizi/cercaorario/fermata.html?code=MO9&name=GARIBALDI (lato Caduti in Guerra)" class="bianco">
<div class="search-result"><h3>Lato Caduti in Guerra</h3></div>
<div class="search-result desc"><h3>Lato Caduti in Guerra</h3><p>Linee: 3, 12</p></div>
</a>
<a href="/seta_modena/servizi/cercaorario/fermata.html?code=MO5111&name=GARIBALDI%20(Storchi%20dir.%20Trento%20Trieste)" class="bianco">
<div class="search-result"><h3>Storchi direzione Trento Trieste</h3></div>
<div class="search-result desc"><h3>Storchi direzione Trento Trieste</h3><p>Linee: 2, 3</p></div>
</a>
<a href="/seta_modena/servizi/cercaorario/fermata.html?code=MO5112&name=GARIBALDI%20(Storchi%20dir.%20Centro)" class="bianco">
<div class="search-result"><h3>Storchi direzione Centro</h3></div>
<div class="search-result desc"><h3>Storchi direzione Centro</h3><p>Linee: 2</p></div>
</a>
`;
}