From 81e246ae413144e7b4f8056998199a9a45c10067 Mon Sep 17 00:00:00 2001
From: bogdan <bogd@live.ru>
Date: Tue, 5 Sep 2023 21:28:18 +0200
Subject: [PATCH] color schemes added to frontend

---
 cards/EthSetCard.vue   |  3 +--
 cards/FirmwareCard.vue |  2 +-
 cards/GSMSetCard.vue   |  2 +-
 cards/HomeCard.vue     |  2 +-
 cards/LoRaSetCard.vue  |  2 +-
 cards/MQTT1Card.vue    |  2 +-
 cards/MQTT2Card.vue    |  2 +-
 cards/ModbusCard.vue   |  2 +-
 cards/SNTPCard.vue     |  2 +-
 cards/StatCard.vue     |  2 +-
 cards/SystemCard.vue   | 16 +++++++++++++---
 cards/WifiSetCard.vue  |  5 +++--
 12 files changed, 26 insertions(+), 16 deletions(-)

diff --git a/cards/EthSetCard.vue b/cards/EthSetCard.vue
index 05ff3ba..fb1ca9d 100644
--- a/cards/EthSetCard.vue
+++ b/cards/EthSetCard.vue
@@ -1,9 +1,8 @@
 <template>
-  <q-card flat bordered class="card" v-show="data.eth_visible">
+  <q-card flat class="card" v-show="data.eth_visible">
     <q-card-section>
       <div class="text-h6">ETHERNET</div>
     </q-card-section>
-
     <q-card-section class="q-pt-none">
       <div class="q-pa-md">
         <div class="q-gutter-md q-pa-none q-pb-none">
diff --git a/cards/FirmwareCard.vue b/cards/FirmwareCard.vue
index 080a4b8..16fa4cb 100644
--- a/cards/FirmwareCard.vue
+++ b/cards/FirmwareCard.vue
@@ -1,5 +1,5 @@
 <template>
-  <q-card flat bordered class="card">
+  <q-card flat class="card">
     <q-card-section>
       <div class="text-h6">FIRMWARE</div>
     </q-card-section>
diff --git a/cards/GSMSetCard.vue b/cards/GSMSetCard.vue
index 9119cdf..8ed6a0b 100644
--- a/cards/GSMSetCard.vue
+++ b/cards/GSMSetCard.vue
@@ -1,5 +1,5 @@
 <template>
-  <q-card flat bordered class="card" v-show="data.gsm_visible">
+  <q-card flat class="card" v-show="data.gsm_visible">
     <q-card-section>
       <div class="text-h6">GPRS MODEM</div>
     </q-card-section>
diff --git a/cards/HomeCard.vue b/cards/HomeCard.vue
index 9bc0431..e875335 100644
--- a/cards/HomeCard.vue
+++ b/cards/HomeCard.vue
@@ -1,5 +1,5 @@
 <template>
-  <q-card flat bordered class="card">
+  <q-card flat class="card">
     <q-card-section>
       <div class="text-h6">Home</div>
     </q-card-section>
diff --git a/cards/LoRaSetCard.vue b/cards/LoRaSetCard.vue
index f21d535..a33fe47 100644
--- a/cards/LoRaSetCard.vue
+++ b/cards/LoRaSetCard.vue
@@ -1,5 +1,5 @@
 <template>
-  <q-card flat bordered class="card" v-show="data.lora_visible">
+  <q-card flat class="card" v-show="data.lora_visible">
     <q-card-section>
       <div class="text-h6">LoRaWAN MODEM</div>
     </q-card-section>
diff --git a/cards/MQTT1Card.vue b/cards/MQTT1Card.vue
index 07e2252..c8f2ea0 100644
--- a/cards/MQTT1Card.vue
+++ b/cards/MQTT1Card.vue
@@ -1,5 +1,5 @@
 <template>
-  <q-card flat bordered class="card">
+  <q-card flat class="card">
     <q-card-section>
       <div class="text-h6">MQTT 1</div>
     </q-card-section>
diff --git a/cards/MQTT2Card.vue b/cards/MQTT2Card.vue
index 7ec56cf..b034f02 100644
--- a/cards/MQTT2Card.vue
+++ b/cards/MQTT2Card.vue
@@ -1,5 +1,5 @@
 <template>
-  <q-card flat bordered class="card">
+  <q-card flat class="card">
     <q-card-section>
       <div class="text-h6">MQTT 2</div>
     </q-card-section>
