Falukant production, family and administration enhancements

frontend/src/components/AppFooter.vue

@@ -1,6 +1,6 @@
 <template>
   <footer>
-    <div class="logo"><img src="/images/icons/logo_color.png"></div>
+    <div class="logo" @click="showFalukantDaemonStatus"><img src="/images/icons/logo_color.png"></div>
     <div class="window-bar">
       <button v-for="dialog in openDialogs" :key="dialog.dialog.name" class="dialog-button"
         @click="toggleDialogMinimize(dialog.dialog.name)" :title="dialog.dialog.localTitle">
@@ -18,14 +18,21 @@
 </template>
 
 <script>
-import { mapGetters } from 'vuex';
+import { mapGetters, mapState } from 'vuex';
 
 export default {
   name: 'AppFooter',
   components: {
   },
   computed: {
-    ...mapGetters('dialogs', ['openDialogs'])
+    ...mapGetters('dialogs', ['openDialogs']),
+    ...mapState(['daemonSocket']),
+  },
+  mounted() {
+    this.daemonSocket.addEventListener('workerStatus', () => { console.log('----'); });
+  },
+  beforeUnmount() {
+    this.daemonSocket.removeEventListener('workerStatus', this.handleDaemonMessage);
   },
   methods: {
     openImprintDialog() {
@@ -39,6 +46,13 @@ export default {
     },
     toggleDialogMinimize(dialogName) {
       this.$store.dispatch('dialogs/toggleDialogMinimize', dialogName);
+    },
+    async showFalukantDaemonStatus() {
+      this.daemonSocket.send('{"event": "getWorkerStatus"}');
+    },
+    handleDaemonMessage(event) {
+      const status = JSON.parse(event.data);
+      console.log(event);
     }
   }
 };