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

implemented scheduler type selector

Browse Source
This commit is contained in:
Bogdan Pilyugin 2024-05-15 20:02:01 +02:00
parent bc3034b97c
commit 5bd87024fd
1 changed files with 67 additions and 54 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

33
cards/CronCard.vue
View File

@ -4,20 +4,23 @@
<div class="text-h6">CRON Scheduler</div> <div class="text-h6">CRON Scheduler</div>
</q-card-section> </q-card-section>
<q-card-section class="q-pt-none"> <q-card-section class="q-pt-none">
<q-expansion-item v-for="cronrec in data.cronrecs" :key="cronrec.num" :label="list_header(cronrec)" <q-expansion-item v-for="(cronrec) in data.cronrecs" :key="cronrec.num" :label="list_header(cronrec)"
v-show="!cronrec.del"> v-show="!cronrec.del">
<q-card flat bordered> <q-card flat bordered>
<q-card-section class="q-pt-none"> <q-card-section class="q-pt-sm">
<div><q-toggle v-model="cronrec.enab" :true-value=1 :false-value=0>Task enabled</q-toggle> <div class="row">
<div class="col-6"><q-toggle v-model="cronrec.enab" :true-value=1 :false-value=0>Enabled</q-toggle></div>
<div class="col-6"><q-toggle v-model="cronrec.prev" :true-value=1 :false-value=0>Back trigger</q-toggle>
</div>
</div> </div>
<div><q-toggle v-model="cronrec.prev" :true-value=1 :false-value=0>Trigger
previous</q-toggle></div>
<q-input v-model="cronrec.type" label="Timer type" />
<q-input v-model="cronrec.sun_angle" label="Sun angle" />
<q-input v-model="cronrec.name" label="Task name" /> <q-input v-model="cronrec.name" label="Task name" />
<div class="row">
<div class="col-6"><q-select v-model="cronrec.type" :options="typeopt" option-value="val"
option-label="lab" :map-options="true" :emit-value="true" label="Timer type"></q-select></div>
<div class="col-6 q-pl-md" v-if="cronrec.type > 0">
<q-input v-model="cronrec.sun_angle" label="Sun angle" />
</div>
</div>
<q-input v-model="cronrec.cron" label="CRON expression" /> <q-input v-model="cronrec.cron" label="CRON expression" />
<q-input v-model="cronrec.exec" label="Execute command" /> <q-input v-model="cronrec.exec" label="Execute command" />
</q-card-section> </q-card-section>
@ -41,6 +44,16 @@ import { reactive, computed } from "vue";
import { PostData } from "components/webguicomp/network"; import { PostData } from "components/webguicomp/network";
import { ShowDelayDialog } from "components/webguicomp/helpers"; import { ShowDelayDialog } from "components/webguicomp/helpers";
const typestr = computed({
get() { return (data.cronrecs[key - 1].type).toString() }
})
const typeopt = [
{ lab: 'Manual', val: 0 },
{ lab: 'Sunrise', val: 1 },
{ lab: 'Sunset', val: 2 }
]
function list_header(rec) { function list_header(rec) {
return `Task ${rec.num} [${rec.name}]`; return `Task ${rec.num} [${rec.name}]`;
} }