Nuova schermata ulteriori informazioni bus in servizio seta

seta_menu/businservizio/js/fermata.js

@@ -1,132 +0,0 @@
-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);

seta_menu/businservizio/js/infoveicolo.js

@@ -0,0 +1,196 @@
+const params = new URLSearchParams(window.location.search);
+const id = params.get('id');
+
+//Sets stop name
+const numero_span = document.getElementById('numero-span');
+numero_span.textContent=id;
+
+const urlBackend = `https://setaapi.serverissimo.freeddns.org/vehicleinfo/${id}`;
+//const urlBackend = `http://localhost:5001/arrivals/${codice}`;
+function caricadati(){
+    var item=[];
+    fetch(urlBackend)
+    .then(response => {
+        if (!response.ok) throw new Error("Errore di risposta nel caricamento dei dati, probabilmente il server API è offline.");
+        return response.json();
+    })
+    .then(data => {
+        item = data;
+    })
+    .then(data => {
+        
+        const container = document.getElementById('tabella-container');
+        container.innerHTML = '';
+        // Creo tabella
+        const table = document.createElement('table');
+
+        // Intestazione
+        const thead = document.createElement('thead');
+        thead.innerHTML = `
+                    <tr>
+                        <th class="linea" colspan="2" style="text-align:center;">Informazioni veicolo:</th>
+                    </tr>
+                `;
+        table.appendChild(thead);
+
+        // Corpo tabella
+        const tbody = document.createElement('tbody');
+        item.features.forEach(element => {
+            const bus = element.properties;
+            var tr = document.createElement('tr');
+            tr.innerHTML = `
+                <tr>
+                    <td class="uguale">Linea:</td>
+                    <td>${bus.linea}</td>
+                </tr>
+            `;
+            tbody.appendChild(tr);
+            tr = document.createElement('tr');
+            tr.innerHTML = `
+                <tr>
+                    <td>Direzione:</td>
+                    <td>${bus.route_desc}</td>
+                </tr>
+            `;
+            tbody.appendChild(tr);
+            tr = document.createElement('tr');
+            tr.innerHTML = `
+                <tr>
+                    <td>Tipo linea:</td>
+                    <td>${bus.service_tag}</td>
+                </tr>
+            `;
+            tbody.appendChild(tr);
+            //Ritardo col +
+            if(bus.delay>0){
+                bus.delay="+"+bus.delay;
+            }
+            tr = document.createElement('tr');
+            tr.innerHTML = `
+                <tr>
+                    <td>Ritardo/Anticipo: (+/-)</td>
+                    <td>${bus.delay}</td>
+                </tr>
+            `;
+            tbody.appendChild(tr);
+            tr = document.createElement('tr');
+            tr.innerHTML = `
+                <tr>
+                    <td>Numero mezzo:</td>
+                    <td>${bus.vehicle_code}</td>
+                </tr>
+            `;
+            tbody.appendChild(tr);
+            tr = document.createElement('tr');
+            tr.innerHTML = `
+                <tr>
+                    <td>Modello:</td>
+                    <td>${bus.model}</td>
+                </tr>
+            `;
+            tbody.appendChild(tr);
+            tr = document.createElement('tr');
+            tr.innerHTML = `
+                <tr>
+                    <td>Targa:</td>
+                    <td>${bus.plate_num}</td>
+                </tr>
+            `;
+            tbody.appendChild(tr);
+            //Si o no pedana
+            if(bus.pedana==1){
+                bus.pedana="Sì";
+            }else{
+                bus.pedana="No";
+            }
+            tr = document.createElement('tr');
+            tr.innerHTML = `
+                <tr>
+                    <td>Pedana?:</td>
+                    <td>${bus.pedana}</td>
+                </tr>
+            `;
+            tbody.appendChild(tr);
+            tr = document.createElement('tr');
+            tr.innerHTML = `
+                <tr>
+                    <td>Ora si trova a:</td>
+                    <td>${bus.wp_desc}</td>
+                </tr>
+            `;
+            tbody.appendChild(tr);
+            tr = document.createElement('tr');
+            tr.innerHTML = `
+                <tr>
+                    <td>Codice percorso:</td>
+                    <td>${bus.route_code}</td>
+                </tr>
+            `;
+            tbody.appendChild(tr);
+            tr = document.createElement('tr');
+            tr.innerHTML = `
+                <tr>
+                    <td>Codice corsa:</td>
+                    <td>${bus.journey_code}</td>
+                </tr>
+            `;
+            tbody.appendChild(tr);
+            //Colore sfondo conta passeggeri
+            if(bus.num_passeggeri<=bus.posti_totali/4){
+                tr = document.createElement('tr');
+                tr.innerHTML = `
+                    <tr>
+                        <td class="bus-card-green">Numero passeggeri a bordo:</td>
+                        <td class="bus-card-green">${bus.num_passeggeri}</td>
+                    </tr>
+                `;
+                tbody.appendChild(tr);
+            }else if(bus.num_passeggeri<=bus.posti_totali/1.8){
+                tr = document.createElement('tr');
+                tr.innerHTML = `
+                    <tr>
+                        <td class="bus-card-yellow">Numero passeggeri a bordo:</td>
+                        <td class="bus-card-yellow">${bus.num_passeggeri}</td>
+                    </tr>
+                `;
+                tbody.appendChild(tr);
+            }else{
+                tr = document.createElement('tr');
+                tr.innerHTML = `
+                    <tr>
+                        <td class="bus-card-red">Numero passeggeri a bordo:</td>
+                        <td class="bus-card-red">${bus.num_passeggeri}</td>
+                    </tr>
+                `;
+                tbody.appendChild(tr);
+            }
+            tr = document.createElement('tr');
+            tr.innerHTML = `
+                <tr>
+                    <td>Numero posti totali (in piedi + sedili):</td>
+                    <td>${bus.posti_totali}</td>
+                </tr>
+            `;
+            tbody.appendChild(tr);
+            tr = document.createElement('tr');
+            tr.innerHTML = `
+                <tr>
+                    <td>Posizione:</td>
+                    <td><a href="https://wimb.setaweb.it/qm/index.html?id=${bus.vehicle_code}">GPS</a></td>
+                </tr>
+            `;
+            tbody.appendChild(tr);
+            
+        });
+        table.appendChild(tbody);
+        container.appendChild(table);
+    })
+    .catch(err => {
+        console.error('Errore nel caricamento dati:', err);
+        document.getElementById('tabella-container').textContent = "Errore nella sintassi dei dati ricevuti.";
+    });
+}
+
+caricadati();
+
+setInterval(caricadati, 60000);

