Add a little text saying when the data last was updated

datasektionen · Dec 31, 2024 · 0d83919 · 0d83919
1 parent a7acb02
commit 0d83919
Show file tree

Hide file tree

Showing 5 changed files with 26 additions and 6 deletions.
diff --git a/public/css/common.css b/public/css/common.css
@@ -1,13 +1,13 @@
 @import url('https://fonts.googleapis.com/css?family=Poppins');
 
 * {
-    font-family: 'Poppins';
     margin: 0;
     padding: 0;
     border: none;
 }
 
 body {
+    font-family: 'Poppins';
     background: #222;
 }
 
@@ -29,4 +29,11 @@ p#trafiklab a {
     right: 0;
     font-size: 3vh;
     padding: 0.8vh 0.8vw;
-}
+}
+
+.updated-at {
+    color: white;
+    position: absolute;
+    top: 10px;
+    right: 10px;
+}
diff --git a/public/css/metro.css b/public/css/metro.css
@@ -17,6 +17,7 @@ div#grouptwo {
 }
 
 div.skylttext {
+    padding-top: 20px;
     height: 15vh;
 }
 
@@ -80,4 +81,4 @@ div.marquee>div {
 @keyframes marquee {
     0% { left: 100%; }
     100% { left: -400%; }
-}
+}
diff --git a/views/bus.html b/views/bus.html
@@ -18,6 +18,7 @@
         });
         document.getElementById("bus4").innerHTML = fourhtml;
         document.getElementById("busother").innerHTML = otherhtml;
+        document.querySelector("#last-update").innerText = new Date().toLocaleString("sv-SE", { timeZone: "Europe/Stockholm", day: "numeric", month: "short", hour: "2-digit", minute: "2-digit" });
       });
     </script>
   </head>
@@ -30,5 +31,8 @@ <h3> 4:an </h3>
         <h3> Other </h3>
       </div>
     </div>
+    <div class="updated-at">
+      Datan hämtades senast <span id="last-update"></span>
+    </div>
   </body>
-</html>
+</html>
diff --git a/views/metro.html b/views/metro.html
@@ -26,6 +26,7 @@
         }
         document.getElementById("g1bcontent").innerHTML = northbottom;
         document.getElementById("g2bcontent").innerHTML = southbottom;
+        document.querySelector("#last-update").innerText = new Date().toLocaleString("sv-SE", { timeZone: "Europe/Stockholm", day: "numeric", month: "short", hour: "2-digit", minute: "2-digit" });
       });
     </script>
   </head>
@@ -62,5 +63,8 @@
         </div>
       </div>
     </div>
+    <div class="updated-at">
+      Datan hämtades senast <span id="last-update"></span>
+    </div>
   </body>
-</html>
+</html>
diff --git a/views/tram.html b/views/tram.html
@@ -13,6 +13,7 @@
           tramhtml += `<div><span class='linenr'>${tram.id}</span><span class='dest'>${tram.destination}</span> <span class='time'>${tram.display}</span></div>`;
         });
         document.getElementById("tram").innerHTML = tramhtml;
+        document.querySelector("#last-update").innerText = new Date().toLocaleString("sv-SE", { timeZone: "Europe/Stockholm", day: "numeric", month: "short", hour: "2-digit", minute: "2-digit" });
       });
     </script>
   </head>
@@ -28,5 +29,8 @@ <h3> Roslagsbanan </h3>
       <div><span class='linenr'>42</span><span class='dest'> Täby Någonstans </span> <span class='time'> 42min </span></div>
       <div><span class='linenr'>42</span><span class='dest'> Täby Någonstans </span> <span class='time'> 42min </span></div>
     </div>
+    <div class="updated-at">
+      Datan hämtades senast <span id="last-update"></span>
+    </div>
   </body>
-</html>
+</html>