From 48efeb21843902b345d4daac6b02ba8fa1f570e4 Mon Sep 17 00:00:00 2001
From: Leocraft1 <leonardotoschi07@gmail.com>
Date: Tue, 26 Aug 2025 17:58:51 +0200
Subject: [PATCH] Percorsi seta beta

---
 seta_menu/businservizio/js/script.js    | 12 ++---
 seta_menu/percorsi/css/style.css        |  7 +--
 seta_menu/percorsi/index.html           | 27 ++++------
 seta_menu/percorsi/js/rcodes.js         | 69 +++++++++++++++++++++++++
 seta_menu/percorsi/js/script.js         | 50 +++++++++++++++---
 seta_menu/percorsi/prossimefermate.html |  2 +-
 seta_menu/percorsi/rcodes.html          | 34 ++++++++++++
 seta_menu/seta.html                     |  2 +-
 sitemap.xml                             |  9 +++-
 9 files changed, 173 insertions(+), 39 deletions(-)
 create mode 100644 seta_menu/percorsi/js/rcodes.js
 create mode 100644 seta_menu/percorsi/rcodes.html

diff --git a/seta_menu/businservizio/js/script.js b/seta_menu/businservizio/js/script.js
index 104f407..8ae3ff8 100644
--- a/seta_menu/businservizio/js/script.js
+++ b/seta_menu/businservizio/js/script.js
@@ -12,7 +12,7 @@ const urlRoutes = 'https://setaapi.serverissimo.freeddns.org/routenumberslist';
 const urlModels = 'https://setaapi.serverissimo.freeddns.org/busmodels';
 //const urlModels = 'http://localhost:5001/stoplist';
 
-//Fetch routes and models and fill the select options
+//Fetch routes and models and fill the selects
 fetch(urlRoutes)
     .then(response => {
         if (!response.ok) throw new Error("Errore nel caricamento dei dati.");
@@ -21,11 +21,11 @@ fetch(urlRoutes)
     .then(data => {
         allresults = data;
         allresults.forEach(route => {
-        const option = document.createElement('option');
-        option.value = route;
-        option.textContent = route;
-        lineaSelect.appendChild(option);
-    });
+            const option = document.createElement('option');
+            option.value = route;
+            option.textContent = route;
+            lineaSelect.appendChild(option);
+        });
     })
     .catch(error => console.error('Errore nel caricamento dei dati:', error));
 
diff --git a/seta_menu/percorsi/css/style.css b/seta_menu/percorsi/css/style.css
index bedf265..95da393 100644
--- a/seta_menu/percorsi/css/style.css
+++ b/seta_menu/percorsi/css/style.css
@@ -133,11 +133,6 @@ a.link-cell {
   color: white;
 }
 
-#urbano-container{
-    display: flex;
-    justify-content: center;
-}
-
 img{
     height:300px;
 }
