improved ui

master
cheetah 2 years ago
parent e5364865b8
commit 03f26f2294

@ -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'},

Loading…
Cancel
Save