From c9b752f8e273f18199b43751662ecbc1d22b6f1a Mon Sep 17 00:00:00 2001 From: Keyemail Date: Tue, 17 Sep 2024 02:28:54 -0700 Subject: [PATCH 1/2] Made internet setup reactive --- src/pages/basicDashboard/InternetSetup.vue | 163 +++++++++++++-------- src/styles/basicDashboard.css | 3 + 2 files changed, 108 insertions(+), 58 deletions(-) diff --git a/src/pages/basicDashboard/InternetSetup.vue b/src/pages/basicDashboard/InternetSetup.vue index 6df9a9f..e916a63 100644 --- a/src/pages/basicDashboard/InternetSetup.vue +++ b/src/pages/basicDashboard/InternetSetup.vue @@ -1,67 +1,114 @@ + + diff --git a/src/styles/basicDashboard.css b/src/styles/basicDashboard.css index f742fa6..a7aede0 100644 --- a/src/styles/basicDashboard.css +++ b/src/styles/basicDashboard.css @@ -130,6 +130,9 @@ gap: 10px; } + .seperator { + margin-top: 20px; + } .selectOption { display: flex; align-items: center; -- 2.39.2 From ad82a5f6f027b411881650eab724057e97a27f53 Mon Sep 17 00:00:00 2001 From: Patrick Hatsune Date: Thu, 26 Sep 2024 17:30:18 -0700 Subject: [PATCH 2/2] Added labels, made options optional, default selected option --- src/pages/basicDashboard/InternetSetup.vue | 121 ++++++++++++++++----- src/pages/basicDashboard/Wireless.vue | 8 +- src/styles/basicDashboard.css | 2 +- 3 files changed, 99 insertions(+), 32 deletions(-) diff --git a/src/pages/basicDashboard/InternetSetup.vue b/src/pages/basicDashboard/InternetSetup.vue index e916a63..7c06fb0 100644 --- a/src/pages/basicDashboard/InternetSetup.vue +++ b/src/pages/basicDashboard/InternetSetup.vue @@ -2,95 +2,148 @@ import { shallowRef } from 'vue' const pageTitle="Internet Setup" - interface sectionsType { - title: string, - ID: string, - forms: { - name: string, + interface Sections { + title?: string, + id: string, + selectedRadio?: number, + forms?: { + name?: string, class: string, option: string, - label: string + label?: string, }[] } - const sections = shallowRef([]); + const sections = shallowRef([]); sections.value = [ { title: "Does your internet require a login?", - ID: "internetSetupLogin", + id: "internetSetupLogin", + selectedRadio: 0, forms: [ { name: "internetLoginOption", class: "selectOption", option: "radio", - label: "Yes" + label: "Yes", }, { name: "internetLoginOption", class: "selectOption", option: "radio", - label: "No" + label: "No", + }, + { + name: "internetLoginInput", + class: "inputOption", + option: "text", + label: "Username/Email", + }, + { + name: "internetLoginInput", + class: "inputOption", + option: "password", + label: "Password", } ] }, { title: "Internet IP Address", - ID: "internetSetupIP", + id: "internetSetupIP", + selectedRadio: 0, forms: [ { name: "internetIPOption", class: "selectOption", option: "radio", - label: "Dynamic IP from ISP" + label: "Dynamic IP from ISP", }, { name: "internetIPOption", class: "selectOption", option: "radio", - label: "Static IP from ISP" - } + label: "Static IP from ISP", + }, + { + name: "internetIPInput", + class: "inputOption", + option: "text", + label: "IP Address" + }, + { + name: "internetIPInput", + class: "inputOption", + option: "text", + label: "IP Subnet Mask" + }, + { + name: "internetIPInput", + class: "inputOption", + option: "text", + label: "Gateway IP Address" + }, ] }, { title: "DNS (Domain Name Server) Address", - ID: "internetSetupDNS", + id: "internetSetupDNS", + selectedRadio: 0, forms: [ { name: "internetDNSOption", class: "selectOption", option: "radio", - label: "Automatic DNS from ISP" + label: "Automatic DNS from ISP", }, { name: "internetDNSOption", class: "selectOption", option: "radio", - label: "Select DNS Servers" - } + label: "Select DNS Servers", + }, + { + name: "internetDNSInput", + class: "inputOption", + option: "text", + label: "Primary DNS" + }, + { + name: "internetDNSInput", + class: "inputOption", + option: "text", + label: "Secondary DNS" + }, ] }, { title: "Router MAC Address", - ID: "internetSetupMAC", + id: "internetSetupMAC", + selectedRadio: 0, forms: [ { name: "internetMACOption", class: "selectOption", option: "radio", - label: "Default Address" + label: "Default Address", }, { name: "internetMACOption", class: "selectOption", option: "radio", - label: "Computer MAC Address" + label: "Computer MAC Address", }, { name: "internetMACOption", class: "selectOption", option: "radio", - label: "Specific MAC Adress" - } + label: "Specific MAC Address", + }, + { + name: "internetMACInput", + class: "inputOption", + option: "text", + label: "MAC Address", + }, ] } ] @@ -99,14 +152,28 @@