From 03f26f229489cc7b7afdf3e3bdd38ce2f9d732b9 Mon Sep 17 00:00:00 2001
From: cheetah <git@cheetah.cat>
Date: Fri, 25 Nov 2022 00:31:39 +0000
Subject: [PATCH] improved ui

---
 html/index.html | 59 ++++++++++++++++++++++++++++++-------------------
 1 file changed, 36 insertions(+), 23 deletions(-)

diff --git a/html/index.html b/html/index.html
index 2783618..51b7c08 100644
--- a/html/index.html
+++ b/html/index.html
@@ -13,9 +13,9 @@
     <div id="app">
         <v-app>
             <v-app-bar app>
-                <v-toolbar-title>
-                    DWD Module Configuration
-                </v-toolbar-title>
+                <v-toolbar-title>DWD Module Configuration</v-toolbar-title>
+                <v-spacer></v-spacer>
+                <v-checkbox label="Expert Mode" v-model="EXPERTMODE"></v-checkbox>
             </v-app-bar>
             <v-content>
                 <v-form>
@@ -27,26 +27,27 @@
                     <v-tabs-items v-model="configTab">
                         <v-tab-item key="regions">
                             <v-container>
-                                <v-row>
-                                    <v-col cols="12" sm="12" md="12">
-                                        <v-checkbox label="Support Menus" v-model="configData.menuSupport"></v-checkbox>
-                                    </v-col>
-                                </v-row>
                                 <p>Regions:</p>
                                 <v-row>
-                                    <v-btn color="success" @click="addRegionCMD()">Add</v-btn>
+                                    <v-btn color="success" @click="addRegionCMD()" ><v-icon>mdi-plus</v-icon> Add</v-btn>
                                 </v-row>
-                                <v-row v-for="(region, index) in configData.regions" :key="region._id" style="border-bottom: 2px solid black;">
-                                    <pre>Index: {{ index }}</pre>
-                                    <v-col cols="12" sm="12" md="12">
-                                        <v-checkbox label="Active" v-model="region.active"></v-checkbox>
-                                        <v-btn color="error" @click="configData.regions.splice(index, 1)" icon><v-icon>mdi-delete</v-icon></v-btn>
-                                    </v-col>
-                                    <v-col cols="6" sm="6" md="4">
-                                    <v-text-field v-model="region.name" label="Name"></v-text-field>
-                                    </v-col>
-                                    <v-col cols="6" sm="6" md="4">
-                                    <v-text-field v-model="region.dwdID" label="DWD ID"></v-text-field>
+                                <v-row v-for="(region, index) in configData.regions" :key="region._id" >
+                                    <v-col>
+                                        <v-row cols="6" sm="12" md="4">
+
+                                            <v-col>
+                                                <v-checkbox label="Active" v-model="region.active"></v-checkbox>
+                                            </v-col>
+                                            <v-col>
+                                                <v-text-field v-model="region.name" label="Name"></v-text-field>
+                                            </v-col>
+                                            <v-col>
+                                                <v-text-field v-model="region.dwdID" label="DWD ID"></v-text-field>
+                                            </v-col>
+                                            <v-col>
+                                                <v-btn color="error" @click="configData.regions.splice(index, 1)" icon><v-icon>mdi-delete</v-icon></v-btn>
+                                            </v-col>
+                                        </v-row>
                                     </v-col>
                                 </v-row>
                                 <v-row>
@@ -58,7 +59,7 @@
                             <v-container>
                                 <b>Routing Paramters:</b>
                                 <v-row>
-                                <v-col cols="12" sm="12" md="6">
+                                <v-col cols="12" sm="12" md="6"  v-show="EXPERTMODE">
                                     <v-text-field label="Daemon Endpoint URL" v-model="configData.pager.url"></v-text-field>
                                 </v-col>
                                 <v-col cols="12" sm="12" md="6">
@@ -74,10 +75,10 @@
                                 <v-btn color="success" @click="addDeliveryTarget()">Add</v-btn>
                                 <v-row v-for="(connector, index) in configData.pager.params.routing.connectors" :key="index">
                                     <v-col cols="6" sm="4" md="4">
-                                        <v-select :items="connectorTypes" v-model="connector[0]" item-text="k" item-value="v" label="Connector Name"></v-select>
+                                        <v-select :items="connectorTypes" v-model="connector[0]" item-text="k" item-value="v" label="Gateway"></v-select>
                                     </v-col>
                                     <v-col cols="6" sm="4" md="4">
-                                        <v-text-field v-model="connector[1]" label="Connector Param"></v-text-field>
+                                        <v-text-field v-model="connector[1]" label="Call ID"></v-text-field>
                                     </v-col>
                                     <v-col cols="6" sm="4" md="4">
                                         <v-btn color="error" @click="configData.pager.params.routing.connectors.splice(index, 1)" icon><v-icon>mdi-delete</v-icon></v-btn>
@@ -90,6 +91,17 @@
                         </v-tab-item>
                     </v-tabs-items>
                 </v-form>
+
+                <v-card class="mx-auto" max-width="344">
+                <v-card-text>
+                    <div>Word of the Day</div>
+                    <p>adjective</p>
+                    <div class="text--primary">
+                    DWD ID auf <a href="https://wettwarn.de/wettwarn_wetterwarnungen/warnregion_waehlen/index.html">WettWarn</a> generieren und 3 stelligen Code einfügen
+
+                    </div>
+                </v-card-text>
+                </v-card>
             </v-content>
         </v-app>
     </div>
@@ -104,6 +116,7 @@
             http: { root: '/' },
             data() {
                 return {
+                    EXPERTMODE: false,
                     configTab: null,
                     pagerTypes: [
                         {k: 'Simple', v: 'simple'},