seta_menu/businservizio/js/script.js

@@ -43,10 +43,9 @@ fetch(urlModels)
     });
     })
     .catch(error => console.error('Errore nel caricamento dei dati:', error));
-
-const urlList="https://setaapi.serverissimo.freeddns.org/busesinservice";
 caricadati();
 function caricadati(){
+    const urlList="https://setaapi.serverissimo.freeddns.org/busesinservice";
     fetch(urlList)
     .then(response => {
         if (!response.ok) throw new Error("Errore nel caricamento dei dati.");
@@ -89,7 +88,7 @@ function caricadati(){
             tr.innerHTML = `
                 <td>${element.linea}</td>
                 <td>${element.route_desc}</td>
-                <td><a href="https://wimb.setaweb.it/qm/index.html?id=${element.vehicle_code}" class="bianco">${element.vehicle_code}</a></td>
+                <td><a href="infoveicolo.html?id=${element.vehicle_code}" class="bianco">${element.vehicle_code}</a></td>
                 <td>${element.model}</td>
                 <td>${posizione}</td>
             `;
@@ -103,4 +102,6 @@ function caricadati(){
         console.error('Errore nel caricamento dati:', err);
         document.getElementById('tabella-container').textContent = 'Errore nel caricamento dati.';
     });
-}
+}
+
+setInterval(caricadati, 60000);