Add files

js/fermata.js

@@ -0,0 +1,70 @@
+const params = new URLSearchParams(window.location.search);
+const palina = params.get('palina');
+const targetID = params.get('targetID');
+const selectedOption = params.get('selectedOption');
+
+//const urlBackend = `https://api.vichingo455.freeddns.org/start-fermatebus.json/w?param=${targetID}&param2=${selectedOption}&palina=${palina}`;
+const urlBackend = `http://localhost:3005/fermata?param=${targetID}&param2=${selectedOption}&palina=${palina}`;
+function caricadati(){
+    fetch(urlBackend)
+    .then(res => res.json())
+    .then(data => {
+        const fermata_span = document.getElementById('fermata-span');
+        if (data[0] && data[0].fermata !== undefined) {
+            fermata_span.innerHTML = `"${data[0].fermata}"`;
+        }
+        const container = document.getElementById('tabella-container');
+        container.innerHTML = '';
+
+        if (!data || data.length === 0) {
+            container.innerHTML = '<h3>Nessuna linea in arrivo.</h3>';
+            return;
+        }
+
+        // Creo tabella
+        const table = document.createElement('table');
+
+        // Intestazione
+        const thead = document.createElement('thead');
+        thead.innerHTML = `
+                    <tr>
+                        <th>Linea</th>
+                        <th>Destinazione</th>
+                        <th>Orario</th>
+                        <th>Stato attuale</th>
+                        <th>Veicolo</th>
+                        <th>Soppressa</th>
+                    </tr>
+                `;
+        table.appendChild(thead);
+
+        // Corpo tabella
+        const tbody = document.createElement('tbody');
+        data.slice(1).forEach(item => {
+            const tr = document.createElement('tr');
+            if (item.soppressa) {
+                tr.classList.add('bus-card-red');
+            }
+            tr.innerHTML = `
+                        <td>${item.linea}</td>
+                        <td>${item.destinazione}</td>
+                        <td>${item.orario}</td>
+                        <td>${item.stato}</td>
+                        <td>${item.mezzo}</td>
+                        <td>${item.soppressa ? 'Sì' : 'No'}</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);