userbogd/webguicomp
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fixed pass data to CardAction component

Browse Source
This commit is contained in:
Bogdan Pilyugin 2023-08-20 13:49:35 +02:00
parent 9d7f7243b7
commit 6a710b4005
8 changed files with 27 additions and 52 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
CardActions.vue
View File

@ -1,11 +1,13 @@
<template> <template>
<q-card-actions> <q-card-actions>
<q-btn flat v-on:click="SendAndRequest(senddata, 1, 0, 'mykey', true)">Apply</q-btn> <q-btn color="green" v-on:click="SendAndRequest(senddata, 1, 0, 'mykey', true)">Apply</q-btn>
<q-btn flat v-on:click="SendAndRequest(senddata, 1, 1, 'mykey', true)">Save</q-btn> <q-btn color="orange" v-on:click="SendAndRequest(senddata, 1, 1, 'mykey', true)">Save</q-btn>
<q-btn flat v-on:click="SendAndRequest(senddata, 1, 2, 'mykey', true)">Save&Reboot</q-btn> <q-btn color="red" v-on:click="SendAndRequest(senddata, 1, 2, 'mykey', true)">Save & Reboot</q-btn>
</q-card-actions> </q-card-actions>
</template> </template>
<script setup> <script setup>
import { SendAndRequest } from "boot/network"; import { SendAndRequest } from "components/webguicomp/network";
import { defineProps } from "vue";
const props = defineProps(['senddata']);
</script> </script>

8
cards/EthSetCard.vue
View File

