made ui more modular

rust/src_webpack/src/network.ts

@@ -1,13 +1,12 @@
 import { Controller } from ".";
 
 export class NetworkConfigView {
-    getConfig(): NetworkConfig {
-      return {
-        ap_ssid: this.ap_ssid.value,
-        ssid: this.ssid.value,
-        password: this.password.value,
-        mqtt_url: this.mqtt_url.value,
-        base_topic: this.base_topic.value
+    setScanResult(ssidList: SSIDList) {
+      this.ssidlist.innerHTML = ''
+      for (var ssid of ssidList.ssids) {
+        var wi = document.createElement("option");
+        wi.value = ssid;
+        this.ssidlist.appendChild(wi);
       }
     }
     private readonly ap_ssid: HTMLInputElement;
@@ -15,7 +14,8 @@ export class NetworkConfigView {
     private readonly password: HTMLInputElement;
     private readonly mqtt_url: HTMLInputElement;
     private readonly base_topic: HTMLInputElement;
-  
+    private readonly ssidlist: HTMLElement;
+    
     constructor(controller: Controller) {
       this.ap_ssid = (document.getElementById("ap_ssid") as HTMLInputElement);
       this.ap_ssid.onchange = controller.configChanged
@@ -28,5 +28,30 @@ export class NetworkConfigView {
       this.mqtt_url.onchange = controller.configChanged
       this.base_topic = document.getElementById("base_topic") as HTMLInputElement;
       this.base_topic.onchange = controller.configChanged
+
+      this.ssidlist = document.getElementById("ssidlist") as HTMLElement
+
+      let scanWifiBtn = document.getElementById("scan") as HTMLButtonElement;
+      scanWifiBtn.onclick = function (){
+        controller.scanWifi();
+      }
+    }
+
+    setConfig(network: NetworkConfig) {
+      this.ap_ssid.value = network.ap_ssid;
+      this.ssid.value = network.ssid;
+      this.password.value = network.password;
+      this.mqtt_url.value = network.mqtt_url;
+      this.base_topic.value = network.base_topic;
+    }
+    
+    getConfig(): NetworkConfig {
+      return {
+        ap_ssid: this.ap_ssid.value,
+        ssid: this.ssid.value,
+        password: this.password.value,
+        mqtt_url: this.mqtt_url.value,
+        base_topic: this.base_topic.value
+      }
     }
   }