mirror of
https://github.com/Daniongithub/ER-TPL.git
synced 2025-12-06 12:42:02 +00:00
Spostamento servizi seta
This commit is contained in:
Leocraft1
27
seta_modena/servizi/cercaorario/altrecorsie.html
Normal file
27
seta_modena/servizi/cercaorario/altrecorsie.html
Normal file
@@ -0,0 +1,27 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="it">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>ER-TPL</title>
|
||||
<link rel="stylesheet" href="css/style.css">
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||
<link href="https://fonts.googleapis.com/css2?family=Titillium+Web:ital,wght@0,200;0,300;0,400;0,600;0,700;0,900;1,200;1,300;1,400;1,600;1,700&display=swap" rel="stylesheet">
|
||||
<link rel="shortcut icon" href="https://drive.serverissimo.freeddns.org/apps/files_sharing/publicpreview/ffdqobqRg2ezKXt?file=/Immagini%20sito/atcma.png" type="image/x-icon">
|
||||
</head>
|
||||
<body>
|
||||
<header>
|
||||
<nav style="min-height: 46px;">
|
||||
<ul>
|
||||
<li>
|
||||
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
</header>
|
||||
<h2>Altre corsie di: "<span id="fermata-span"></span>"</h2>
|
||||
<div id="buttons" class="search-results"></div>
|
||||
<script src="js/paginacorsie.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
32
seta_modena/servizi/cercaorario/comeleggere.html
Normal file
32
seta_modena/servizi/cercaorario/comeleggere.html
Normal file
@@ -0,0 +1,32 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="it">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>SETA Modena - Cerca fermata</title>
|
||||
<link rel="stylesheet" href="css/style.css">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<link rel="shortcut icon" href="https://www.setaweb.it/images/favicon/android-icon-192x192.png">
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||
<link href="https://fonts.googleapis.com/css2?family=Titillium+Web:ital,wght@0,200;0,300;0,400;0,600;0,700;0,900;1,200;1,300;1,400;1,600;1,700&display=swap" rel="stylesheet">
|
||||
</head>
|
||||
<body>
|
||||
<header>
|
||||
<nav>
|
||||
<ul>
|
||||
<li><a href="/index.html"><h1 style="font-size: 100%;font-weight: 500;">Home</h1></a></li>
|
||||
<li><a href="/service/newui.html"><h1 style="font-size: 100%;font-weight: 500;">SETA Modena</h1></a></li>
|
||||
<li><a href="/seta_servizi/cercaorario/index.html"><h1 style="font-size: 100%;font-weight: 500;">Cerca orario</h1></a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
</header>
|
||||
<h1>Come trovare il codice fermata:</h1>
|
||||
<hr>
|
||||
<h2 class="noreduction">Urbano:</h2>
|
||||
<img src="https://drive.serverissimo.freeddns.org/apps/files_sharing/publicpreview/ffdqobqRg2ezKXt?file=/Immagini%20sito/comeleggereurbano.jpg&fileId=27873&x=1920&y=1080&a=true&etag=323197e0017d8081193a7169ffa5a567" alt="Server foto non raggiungibile.">
|
||||
<hr>
|
||||
<h2 class="noreduction">Suburbano e Extraurbano:</h2>
|
||||
<img src="https://drive.serverissimo.freeddns.org/apps/files_sharing/publicpreview/ffdqobqRg2ezKXt?file=/Immagini%20sito/comeleggeresub.jpeg&fileId=28551&x=1920&y=1080&a=true&etag=fa795ec099936fdcda8a0b1981aa116d" alt="Server foto non raggiungibile.">
|
||||
<p>Se vengono riportate altre lettere dopo il MO, inserirle.</p>
|
||||
</body>
|
||||
</html>
|
||||
226
seta_modena/servizi/cercaorario/css/style.css
Normal file
226
seta_modena/servizi/cercaorario/css/style.css
Normal file
@@ -0,0 +1,226 @@
|
||||
body {
|
||||
background-color: #282828;
|
||||
text-align: center;
|
||||
color: white;
|
||||
font-family: Titillium Web;
|
||||
}
|
||||
|
||||
.search-result {
|
||||
border: 2px solid white;
|
||||
border-radius: 8px;
|
||||
width: 20vw;
|
||||
margin: auto;
|
||||
margin-left: 5px;
|
||||
margin-right: 5px;
|
||||
margin-top: 10px;
|
||||
cursor: pointer;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
table {
|
||||
border-collapse: collapse;
|
||||
border-radius: 8px;
|
||||
min-width: 85%;
|
||||
max-width: 100%;
|
||||
margin: auto;
|
||||
margin-top: 18px;
|
||||
}
|
||||
|
||||
th {
|
||||
background-color: rgb(204, 132, 0);
|
||||
}
|
||||
|
||||
th,td {
|
||||
border: 2px solid #444;
|
||||
padding: .7vw;
|
||||
padding-top: .6vw;
|
||||
padding-bottom: .6vw;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.bus-card-red {
|
||||
background-color: rgb(241, 120, 120) !important;
|
||||
}
|
||||
|
||||
hr{
|
||||
margin-top:19px;
|
||||
}
|
||||
|
||||
h1.warning {
|
||||
color:red;
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
h1.yellow-warning {
|
||||
color:rgb(255, 205, 0);
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
header {
|
||||
font-size: 67%;
|
||||
background-color: #333;
|
||||
height: auto;
|
||||
padding: 0px 0px;
|
||||
align-items: start;
|
||||
width: 100%;
|
||||
border-radius: 10px;
|
||||
}
|
||||
|
||||
nav ul {
|
||||
list-style-type: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
display: flex;
|
||||
justify-content: left;
|
||||
}
|
||||
|
||||
nav {
|
||||
text-align: center;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
nav#corsie-nav ul{
|
||||
justify-content: center;
|
||||
}
|
||||
nav#corsie-nav ul li a{
|
||||
color: white;
|
||||
text-decoration: underline;
|
||||
}
|
||||
nav#corsie-nav ul li{
|
||||
margin-left: 8px;
|
||||
margin-right: 7px;
|
||||
}
|
||||
nav ul li {
|
||||
margin-left: 20px;
|
||||
margin-right: 20px;
|
||||
}
|
||||
|
||||
nav ul li a {
|
||||
color: #fff;
|
||||
text-decoration: none;
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
nav ul li a:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
a {
|
||||
color: orange;
|
||||
}
|
||||
|
||||
a.rossosott{
|
||||
color: red;
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
a.bianco{
|
||||
color: white;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
a.biancosott{
|
||||
color: white;
|
||||
}
|
||||
a.link-cell {
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
color: white;
|
||||
}
|
||||
|
||||
#bacino,
|
||||
#searchBar {
|
||||
padding: 10px;
|
||||
font-size: 16px;
|
||||
border-radius: 6px;
|
||||
border: 1px solid var(--border-color);
|
||||
width: 280px;
|
||||
}
|
||||
#stopCodeBar {
|
||||
padding: 10px;
|
||||
font-size: 16px;
|
||||
border-radius: 6px;
|
||||
border: 1px solid var(--border-color);
|
||||
width: 280px;
|
||||
}
|
||||
img{
|
||||
height:300px;
|
||||
}
|
||||
|
||||
@media (max-width: 768px) {
|
||||
.search-result {
|
||||
display: block;
|
||||
width: 96.5%;
|
||||
}
|
||||
.container {
|
||||
flex-direction: column;
|
||||
}
|
||||
th,td {
|
||||
font-size: 2vw;
|
||||
}
|
||||
nav#corsie-nav ul li a{
|
||||
font-size: 90%;
|
||||
margin: 0;
|
||||
}
|
||||
table {
|
||||
width: 100%;
|
||||
}
|
||||
h2{
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
h2.noreduction{
|
||||
margin-bottom: 16px;
|
||||
}
|
||||
#searchBar {
|
||||
width: 80%;
|
||||
}
|
||||
#stopCodeBar {
|
||||
width: 80%;
|
||||
}
|
||||
hr{
|
||||
margin-bottom:19px;
|
||||
}
|
||||
img{
|
||||
width: 98%;
|
||||
height: auto;
|
||||
}
|
||||
nav ul:last-child li {
|
||||
margin-right: 20px;
|
||||
}
|
||||
nav ul li {
|
||||
margin-right: 8px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 512px) {
|
||||
th,td {
|
||||
font-size: 3vw;
|
||||
}
|
||||
table{
|
||||
margin-top:10px;
|
||||
}
|
||||
nav#corsie-nav ul li a{
|
||||
font-size: 3.2vw;
|
||||
}
|
||||
h2{
|
||||
margin-bottom: 0;
|
||||
}
|
||||
h2.noreduction{
|
||||
margin-bottom: 16px;
|
||||
}
|
||||
}
|
||||
|
||||
footer {
|
||||
position: relative;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
}
|
||||
div.search-result div{
|
||||
margin-left: 10px;
|
||||
margin-right: 10px;
|
||||
}
|
||||
p.space{
|
||||
width: 20px;
|
||||
}
|
||||
36
seta_modena/servizi/cercaorario/fermata.html
Normal file
36
seta_modena/servizi/cercaorario/fermata.html
Normal file
@@ -0,0 +1,36 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>SETA Modena - Orario fermate</title>
|
||||
<link rel="stylesheet" href="css/style.css">
|
||||
<link rel="shortcut icon" href="https://www.setaweb.it/images/favicon/android-icon-192x192.png">
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||
<link href="https://fonts.googleapis.com/css2?family=Titillium+Web:ital,wght@0,200;0,300;0,400;0,600;0,700;0,900;1,200;1,300;1,400;1,600;1,700&display=swap" rel="stylesheet">
|
||||
</head>
|
||||
<body>
|
||||
<header>
|
||||
<nav style="display: flex;">
|
||||
<ul>
|
||||
<li><a href="/seta_servizi/cercaorario/index.html"><h1 style="font-size: 100%;font-weight: 500;">Torna indietro</h1></a></li>
|
||||
</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>
|
||||
</header>
|
||||
<h2>Informazioni fermata "<span id="fermata-span"></span>"</h2>
|
||||
<nav id="corsie-nav"></nav>
|
||||
<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>
|
||||
<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.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
49
seta_modena/servizi/cercaorario/index.html
Normal file
49
seta_modena/servizi/cercaorario/index.html
Normal file
@@ -0,0 +1,49 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="it">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="description" content="Cerca orari in tempo reale per le fermate di SETA a Modena.">
|
||||
<meta name="keywords" content="seta, modena, seta-modena, orari, in, tempo, reale, autobus, fermate, orario, palina">
|
||||
<meta name="author" content="ER-TPL Team">
|
||||
<title>SETA Modena - Cerca fermata</title>
|
||||
<link rel="stylesheet" href="css/style.css">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<link rel="shortcut icon" href="https://www.setaweb.it/images/favicon/android-icon-192x192.png">
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||
<link href="https://fonts.googleapis.com/css2?family=Titillium+Web:ital,wght@0,200;0,300;0,400;0,600;0,700;0,900;1,200;1,300;1,400;1,600;1,700&display=swap" rel="stylesheet">
|
||||
</head>
|
||||
<body>
|
||||
<header>
|
||||
<nav>
|
||||
<ul>
|
||||
<li><a href="/index.html"><h1 style="font-size: 100%;font-weight: 500;">Home</h1></a></li>
|
||||
<li><a href="/service/newui.html"><h1 style="font-size: 100%;font-weight: 500;">SETA Modena</h1></a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
</header>
|
||||
<h1>Visualizzatore orari di arrivo SETA Modena</h1>
|
||||
<div>
|
||||
<input type="text" id="searchBar" placeholder="Cerca una fermata..." autocomplete="off">
|
||||
</div>
|
||||
<h3 style="margin: 16px;">Oppure:</h3>
|
||||
<div>
|
||||
<input type="text" id="stopCodeBar" placeholder="Inserisci un codice fermata..." autocomplete="off">
|
||||
</div>
|
||||
<p id="warning-mo"><a href="comeleggere.html" style="color: white;">Come leggere il codice fermata.</a></p>
|
||||
|
||||
<div id="searchResults">
|
||||
<h3 style="margin-bottom:4px;">Fermate rapide:</h3>
|
||||
<a href="/seta_servizi/cercaorario/altrecorsie.html?location=MODENA AUTOSTAZIONE" class="bianco"><div class="search-result"><h3>Autostazione</h3></div></a>
|
||||
<a href="/seta_servizi/cercaorario/altrecorsie.html?location=STAZIONE FS" class="bianco"><div class="search-result"><h3>Stazione FS</h3></div></a>
|
||||
<a href="/seta_servizi/cercaorario/altrecorsie.html?location=GARIBALDI" class="bianco"><div class="search-result"><h3>Largo Garibaldi</h3></div></a>
|
||||
</div>
|
||||
<h1 class="yellow-warning">Aggiornamento lista fermate: da 21/08/25 a oggi.</h1>
|
||||
<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/cercafermata.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
132
seta_modena/servizi/cercaorario/js/cercafermata.js
Normal file
132
seta_modena/servizi/cercaorario/js/cercafermata.js
Normal file
@@ -0,0 +1,132 @@
|
||||
const searchBar = document.getElementById('searchBar');
|
||||
const stopCodeBar = document.getElementById('stopCodeBar');
|
||||
const resultsContainer = document.getElementById('searchResults');
|
||||
|
||||
let allresults = [];
|
||||
|
||||
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;
|
||||
})
|
||||
.catch(error => console.error('Errore nel caricamento dei dati:', error));
|
||||
|
||||
searchBar.addEventListener('input', () => {
|
||||
const warning=document.getElementById('warning-mo');
|
||||
if (searchBar.value == '') {
|
||||
resultsContainer.innerHTML=`
|
||||
<h3 style="margin-bottom:4px;">Fermate rapide:</h3>
|
||||
<a href="/seta_servizi/cercaorario/altrecorsie.html?location=STAZIONE FS" class="bianco"><div class="search-result"><h3>Autostazione</h3></div></a>
|
||||
<a href="/seta_servizi/cercaorario/altrecorsie.html?location=MODENA AUTOSTAZIONE" class="bianco"><div class="search-result"><h3>Stazione FS</h3></div></a>
|
||||
<a href="/seta_servizi/cercaorario/altrecorsie.html?location=GARIBALDI" class="bianco"><div class="search-result"><h3>Largo Garibaldi</h3></div></a>
|
||||
`;
|
||||
warning.innerHTML = `
|
||||
<p id="warning-mo"><a href="comeleggere.html" style="color: white;">Come leggere il codice fermata.</a></p>
|
||||
`;
|
||||
}else{
|
||||
const searchTerm = searchBar.value.toLowerCase();
|
||||
warning.innerHTML='';
|
||||
const filtered = allresults
|
||||
.filter(item => item.fermata.toLowerCase().includes(searchTerm))
|
||||
.sort((a, b) => {
|
||||
const aStartsWith = a.fermata.toLowerCase().startsWith(searchTerm);
|
||||
const bStartsWith = b.fermata.toLowerCase().startsWith(searchTerm);
|
||||
if (aStartsWith && !bStartsWith) return -1;
|
||||
if (!aStartsWith && bStartsWith) return 1;
|
||||
return 0;
|
||||
});
|
||||
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=${code}&name=${code}`;
|
||||
parent.location=url;
|
||||
});
|
||||
|
||||
searchResultsContainer.appendChild(div);
|
||||
if (stopCodeBar.value == '') {
|
||||
resultsContainer.innerHTML=`
|
||||
<h3 style="margin-bottom:4px;">Fermate rapide:</h3>
|
||||
<a href="" class="bianco"><div class="search-result"><h3>Autostazione</h3></div></a>
|
||||
<a href="" class="bianco"><div class="search-result"><h3>Stazione FS</h3></div></a>
|
||||
<a href="" class="bianco"><div class="search-result"><h3>Largo Garibaldi</h3></div></a>
|
||||
`;
|
||||
warning.innerHTML = `
|
||||
<p id="warning-mo"><a href="comeleggere.html" style="color: white;">Come leggere il codice fermata.</a></p>
|
||||
`;
|
||||
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=${item.valore}&name=${item.fermata}`;
|
||||
parent.location=url;
|
||||
});
|
||||
|
||||
searchResultsContainer.appendChild(div);
|
||||
}
|
||||
|
||||
function renderresults(results) {
|
||||
const searchResultsContainer = document.getElementById('searchResults');
|
||||
searchResultsContainer.innerHTML = '';
|
||||
|
||||
if (results.length === 0) {
|
||||
searchResultsContainer.innerHTML = '<p>Nessun risultato trovato</p>';
|
||||
return;
|
||||
}
|
||||
|
||||
results.forEach(item => {
|
||||
const div = document.createElement('div');
|
||||
div.className = 'search-result';
|
||||
div.innerHTML = `
|
||||
<div>
|
||||
<h3>${item.fermata}</h3>
|
||||
<p>Codice fermata: ${item.valore}</p>
|
||||
</div>
|
||||
`;
|
||||
|
||||
div.addEventListener('click', () => {
|
||||
const url = `fermata.html?code=${item.valore}&name=${item.fermata}`;
|
||||
parent.location=url;
|
||||
});
|
||||
|
||||
searchResultsContainer.appendChild(div);
|
||||
});
|
||||
}
|
||||
186
seta_modena/servizi/cercaorario/js/fermata.js
Normal file
186
seta_modena/servizi/cercaorario/js/fermata.js
Normal file
@@ -0,0 +1,186 @@
|
||||
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_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_servizi/cercaorario/altrecorsie.html?location=MODENA AUTOSTAZIONE">Altre corsie</a>
|
||||
</li>
|
||||
</ul>`;
|
||||
}
|
||||
if(nome.includes("GARIBALDI")){
|
||||
corsie_nav.innerHTML = `
|
||||
<ul>
|
||||
<li>
|
||||
<a href="/seta_servizi/cercaorario/altrecorsie.html?location=GARIBALDI">Altre corsie</a>
|
||||
</li>
|
||||
</ul>`;
|
||||
}
|
||||
if(nome.includes("POLO LEONARDO")){
|
||||
corsie_nav.innerHTML = `
|
||||
<ul>
|
||||
<li>
|
||||
<a href="/seta_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_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.delay==undefined){
|
||||
tr.innerHTML = `
|
||||
<td>${item.service}</td>
|
||||
<td>${item.destination}</td>
|
||||
<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.service}</td>
|
||||
<td>${item.destination}</td>
|
||||
<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.service}</td>
|
||||
<td>${item.destination}</td>
|
||||
<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;
|
||||
}
|
||||
}
|
||||
91
seta_modena/servizi/cercaorario/js/paginacorsie.js
Normal file
91
seta_modena/servizi/cercaorario/js/paginacorsie.js
Normal file
@@ -0,0 +1,91 @@
|
||||
const params = new URLSearchParams(window.location.search);
|
||||
const bottoni = document.getElementById('buttons');
|
||||
const posto = params.get('location');
|
||||
const fermata_span = document.getElementById('fermata-span');
|
||||
|
||||
fermata_span.textContent=posto;
|
||||
|
||||
if(posto=="STAZIONE FS"){
|
||||
bottoni.innerHTML = `
|
||||
<a href="/seta_servizi/cercaorario/fermata.html?code=MO6132&name=STAZIONE%20FS%20(Corsia%201)" class="bianco">
|
||||
<div class="search-result"><h3>Corsia 1</h3></div>
|
||||
</a>
|
||||
<a href="/seta_servizi/cercaorario/fermata.html?code=MO6133&name=STAZIONE%20FS%20(Corsia%202)" class="bianco">
|
||||
<div class="search-result"><h3>Corsia 2</h3></div>
|
||||
</a>
|
||||
<a href="/seta_servizi/cercaorario/fermata.html?code=MO6134&name=STAZIONE%20FS%20(Corsia%203)" class="bianco">
|
||||
<div class="search-result"><h3>Corsia 3</h3></div>
|
||||
</a>
|
||||
<a href="/seta_servizi/cercaorario/fermata.html?code=MO6119&name=STAZIONE%20FS%20(Corsia%204)" class="bianco">
|
||||
<div class="search-result"><h3>Corsia 4</h3></div>
|
||||
</a>
|
||||
`;
|
||||
}
|
||||
if(posto=="MODENA AUTOSTAZIONE"){
|
||||
bottoni.innerHTML = `
|
||||
<a href="/seta_servizi/cercaorario/fermata.html?code=MO6121&name=MODENA AUTOSTAZIONE (dir. Centro)" class="bianco">
|
||||
<div class="search-result"><h3>Direzione Centro</h3></div>
|
||||
</a>
|
||||
<a href="/seta_servizi/cercaorario/fermata.html?code=MO5003&name=MODENA AUTOSTAZIONE (lato Novi Park)" class="bianco">
|
||||
<div class="search-result"><h3>Lato Novi Park</h3></div>
|
||||
</a>
|
||||
<div></div>
|
||||
<a href="/seta_servizi/cercaorario/fermata.html?code=MO6600&name=MODENA AUTOSTAZIONE (davanti biglietteria)" class="bianco">
|
||||
<div class="search-result"><h3>Davanti Biglietteria</h3></div>
|
||||
</a>
|
||||
<a href="/seta_servizi/cercaorario/fermata.html?code=MO10&name=MODENA AUTOSTAZIONE (fianco biglietteria)" class="bianco">
|
||||
<div class="search-result"><h3>Fianco Biglietteria</h3></div>
|
||||
</a>
|
||||
<a href="/seta_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>
|
||||
</a>
|
||||
<hr>
|
||||
<a href="/seta_servizi/cercaorario/fermata.html?code=MO3&name=MODENA AUTOSTAZIONE (Corriere corsia 1)" class="bianco">
|
||||
<div class="search-result"><h3>Corriere corsia 1</h3></div>
|
||||
</a>
|
||||
<a href="/seta_servizi/cercaorario/fermata.html?code=MO303&name=MODENA AUTOSTAZIONE (Corriere corsia 2)" class="bianco">
|
||||
<div class="search-result"><h3>Corriere corsia 2</h3></div>
|
||||
</a>
|
||||
<a href="/seta_servizi/cercaorario/fermata.html?code=MO342&name=MODENA AUTOSTAZIONE (Corriere corsia 3)" class="bianco">
|
||||
<div class="search-result"><h3>Corriere corsia 3</h3></div>
|
||||
</a>
|
||||
<a href="/seta_servizi/cercaorario/fermata.html?code=MO344&name=MODENA AUTOSTAZIONE (Corriere corsia 4)" class="bianco">
|
||||
<div class="search-result"><h3>Corriere corsia 4</h3></div>
|
||||
</a>
|
||||
<a href="/seta_servizi/cercaorario/fermata.html?code=MO350&name=MODENA AUTOSTAZIONE (Corriere corsia 5)" class="bianco">
|
||||
<div class="search-result"><h3>Corriere corsia 5</h3></div>
|
||||
</a>
|
||||
<a href="/seta_servizi/cercaorario/fermata.html?code=MO346&name=MODENA AUTOSTAZIONE (Corriere corsia 6)" class="bianco">
|
||||
<div class="search-result"><h3>Corriere corsia 6</h3></div>
|
||||
</a>
|
||||
`;
|
||||
}
|
||||
if(posto=="GARIBALDI"){
|
||||
bottoni.innerHTML = `
|
||||
<a href="/seta_servizi/cercaorario/fermata.html?code=MO5900&name=GARIBALDI%20(dir.%20Centro)" class="bianco">
|
||||
<div class="search-result"><h3>Direzione Centro</h3></div>
|
||||
</a>
|
||||
<a href="/seta_servizi/cercaorario/fermata.html?code=MO30&name=GARIBALDI%20(dir.%20Trento%20Trieste)" class="bianco">
|
||||
<div class="search-result"><h3>Direzione Trento Trieste</h3></div>
|
||||
</a>
|
||||
<a href="/seta_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>
|
||||
</a>
|
||||
<a href="/seta_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>
|
||||
</a>
|
||||
<a href="/seta_servizi/cercaorario/fermata.html?code=MO5112&name=GARIBALDI%20(Storchi%20dir.%20Centro)" class="bianco">
|
||||
<div class="search-result"><h3>Storchi direzione Centro</h3></div>
|
||||
</a>
|
||||
`;
|
||||
}
|
||||
if(posto=="POLO LEONARDO"){
|
||||
bottoni.innerHTML = `
|
||||
<a href="/seta_servizi/cercaorario/fermata.html?code=MO6783&name=POLO LEONARDO (Strada)" class="bianco">
|
||||
<div class="search-result"><h3>POLO LEONARDO (Strada)</h3></div>
|
||||
</a>
|
||||
<a href="/seta_servizi/cercaorario/fermata.html?code=MO2928&name=POLO LEONARDO 1" class="bianco">
|
||||
<div class="search-result"><h3>POLO LEONARDO 1</h3></div>
|
||||
</a>
|
||||
`;
|
||||
}
|
||||
Reference in New Issue
Block a user