From c52f1eeaa2abca43cb098fa67cde197c3a0d8b92 Mon Sep 17 00:00:00 2001
From: Thomas Basler <thomas@familie-basler.net>
Date: Mon, 17 Oct 2022 20:02:05 +0200
Subject: [PATCH] webapp: create interface for NetworkConfig

---
 webapp/src/types/NetworkkConfig.ts    | 11 +++++++++++
 webapp/src/views/NetworkAdminView.vue | 13 ++-----------
 2 files changed, 13 insertions(+), 11 deletions(-)
 create mode 100644 webapp/src/types/NetworkkConfig.ts

diff --git a/webapp/src/types/NetworkkConfig.ts b/webapp/src/types/NetworkkConfig.ts
new file mode 100644
index 0000000..0c79d6a
--- /dev/null
+++ b/webapp/src/types/NetworkkConfig.ts
@@ -0,0 +1,11 @@
+export interface NetworkConfig {
+    ssid: string,
+    password: string,
+    hostname: string,
+    dhcp: boolean,
+    ipaddress: string,
+    netmask: string,
+    gateway: string,
+    dns1: string,
+    dns2: string
+}
\ No newline at end of file
diff --git a/webapp/src/views/NetworkAdminView.vue b/webapp/src/views/NetworkAdminView.vue
index 85fdfd4..928c5e5 100644
--- a/webapp/src/views/NetworkAdminView.vue
+++ b/webapp/src/views/NetworkAdminView.vue
@@ -114,6 +114,7 @@
 <script lang="ts">
 import { defineComponent } from 'vue';
 import BootstrapAlert from "@/components/BootstrapAlert.vue";
+import type { NetworkConfig } from "@/types/NetworkkConfig";
 
 export default defineComponent({
     components: {
@@ -122,17 +123,7 @@ export default defineComponent({
     data() {
         return {
             dataLoading: true,
-            networkConfigList: {
-                ssid: "",
-                password: "",
-                hostname: "",
-                dhcp: false,
-                ipaddress: "",
-                netmask: "",
-                gateway: "",
-                dns1: "",
-                dns2: ""
-            },
+            networkConfigList: {} as NetworkConfig,
             alertMessage: "",
             alertType: "info",
             showAlert: false,