@ -19,17 +19,13 @@
</div> </div>
</div> </div>
</q-card-section> </q-card-section>
<q-card-actions> <CardActions :senddata="data"></CardActions>
<q-btn flat v-on:click="SendAndRequest(data, 1, 0, 'mykey', true)">Apply</q-btn>
<q-btn flat v-on:click="SendAndRequest(data, 1, 1, 'mykey', true)">Save</q-btn>
<q-btn flat v-on:click="SendAndRequest(data, 1, 2, 'mykey', true)">Save&Reboot</q-btn>
</q-card-actions>
</q-card> </q-card>
</template> </template>
<script setup> <script setup>
import { reactive } from "vue"; import { reactive } from "vue";
import { SendAndRequest } from "boot/network"; import { SendAndRequest } from "boot/network";
import CardActions from "components/webguicomp/CardActions.vue"
defineOptions({ defineOptions({
name: 'EthSetCard' name: 'EthSetCard'

7
cards/FirmwareCard.vue
View File

@ -15,17 +15,14 @@
</div> </div>
</div> </div>
</q-card-section> </q-card-section>
<q-card-actions> <CardActions :senddata="data"></CardActions>
<q-btn flat v-on:click="SendAndRequest(data, 1, 0, 'mykey', true)">Apply</q-btn>
<q-btn flat v-on:click="SendAndRequest(data, 1, 1, 'mykey', true)">Save</q-btn>
<q-btn flat v-on:click="SendAndRequest(data, 1, 2, 'mykey', true)">Save&Reboot</q-btn>
</q-card-actions>
</q-card> </q-card>
</template> </template>
<script setup> <script setup>
import { reactive } from "vue"; import { reactive } from "vue";
import { SendAndRequest } from "boot/network"; import { SendAndRequest } from "boot/network";
import CardActions from "components/webguicomp/CardActions.vue"
defineOptions({ defineOptions({
name: 'FirmwareCard' name: 'FirmwareCard'

7
cards/MQTT1Card.vue
View File

@ -17,17 +17,14 @@
</div> </div>
</div> </div>
</q-card-section> </q-card-section>
<q-card-actions> <CardActions :senddata="data"></CardActions>
<q-btn flat v-on:click="SendAndRequest(data, 1, 0, 'mykey', true)">Apply</q-btn>
<q-btn flat v-on:click="SendAndRequest(data, 1, 1, 'mykey', true)">Save</q-btn>
<q-btn flat v-on:click="SendAndRequest(data, 1, 2, 'mykey', true)">Save&Reboot</q-btn>
</q-card-actions>
</q-card> </q-card>
</template> </template>
<script setup> <script setup>
import { reactive } from "vue"; import { reactive } from "vue";
import { SendAndRequest } from "boot/network"; import { SendAndRequest } from "boot/network";
import CardActions from "components/webguicomp/CardActions.vue"
const init = { const init = {

29
cards/MQTT2Card.vue
View File

@ -6,34 +6,25 @@
<q-card-section class="q-pt-none"> <q-card-section class="q-pt-none">
<div class="q-pa-md"> <div class="q-pa-md">
<div class="q-gutter-md q-pa-none q-pb-none"> <div class="q-gutter-md q-pa-none q-pb-none">
<q-toggle :dense="true" v-model="data.mqtt_2_enab" label="Eanble MQTT 2" /> <q-toggle v-model="data.mqtt_2_enab" label="Eanble MQTT 2" />
<q-input :dense="true" v-model="data.mqtt_2_serv" label="MQTT broker URL " /> <q-input v-model="data.mqtt_2_serv" label="MQTT broker URL " />
<q-input :dense="true" v-model="data.mqtt_2_port" label="MQTT broker port " /> <q-input v-model="data.mqtt_2_port" label="MQTT broker port " />
<q-input :dense="true" v-model="data.mqtt_2_syst" label="Global system name " /> <q-input v-model="data.mqtt_2_syst" label="Global system name " />
<q-input :dense="true" v-model="data.mqtt_2_group" label="Group name " /> <q-input v-model="data.mqtt_2_group" label="Group name " />
<q-input :dense="true" v-model="data.mqtt_2_clid" label="Device ID prefix" /> <q-input v-model="data.mqtt_2_clid" label="Device ID prefix" />
<q-input :dense="true" v-model="data.mqtt_2_uname" label="Login" /> <q-input v-model="data.mqtt_2_uname" label="Login" />
<q-input :dense="true" v-model="data.mqtt_2_pass" label="Password" /> <q-input v-model="data.mqtt_2_pass" label="Password" />
</div> </div>
</div> </div>
</q-card-section> </q-card-section>
<CardActions :senddata="data"></CardActions>
<q-card-actions>
<q-btn flat v-on:click="SendAndRequest(data, 1, 0, 'mykey', true)">Apply</q-btn>
<q-btn flat v-on:click="SendAndRequest(data, 1, 1, 'mykey', true)">Save</q-btn>
<q-btn flat v-on:click="SendAndRequest(data, 1, 2, 'mykey', true)">Save&Reboot</q-btn>
</q-card-actions>
<CardActions />
</q-card> </q-card>
</template> </template>
<script setup> <script setup>
import { reactive } from "vue"; import { reactive } from "vue";
import { SendAndRequest } from "boot/network"; import { SendAndRequest } from "boot/network";
import CardActions from "components/webguicomp/CardActions.vue"
const init = { const init = {
mqtt_2_enab: false, mqtt_2_enab: false,

8
cards/SNTPCard.vue
View File

@ -13,18 +13,14 @@
</div> </div>
</div> </div>
</q-card-section> </q-card-section>
<q-card-actions> <CardActions :senddata="data"></CardActions>
<q-btn flat v-on:click="SendAndRequest(data, 1, 0, 'mykey', true)">Apply</q-btn>
<q-btn flat v-on:click="SendAndRequest(data, 1, 1, 'mykey', true)">Save</q-btn>
<q-btn flat v-on:click="SendAndRequest(data, 1, 2, 'mykey', true)">Save&Reboot</q-btn>
</q-card-actions>
</q-card> </q-card>
</template> </template>
<script setup> <script setup>
import { reactive } from "vue"; import { reactive } from "vue";
import { SendAndRequest } from "boot/network"; import { SendAndRequest } from "boot/network";
import CardActions from "components/webguicomp/CardActions.vue"
const init = { const init = {

8
cards/SystemCard.vue
View File

@ -18,18 +18,14 @@
</div> </div>
</div> </div>
</q-card-section> </q-card-section>
<q-card-actions> <CardActions :senddata="data"></CardActions>
<q-btn flat v-on:click="SendAndRequest(data, 1, 0, 'mykey', true)">Apply</q-btn>
<q-btn flat v-on:click="SendAndRequest(data, 1, 1, 'mykey', true)">Save</q-btn>
<q-btn flat v-on:click="SendAndRequest(data, 1, 2, 'mykey', true)">Save&Reboot</q-btn>
</q-card-actions>
</q-card> </q-card>
</template> </template>
<script setup> <script setup>
import { reactive } from "vue"; import { reactive } from "vue";
import { SendAndRequest } from "boot/network"; import { SendAndRequest } from "boot/network";
import CardActions from "components/webguicomp/CardActions.vue"
defineOptions({ defineOptions({
name: 'SystemCard' name: 'SystemCard'

2
cards/WifiSetCard.vue
View File

@ -8,7 +8,7 @@
<div class="q-pa-md"> <div class="q-pa-md">
<div class="q-gutter-md q-pa-none q-pb-none"> <div class="q-gutter-md q-pa-none q-pb-none">
<q-toggle :dense="true" v-model="data.wifi_enab" label="WiFi enable" /> <q-toggle :dense="true" v-model="data.wifi_enab" label="WiFi enable" />
<q-btn :dense="true" label="Scan WiFi" @click="OpenScanDialog()"></q-btn> <q-btn color="primary" label="Scan WiFi" @click="OpenScanDialog()"></q-btn>
<q-select :dense="true" v-model="wifimodestr" :options="wifimodes" :map-options="true" :emit-value="true" <q-select :dense="true" v-model="wifimodestr" :options="wifimodes" :map-options="true" :emit-value="true"
label="WiFi mode"></q-select> label="WiFi mode"></q-select>
<q-input :dense="true" v-model="wifipwr" label="Max power, dBm" /> <q-input :dense="true" v-model="wifipwr" label="Max power, dBm" />