js/pis.js

@@ -29,13 +29,13 @@ async function insertData(json) {
     const div = document.getElementById('result-box')
     let tableData = `<table id="result-table">
         <tr>
-        <th class="code">Code</th>
+        <th>Code</th>
-        <th class="stops">Stations</th>
+        <th>Stations</th>
         </tr>`
     let results = 0
     for(var i = 0; i < json.length; i++) {  // Hopefully can style output with CSS
-        tableData += `<tr><td class="code">${json[i]['code']}</td>
+        tableData += `<tr><td class="pis-code">${json[i]['code']}</td>
-            <td class="stops">${json[i]['stops']}</td></tr>`
+            <td class="station">${json[i]['stops']}</td></tr>`
         results++
     }
     tableData += "</table>"

styles/pis.css

@@ -4,4 +4,24 @@
 
 #result-box {
     display: none;
+}
+
+#result-table {
+    margin: auto;
+    width: 85%;
+    max-width: 700px;
+    text-align: center;
+}
+
+#reset {
+    margin-top: 25px;
+}
+
+.pis-code {
+    font-weight:bold;
+}
+
+.station {
+    text-transform:uppercase;
+    overflow-wrap:anywhere
 }

sw.js

@@ -1,6 +1,6 @@
 /* Service Worker */
 
-const appVersion = "2.0.0-dev"
+const appVersion = "1.2.4-dev-pis"
 const cacheName = `owlboard-${appVersion}`;
 const cacheIDs = [cacheName];
 const cacheFiles = [
@@ -13,6 +13,7 @@ const cacheFiles = [
     "/issue.html",
     "/find-code.html",
     "/settings.html",
+    "/pis.html",
     "/manifest.json",
     "/styles/fonts/firamono/firamono-500.woff2",
     "/styles/fonts/firamono/firamono-regular.woff2",
@@ -24,6 +25,7 @@ const cacheFiles = [
     "/styles/issue.css",
     "/styles/main.css",
     "/styles/settings.css",
+    "/styles/pis.css",
     "/js/find-code.js",
     "/js/index.js",
     "/js/issue.js",
@@ -32,6 +34,7 @@ const cacheFiles = [
     "/js/auth.js",
     "/js/settings.js",
     "/js/simple-board.js",
+    "/js/pis.js",
     "/images/icon.svg",
     "/images/logo/wide_logo.svg",
     "/images/logo/mono-logo.svg",