From a9a6a40eb88498807cb9768b1293ba78e1764322 Mon Sep 17 00:00:00 2001
From: Thomas Basler <thomas@familie-basler.net>
Date: Mon, 17 Oct 2022 19:59:11 +0200
Subject: [PATCH] webapp: create interface for MqttConfig

---
 webapp/src/types/MqttConfig.ts     | 20 ++++++++++++++++++++
 webapp/src/views/MqttAdminView.vue | 22 ++--------------------
 2 files changed, 22 insertions(+), 20 deletions(-)
 create mode 100644 webapp/src/types/MqttConfig.ts

diff --git a/webapp/src/types/MqttConfig.ts b/webapp/src/types/MqttConfig.ts
new file mode 100644
index 0000000..02619dd
--- /dev/null
+++ b/webapp/src/types/MqttConfig.ts
@@ -0,0 +1,20 @@
+export interface MqttConfig {
+    mqtt_enabled: boolean,
+    mqtt_hostname: string,
+    mqtt_port: number,
+    mqtt_username: string,
+    mqtt_password: string,
+    mqtt_topic: string,
+    mqtt_publish_interval: number,
+    mqtt_retain: boolean,
+    mqtt_tls: boolean,
+    mqtt_root_ca_cert: string,
+    mqtt_lwt_topic: string,
+    mqtt_lwt_online: string,
+    mqtt_lwt_offline: string,
+    mqtt_hass_enabled: boolean,
+    mqtt_hass_expire: boolean,
+    mqtt_hass_retain: boolean,
+    mqtt_hass_topic: string,
+    mqtt_hass_individualpanels: boolean
+}
\ No newline at end of file
diff --git a/webapp/src/views/MqttAdminView.vue b/webapp/src/views/MqttAdminView.vue
index 2dad2ad..55ab6c2 100644
--- a/webapp/src/views/MqttAdminView.vue
+++ b/webapp/src/views/MqttAdminView.vue
@@ -228,6 +228,7 @@
 <script lang="ts">
 import { defineComponent } from 'vue';
 import BootstrapAlert from "@/components/BootstrapAlert.vue";
+import type { MqttConfig } from "@/types/MqttConfig";
 
 export default defineComponent({
     components: {
@@ -236,26 +237,7 @@ export default defineComponent({
     data() {
         return {
             dataLoading: true,
-            mqttConfigList: {
-                mqtt_enabled: false,
-                mqtt_hostname: "",
-                mqtt_port: 0,
-                mqtt_username: "",
-                mqtt_password: "",
-                mqtt_topic: "",
-                mqtt_publish_interval: 0,
-                mqtt_retain: false,
-                mqtt_tls: false,
-                mqtt_root_ca_cert: "",
-                mqtt_lwt_topic: "",
-                mqtt_lwt_online: "",
-                mqtt_lwt_offline: "",
-                mqtt_hass_enabled: false,
-                mqtt_hass_expire: false,
-                mqtt_hass_retain: false,
-                mqtt_hass_topic: "",
-                mqtt_hass_individualpanels: false
-            },
+            mqttConfigList: {} as MqttConfig,
             alertMessage: "",
             alertType: "info",
             showAlert: false,