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

121
cards/CronCard.vue
View File

@ -1,39 +1,42 @@
<template>
<q-card flat class="card">
<q-card-section>
<div class="text-h6">CRON Scheduler</div>
</q-card-section>
<q-card-section class="q-pt-none">
<q-expansion-item v-for="cronrec in data.cronrecs" :key="cronrec.num" :label="list_header(cronrec)"
v-show="!cronrec.del">
<q-card flat bordered>
<q-card-section class="q-pt-none">
<div><q-toggle v-model="cronrec.enab" :true-value=1 :false-value=0>Task enabled</q-toggle>
</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.cron" label="CRON expression" />
<q-input v-model="cronrec.exec" label="Execute command" />
</q-card-section>
<q-card-actions>
<q-btn class="btn" flat v-on:click="ApplyCronRecord(cronrec.num)">Save task</q-btn>
<q-btn class="btn" flat v-on:click="DeleteCronRecord(cronrec.num)">Delete task</q-btn>
</q-card-actions>
</q-card>
</q-expansion-item>
</q-card-section>
<q-card-actions>
<div class="q-pa-md">
<q-btn class="btn" flat v-on:click="AddCronRecord">Add task</q-btn>
<q-card flat class="card">
<q-card-section>
<div class="text-h6">CRON Scheduler</div>
</q-card-section>
<q-card-section class="q-pt-none">
<q-expansion-item v-for="(cronrec) in data.cronrecs" :key="cronrec.num" :label="list_header(cronrec)"
v-show="!cronrec.del">
<q-card flat bordered>
<q-card-section class="q-pt-sm">
<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>
</q-card-actions>
</q-card>
<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.exec" label="Execute command" />
</q-card-section>
<q-card-actions>
<q-btn class="btn" flat v-on:click="ApplyCronRecord(cronrec.num)">Save task</q-btn>
<q-btn class="btn" flat v-on:click="DeleteCronRecord(cronrec.num)">Delete task</q-btn>
</q-card-actions>
</q-card>
</q-expansion-item>
</q-card-section>
<q-card-actions>
<div class="q-pa-md">
<q-btn class="btn" flat v-on:click="AddCronRecord">Add task</q-btn>
</div>
</q-card-actions>
</q-card>
</template>
<script setup>
@ -41,44 +44,54 @@ import { reactive, computed } from "vue";
import { PostData } from "components/webguicomp/network";
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) {
return `Task ${rec.num} [${rec.name}]`;
return `Task ${rec.num} [${rec.name}]`;
}
function initrecs() {
let out = [], rec, i;
for (i = 1; i <= 16; i++) {
rec = {
num: i, del: 1, enab: 1, prev: 0, type: 0,
sun_angle: 0, name: "", cron: "", exec: "",
}
out.push(rec);
let out = [], rec, i;
for (i = 1; i <= 16; i++) {
rec = {
num: i, del: 1, enab: 1, prev: 0, type: 0,
sun_angle: 0, name: "", cron: "", exec: "",
}
return out;
out.push(rec);
}
return out;
};
const init = {
cronrecs: initrecs()
cronrecs: initrecs()
}
function ApplyCronRecord(num) {
PostData(data, 1, 1, null);
PostData(data, 1, 1, null);
}
function DeleteCronRecord(num) {
data.cronrecs[num - 1].del = 1;
ApplyCronRecord(num);
data.cronrecs[num - 1].del = 1;
ApplyCronRecord(num);
}
function AddCronRecord() {
for (let i = 0; i < 16; i++) {
if (data.cronrecs[i].del == 1) {
data.cronrecs[i].del = 0;
data.cronrecs[i].enab = 0;
ApplyCronRecord(i + 1);
break;
}
for (let i = 0; i < 16; i++) {
if (data.cronrecs[i].del == 1) {
data.cronrecs[i].del = 0;
data.cronrecs[i].enab = 0;
ApplyCronRecord(i + 1);
break;
}
}
}
const data = reactive(init);