feat(web-app): new components to manage the plots

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),

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>

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