From fe22c952212c1afb7fa9d33e6dcf766763abdcc1 Mon Sep 17 00:00:00 2001
From: Thomas Basler <thomas@familie-basler.net>
Date: Fri, 18 Nov 2022 23:16:52 +0100
Subject: [PATCH] webapp: Show Data Age also as timestamp if age > 300 sec

---
 webapp/src/views/HomeView.vue | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/webapp/src/views/HomeView.vue b/webapp/src/views/HomeView.vue
index 56239e4..1c56a45 100644
--- a/webapp/src/views/HomeView.vue
+++ b/webapp/src/views/HomeView.vue
@@ -45,6 +45,9 @@
                                     </div>
                                     <div style="padding-right: 2em;">
                                         Data Age: {{ inverter.data_age }} seconds
+                                        <template v-if="inverter.data_age > 300">
+                                            / {{ calculateAbsoluteTime(inverter.data_age) }}
+                                        </template>
                                     </div>
                                 </div>
                             </div>
@@ -660,6 +663,11 @@ export default defineComponent({
                     }
                 )
         },
+        calculateAbsoluteTime(lastTime: number): string {
+            const userLocale = globalThis.navigator.language;
+            const date = new Date(Date.now() - lastTime * 1000);
+            return date.toLocaleString(userLocale)
+        }
     },
 });
 </script>
\ No newline at end of file