update as of container when the data is out of date

Austionian · Oct 19, 2024 · d6d4b6c · d6d4b6c
1 parent 3d93ed2
commit d6d4b6c
Show file tree

Hide file tree

Showing 5 changed files with 25 additions and 14 deletions.
diff --git a/Cargo.lock b/Cargo.lock
diff --git a/assets/static/index.min.js b/assets/static/index.min.js
diff --git a/client/parsers/realtime.js b/client/parsers/realtime.js
@@ -6,6 +6,7 @@ import {
   removeElement,
   removeStyle,
   removeHidden,
+  setAttribute,
 } from "../utilities";
 
 /**
@@ -88,6 +89,18 @@ export function parseRealtime(data) {
   if (data.loaded_from_fallback) {
     removeHidden("wave-fallback-icon");
   }
+
+  let oneDayMs = 60 * 60 * 24 * 1_000;
+  if (new Date(data.as_of) < new Date() - oneDayMs) {
+    setStyleAttribute(
+      "as-of-container",
+      "background-color: #facc15; color: #000; display: flex; align-items: center; flex-direction: row-reverse; gap: 8px",
+    );
+    document.getElementById("as-of-container").innerHTML +=
+      `<svg class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
+                <path stroke-linecap="round" stroke-linejoin="round" d="M12 9v3.75m-9.303 3.376c-.866 1.5.217 3.374 1.948 3.374h14.71c1.73 0 2.813-1.874 1.948-3.374L13.949 3.378c-.866-1.5-3.032-1.5-3.898 0L2.697 16.126ZM12 15.75h.007v.008H12v-.008Z" />
+              </svg>`;
+  }
 }
 
 /**

diff --git a/src/realtime.rs b/src/realtime.rs
@@ -50,6 +50,7 @@ impl Realtime {
 
             let (as_of, measurements) = line.split_at(16);
             let as_of = Self::parse_as_of(as_of)?;
+            println!("{as_of}");
             return Self::parse_data(
                 measurements,
                 &latest,

diff --git a/templates/base.html b/templates/base.html
@@ -37,20 +37,20 @@
       rel="stylesheet"
     />
 
-    <link rel="preload" href="/assets/styles.css?version=126" as="style" />
+    <link rel="preload" href="/assets/styles.css?version=128" as="style" />
     <link
       rel="preload"
       href="https://cdn.jsdelivr.net/npm/[email protected]/dist/chart.umd.min.js"
       as="script"
     />
     <link
       rel="preload"
-      href="/assets/static/index.min.js?version=129"
+      href="/assets/static/index.min.js?version=131"
       as="script"
     />
 
     <link
-      href="/assets/styles.css?version=126"
+      href="/assets/styles.css?version=128"
       rel="stylesheet"
       type="text/css"
     />
@@ -66,7 +66,7 @@
     @keyup.escape="showLiveFeed = false; showNav = false;"
     :class="{ 'overflow-hidden': showNav || showLiveFeed }"
   >
-    <script src="/assets/static/index.min.js?version=129"></script>
+    <script src="/assets/static/index.min.js?version=131"></script>
     {% block body %} {% endblock %} {% include "includes/footer.html" %} {% if
     live_reload %}
     <script>