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

lora card implemented in frontend

Browse Source
This commit is contained in:
Bogdan Pilyugin 2023-08-30 15:14:35 +02:00
parent a045f63cba
commit fffc3b233b
1 changed files with 33 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

33
cards/LoRaSetCard.vue Normal file
View File

@ -0,0 +1,33 @@
<template>
<q-card flat bordered class="card" v-show="data.lora_visible">
<q-card-section>
<div class="text-h6">LoRaWAN MODEM</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">
<q-toggle v-model="data.lora_enab" label="LoRaWAN enable" />
<q-input v-model="data.lora_devid" label="Device ID" />
<q-input v-model="data.lora_appid" label="Application ID" />
<q-input v-model="data.lora_appkey" label="Application key" />
</div>
</div>
</q-card-section>
<CardActions :senddata="data"></CardActions>
</q-card>
</template>
<script setup>
import { reactive } from "vue";
import { PostData } from "components/webguicomp/network";
import CardActions from "components/webguicomp/CardActions.vue"
const init = {
lora_visible: false,
lora_enab: false,
lora_devid: '',
lora_appid: '',
lora_appkey: ''
}
const data = reactive(init);
PostData(data, 2, 0, null);
</script>