From e13170ed1b7142fb58077d705462e2c9af3a405e Mon Sep 17 00:00:00 2001
From: fastium <yannsierro.pro@gmail.com>
Date: Tue, 13 May 2025 09:26:12 +0200
Subject: [PATCH] feat(web-app): new components to manage the plots

---
 web-app/src/TimeSeriesManager.ts          |  1 +
 web-app/src/components/ButtonInterace.vue | 30 +++++++++++++++++++++++
 web-app/src/const.ts                      |  2 ++
 3 files changed, 33 insertions(+)
 create mode 100644 web-app/src/components/ButtonInterace.vue

diff --git a/web-app/src/TimeSeriesManager.ts b/web-app/src/TimeSeriesManager.ts
index 4161d73..82ba4fc 100644
--- a/web-app/src/TimeSeriesManager.ts
+++ b/web-app/src/TimeSeriesManager.ts
@@ -18,6 +18,7 @@ export class TimeSeriesManager {
     return this.client
       .getValues(user, room, device)
       .then((response) => {
+        console.log(response);
         const serie_temperature = new Serie(
           TEMPERATURE,
           response.data.filter((x: any) => x[TYPE] === TEMPERATURE),
diff --git a/web-app/src/components/ButtonInterace.vue b/web-app/src/components/ButtonInterace.vue
new file mode 100644
index 0000000..1e02b78
--- /dev/null
+++ b/web-app/src/components/ButtonInterace.vue
@@ -0,0 +1,30 @@
+<template></template>
+
+<script lang="ts">
+import { defineComponent } from "vue";
+
+export default defineComponent({
+  name: "ButtonInterface",
+  props: {
+    msg: String,
+  },
+});
+</script>
+
+<!-- Add "scoped" attribute to limit CSS to this component only -->
+<style scoped>
+h3 {
+  margin: 40px 0 0;
+}
+ul {
+  list-style-type: none;
+  padding: 0;
+}
+li {
+  display: inline-block;
+  margin: 0 10px;
+}
+a {
+  color: #42b983;
+}
+</style>
diff --git a/web-app/src/const.ts b/web-app/src/const.ts
index 6dcc093..7eb6d8e 100644
--- a/web-app/src/const.ts
+++ b/web-app/src/const.ts
@@ -1,3 +1,5 @@
+export const APP_NAME = "Home Monitor";
+
 export const URL = "rest.mse.kb28.ch";
 
 // load environment varaibles - need to have the prefix VUE_APP