step 17 : setting form TCP Server and TCP Client

v1/js/settings.js

@@ -9,6 +9,8 @@ document.addEventListener('alpine:init', () => {
             namaInterface: '',
             idInstrument: -1,
             namaInstrument: '',
+            // idJenis 2 ketambahan server
+            server: '',
         },
         dataSetting: [
             {
@@ -104,6 +106,24 @@ document.addEventListener('alpine:init', () => {
         ],
         // 1. Inisialisasi End
         // 2. Fungsi Start
+        closeDialog() {
+            this.openJenis = false;
+            this.openInterface = false;
+            this.openInstrument = false;
+            this.selectedJenis = {
+                idJenis: -1,
+                namaJenis: 'Jenis'
+            };
+            this.selectedInterface = {
+                idInterface: -1,
+                namaInterface: 'Interface'
+            };
+            this.selectedInstrument = {
+                idInstrument: -1,
+                namaInstrument: 'Instrument'
+            }
+            this.showDialogAdd = false
+        },
         onChangeJenis(item) {
             this.openJenis = false;
             this.selectedJenis = item;
@@ -114,8 +134,17 @@ document.addEventListener('alpine:init', () => {
                 namaInterface: '',
                 idInstrument: -1,
                 namaInstrument: '',
+                server: '',
             };
         },
+        onChangeInterface(item) {
+            this.openInterface = false;
+            this.selectedInterface = item;
+        },
+        onChangeInstrument(item) {
+            this.openInstrument = false;
+            this.selectedInstrument = item;
+        },
         // 2. Fungsi End
     }))
 })