diff --git a/cards/ModbusCard.vue b/cards/ModbusCard.vue
index ff33872..cacedd4 100644
--- a/cards/ModbusCard.vue
+++ b/cards/ModbusCard.vue
@@ -1,5 +1,5 @@
 <template>
-  <q-card flat bordered class="card" v-show="data.mbtcp_visible">
+  <q-card flat class="card" v-show="data.mbtcp_visible">
     <q-card-section>
       <div class="text-h6">MODBUS</div>
     </q-card-section>
diff --git a/cards/SNTPCard.vue b/cards/SNTPCard.vue
index 6ade95a..03e834e 100644
--- a/cards/SNTPCard.vue
+++ b/cards/SNTPCard.vue
@@ -1,5 +1,5 @@
 <template>
-  <q-card flat bordered class="card">
+  <q-card flat class="card">
     <q-card-section>
       <div class="text-h6">SNTP</div>
     </q-card-section>
diff --git a/cards/StatCard.vue b/cards/StatCard.vue
index 044c935..3624474 100644
--- a/cards/StatCard.vue
+++ b/cards/StatCard.vue
@@ -1,5 +1,5 @@
 <template>
-  <q-card flat bordered class="card">
+  <q-card flat class="card">
     <q-card-section>
       <div class="text-h6">INFO</div>
     </q-card-section>
diff --git a/cards/SystemCard.vue b/cards/SystemCard.vue
index 103cc37..5bec0ab 100644
--- a/cards/SystemCard.vue
+++ b/cards/SystemCard.vue
@@ -1,5 +1,5 @@
 <template>
-  <q-card flat bordered class="card">
+  <q-card flat class="card">
     <q-card-section>
       <div class="text-h6">SYSTEM</div>
     </q-card-section>
@@ -9,6 +9,8 @@
           <q-input v-model="data.net_bios_name" label="Device bios name" />
           <q-input v-model="data.sys_name" label="User name" />
           <q-input type="password" v-model="data.sys_pass" label="User password" />
+          <q-select v-model="colormodestr" :options="colorschemes" :map-options="true" :emit-value="true"
+            label="Color scheme"></q-select>
           <div>Device model: {{ data.model_name }}</div>
           <div>Hardware revision: {{ data.hw_rev }}</div>
           <div>Firmware version: {{ data.fw_rev }}</div>
@@ -41,7 +43,7 @@
 </style>
 
 <script setup>
-import { reactive } from "vue";
+import { reactive, computed } from "vue";
 import { PostData } from "components/webguicomp/network"
 import CardActions from "components/webguicomp/CardActions.vue"
 
@@ -49,9 +51,17 @@ defineOptions({
   name: 'SystemCard'
 })
 const init = {
-  net_bios_name: "", sys_name: "", sys_pass: "",
+  net_bios_name: "", sys_name: "", sys_pass: "", color_scheme: 1,
   model_name: "", hw_rev: 0, fw_rev: "", idf_rev: "", build_date: "", ser_num: ""
 }
+const colorschemes = [
+  { label: 'Light', value: '1' },
+  { label: 'Dark', value: '2' }];
+
+const colormodestr = computed({
+  get() { return (data.color_scheme).toString() },
+  set(val) { data.color_scheme = Number(val); }
+})
 const data = reactive(init);
 PostData(data, 2, 0, null);
 </script>
diff --git a/cards/WifiSetCard.vue b/cards/WifiSetCard.vue
index 594389f..ce02bc1 100644
--- a/cards/WifiSetCard.vue
+++ b/cards/WifiSetCard.vue
@@ -1,5 +1,5 @@
 <template>
-  <q-card flat bordered class="card">
+  <q-card flat class="card">
     <q-card-section>
       <div class="text-h6">WiFi</div>
     </q-card-section>
@@ -9,7 +9,8 @@
         <div class="q-gutter-md q-pa-none q-pb-none">
           <q-toggle v-model="data.wifi_enab" label="WiFi enable" />
           <q-btn label="Scan WiFi" @click="OpenScanDialog()"></q-btn>
-          <q-select v-model="wifimodestr" :options="wifimodes" :map-options="true" :emit-value="true" label="WiFi mode"></q-select>
+          <q-select v-model="wifimodestr" :options="wifimodes" :map-options="true" :emit-value="true"
+            label="WiFi mode"></q-select>
           <q-input type="number" v-model="wifipwr" label="Max power, dBm" />
           <q-input v-model="data.wifi_ap_ssid" label="WiFi network name(AP):" />
           <q-input type="password" v-model="data.wifi_ap_key" label="WiFi network key(AP):" />