@@ -145,7 +140,7 @@ img{
 @media (max-width: 768px) {
     .search-result {
         display: block;
-        width: 95.5%;
+        width: 96.5%;
     }
     .container {
         flex-direction: column;
diff --git a/seta_menu/percorsi/index.html b/seta_menu/percorsi/index.html
index d84a861..1203bb9 100644
--- a/seta_menu/percorsi/index.html
+++ b/seta_menu/percorsi/index.html
@@ -28,23 +28,16 @@
     <h1>Visualizzatore percorsi SETA Modena</h1>
     <h2>Scegli una linea:</h2>
     <h2>Urbano:</h2>
-    <div id="urbano-container">
-        <a href="" class="bianco"><div class="search-result"><h3>1</h3></div></a>
-        <div class="search-result"><h3>2</h3></div>
-        <div class="search-result"><h3>3</h3></div>
-        <div class="search-result"><h3>4</h3></div>
-        <div class="search-result"><h3>5</h3></div>
-        <div class="search-result"><h3>6</h3></div>
-        <div class="search-result"><h3>7</h3></div>
-        <div class="search-result"><h3>8</h3></div>
-        <div class="search-result"><h3>9</h3></div>
-        <div class="search-result"><h3>10</h3></div>
-        <div class="search-result"><h3>11</h3></div>
-        <div class="search-result"><h3>12</h3></div>
-        <div class="search-result"><h3>13</h3></div>
-        <div class="search-result"><h3>14</h3></div>
-        <div class="search-result"><h3>15</h3></div>
-    </div>
+    <div id="urbano-container"></div>
+    <hr>
+    <h2>Taxi:</h2>
+    <div id="speciali-container"></div>
+    <hr>
+    <h2>Suburbano e Extraurbano:</h2>
+    <div id="subextra-container"></div>
+    <hr>
+    <h2>Altre città:</h2>
+    <div id="altri-container"></div>
     <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>
diff --git a/seta_menu/percorsi/js/rcodes.js b/seta_menu/percorsi/js/rcodes.js
new file mode 100644
index 0000000..37e1510
--- /dev/null
+++ b/seta_menu/percorsi/js/rcodes.js
@@ -0,0 +1,69 @@
+const params = new URLSearchParams(window.location.search);
+const container = document.getElementById('res-container');
+const id = params.get('routenum');
+
+const url = "https://setaapi.serverissimo.freeddns.org/routecodesarchive";
+
+//Elenco linee urbano
+fetch(url)
+    .then(response => {
+        if (!response.ok) throw new Error("Errore nel caricamento dei dati.");
+        return response.json();
+    })
+    .then(data => {
+        allresults = data;
+        allresults.forEach(element => {
+            if(id==element.linea){
+                element.codes.forEach(item =>{
+                    const result = document.createElement('a');
+                    const dest = routesDictionary(item);
+                    result.setAttribute("class","bianco");
+                    result.setAttribute("href","percorso.html?routecode="+item);
+                    if(dest==undefined){
+                        result.innerHTML = `
+                            <div class="search-result"><h3 style="margin-left: 4px;margin-right: 4px;">${item}</h3>
+                        `;
+                    }else{
+                        result.innerHTML = `
+                            <div class="search-result"><h3 style="margin-left: 4px;margin-right: 4px;">${dest} <br> (${item})</h3>
+                        `;
+                    }
+                    container.appendChild(result);
+                })
+            }
+        });
+    })
+    .catch(error => console.error('Errore nel caricamento dei dati:', error));
+
+function routesDictionary(rcode){
+    switch(rcode){
+        //Linea 1
+        case "MO1-As-153":
+            return "1 MARINUZZI DA ARIETE";
+        case "MO1-Di-146":
+            return "1 VILLAGGIO ZETA DA MARINUZZI";
+        case "MO1-As-150":
+            return "1A MODENA EST DA V.ZETA";
+        case "MO1-As-154":
+            return "1 MARINUZZI DA V.ZETA";
+        case "MO1-Di-147":
+            return "1B ARIETE DA MODENA EST";
+        //Linea 2
+        case "MO2-As-220":
+            return "2 SAN DAMASO";
+        case "MO2-Di-269":
+            return "2 SANT'ANNA DA SAN DAMASO";
+        case "MO2-Di-270":
+            return "2 SANT'ANNA DA SAN DONNINO";
+        case "MO2-As-271":
+            return "2A SAN DONNINO";
+        //Linea 3
+        case "MO3-As-343":
+            return "3A VACIGLIO-MATTARELLA";
+        case "MO3-Di-318":
+            return "3 MONTEFIORINO";
+        case "MO3-As-348":
+            return "3 MATTARELLA";
+        
+    }
+}
\ No newline at end of file
diff --git a/seta_menu/percorsi/js/script.js b/seta_menu/percorsi/js/script.js
index c0c2c31..553401d 100644
--- a/seta_menu/percorsi/js/script.js
+++ b/seta_menu/percorsi/js/script.js
@@ -1,4 +1,7 @@
 const uContainer = document.getElementById('urbano-container');
+const sContainer = document.getElementById('speciali-container');
+const seContainer = document.getElementById('subextra-container');
+const othContainer = document.getElementById('altri-container');
 
 const url = "https://setaapi.serverissimo.freeddns.org/routenumberslist";
 
@@ -11,12 +14,47 @@ fetch(url)
     .then(data => {
         allresults = data;
         allresults.forEach(element => {
-            const result = document.createElement('a');
-            result.setAttribute("class","bianco");
-            result.innerHTML = `
-                <div class="search-result"><h3>${element}</h3>
-            `;
-            uContainer.appendChild(option);
+            if(element<100){
+                const result = document.createElement('a');
+                result.setAttribute("class","bianco");
+                result.setAttribute("href","rcodes.html?routenum="+element);
+                result.innerHTML = `
+                    <div class="search-result"><h3>${element}</h3>
+                `;
+                uContainer.appendChild(result);
+            }else if(element=="5taxi"||element=="10tax"){
+                const result = document.createElement('a');
+                result.setAttribute("class","bianco");
+                result.setAttribute("href","rcodes.html?routenum="+element);
+                result.innerHTML = `
+                    <div class="search-result"><h3>${element}</h3>
+                `;
+                sContainer.appendChild(result);
+            }else if(/^[^A-Z].*[A-Z]/i.test(element)){
+                const result = document.createElement('a');
+                result.setAttribute("class","bianco");
+                result.setAttribute("href","rcodes.html?routenum="+element);
+                result.innerHTML = `
+                    <div class="search-result"><h3>${element}</h3>
+                `;
+                uContainer.appendChild(result);
+            }else if(!/^[A-Z]/i.test(element)){
+                const result = document.createElement('a');
+                result.setAttribute("class","bianco");
+                result.setAttribute("href","rcodes.html?routenum="+element);
+                result.innerHTML = `
+                    <div class="search-result"><h3>${element}</h3>
+                `;
+                seContainer.appendChild(result);
+            }else{
+                const result = document.createElement('a');
+                result.setAttribute("class","bianco");
+                result.setAttribute("href","rcodes.html?routenum="+element);
+                result.innerHTML = `
+                    <div class="search-result"><h3>${element}</h3>
+                `;
+                othContainer.appendChild(result);
+            }
         });
     })
     .catch(error => console.error('Errore nel caricamento dei dati:', error));
\ No newline at end of file
diff --git a/seta_menu/percorsi/prossimefermate.html b/seta_menu/percorsi/prossimefermate.html
index 5111b41..40f6191 100644
--- a/seta_menu/percorsi/prossimefermate.html
+++ b/seta_menu/percorsi/prossimefermate.html
@@ -21,7 +21,7 @@
             </ul>
         </nav>
     </header>
-    <h2>Lista prossime fermate corsa: <span id="codice-span"></span></h2>
+    <h2>Prossime fermate corsa: <span id="codice-span"></span></h2>
     <p>Direzione: <span id="destinazione-span"></span></p>
     <strong><p>Ritardo/Anticipo: <span id="ritardo-span"></span></p></strong>
     <p>E' possibile cliccare sul codice o nome fermata per vedere gli arrivi alla rispettiva fermata.</p>
diff --git a/seta_menu/percorsi/rcodes.html b/seta_menu/percorsi/rcodes.html
new file mode 100644
index 0000000..a4c414d
--- /dev/null
+++ b/seta_menu/percorsi/rcodes.html
@@ -0,0 +1,34 @@
+<!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 - Bus in servizio</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 style="display: flex;">
+            <ul>
+                <li><a href="/seta_menu/percorsi/index.html"><h1 style="font-size: 100%;font-weight: 500;">Torna indietro</h1></a></li>
+            </ul>
+        </nav>
+    </header>
+    <h1>Visualizzatore percorsi SETA Modena</h1>
+    <h2>Scegli un percorso:</h2>
+    <div id="res-container"></div>
+    <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/rcodes.js"></script>
+</body>
+</html>
\ No newline at end of file
diff --git a/seta_menu/seta.html b/seta_menu/seta.html
index 3388010..b7868c4 100644
--- a/seta_menu/seta.html
+++ b/seta_menu/seta.html
@@ -49,7 +49,7 @@
       <div>
         <a class="gbutton" href="cercaorario/index.html">Orari in tempo reale</a>
         <a class="gbutton" href="businservizio/index.html">Monitor autobus in servizio (BETA)</a>
-        <a class="gbutton" href="/service/pagenotavailable.html">Percorsi (Accessibile solo dal monitor bus in servizio)</a>
+        <a class="gbutton" href="percorsi/index.html">Percorsi (BETA)</a>
       </div>
     </div>
     <div style="height: 65px;"></div>
diff --git a/sitemap.xml b/sitemap.xml
index 9c00a38..41cb483 100644
--- a/sitemap.xml
+++ b/sitemap.xml
@@ -88,7 +88,7 @@
 	<url>
 		<loc>https://ertpl.pages.dev/seta_menu/seta.html</loc>
 		<priority>0.60</priority>
-		<lastmod>2025-08-25</lastmod>
+		<lastmod>2025-08-26</lastmod>
 	</url>
 	<url>
 		<loc>https://ertpl.pages.dev/seta_menu/radiatimenu.html</loc>
@@ -683,6 +683,11 @@
 	<url>
 		<loc>https://www.ertpl.pages.dev/seta_menu/percorsi/prossimefermate.html</loc>
 		<priority>0.25</priority>
-		<lastmod>2025-08-25</lastmod>
+		<lastmod>2025-08-26</lastmod>
+	</url>
+	<url>
+		<loc>https://www.ertpl.pages.dev/seta_menu/percorsi/rcodes.html</loc>
+		<priority>0.25</priority>
+		<lastmod>2025-08-26</lastmod>
 	</url>
 </urlset>
\ No newline at end of file