Alphissima percorsi seta (accessibile solo dal monitor in servizio)

2025-10-02 14:50:47 +00:00 · 2025-08-25 18:11:39 +02:00
parent 9bd8d5cad8
commit daeb9f00e2
12 changed files with 242 additions and 188 deletions
--- a/seta_menu/percorsi/js/percorso-rt.js
+++ b/seta_menu/percorsi/js/percorso-rt.js
@@ -0,0 +1,86 @@
+const params = new URLSearchParams(window.location.search);
+const id = params.get('journeycode');
+const codiceSpan = document.getElementById('codice-span');
+const destSpan = document.getElementById('destinazione-span');
+const ritSpan = document.getElementById('ritardo-span');
+
+//Displays route code
+codiceSpan.innerHTML = id;
+
+const urlBackend = `http://setaapi.serverissimo.freeddns.org/nextstops/${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 = '';
+        //Testo destinazione
+        destSpan.innerHTML=item.arrivals[item.arrivals.length-1].desc;
+        //Testo ritardo
+        if(item.arrivals[0].delay>0){
+            ritSpan.setAttribute("style","color:rgba(255, 50, 50, 1);")
+            ritSpan.innerHTML="+"+item.arrivals[0].delay;
+        }else{
+            ritSpan.setAttribute("style","color:green;")
+            ritSpan.innerHTML=item.arrivals[0].delay;
+        }
+        item.arrivals.forEach(element => {
+            // Creo tabella
+            const table = document.createElement('table');
+
+            // Intestazione
+            const thead = document.createElement('thead');
+            thead.innerHTML = `
+                <tr>
+                    <th class="linea" style="text-align:center;" colspan="2"><a href="/seta_menu/cercaorario/fermata.html?code=${element.wp_code}&name=${element.desc}" class="bianco">${element.desc}</a></th>
+                </tr>
+            `;
+            table.appendChild(thead);
+            // Corpo tabella
+            const tbody = document.createElement('tbody');
+            var tr = document.createElement('tr');
+            tr.innerHTML = `
+                <tr>
+                    <td class="uguale">Orario previsto:</td>
+                    <td class="uguale">${element.planarrival}</td>
+                </tr>
+            `;
+            tbody.appendChild(tr);
+            var tr = document.createElement('tr');
+            tr.innerHTML = `
+                <tr>
+                    <td class="uguale">Orario in tempo reale:</td>
+                    <td class="uguale">${element.realarrival}</td>
+                </tr>
+            `;
+            tbody.appendChild(tr);
+            var tr = document.createElement('tr');
+            tr.innerHTML = `
+                <tr>
+                    <td class="uguale">Codice fermata:</td>
+                    <td class="uguale">${element.wp_code}</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);