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

cron extended editor developing

Browse Source
This commit is contained in:
Bogdan Pilyugin 2023-04-11 19:58:26 +02:00
parent 64e19c892f
commit 72a53fef13
4 changed files with 175 additions and 137 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
HTML/res/appstyles.css
View File

@ -185,28 +185,8 @@ align-items: center;
width:100%; width:100%;
} }
​/* The Modal (background) */ .crselect
.modal { {
display: none; /* Hidden by default */ height:120px;
position: fixed; /* Stay in place */
z-index: 1; /* Sit on top */
padding-top: 100px; /* Location of the box */
left: 0;
top: 0;
width: 100%; /* Full width */
height: 100%; /* Full height */
overflow: auto; /* Enable scroll if needed */
background-color: rgb(0,0,0); /* Fallback color */
background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
} }
/* Modal Content */
.modal-content {
background-color: #fefefe;
margin: auto;
padding: 20px;
border: 1px solid #888;
width: 80%;
}

166
HTML/res/cron.js
View File

@ -1,78 +1,136 @@
objects_test = ["scene_1","scene_2","scene_3","scene_4","scene_5","scene_6","scene_7","scene_8","scene_9","scene_10","scene_11","scene_12","scene_13","scene_14","scene_15","scene_16"]; objects_test = ["scene_1", "scene_2", "scene_3", "scene_4", "scene_5", "scene_6", "scene_7", "scene_8", "scene_9", "scene_10", "scene_11", "scene_12", "scene_13", "scene_14", "scene_15", "scene_16"];
actions_test = ["start", "stop"]; actions_test = ["start", "stop"];
timarr_test = [{'num':1, 'obj':2, 'act':0, 'start':1000000000,'cron':'*/2 * * * * *'}, timarr_test = [{ 'num': 1, 'obj': 2, 'act': 0, 'start': 1000000000, 'cron': '*/2 * * * * *' },
{'num':2, 'obj':12,'act':1, 'start':1622222222,'cron':'6 0 12 * * *'}, { 'num': 2, 'obj': 12, 'act': 1, 'start': 1622222222, 'cron': '6 0 12 * * *' },
{'num':3, 'obj':8,'act':0, 'start':1675757575,'cron':'* * * * * *'}]; { 'num': 3, 'obj': 8, 'act': 0, 'start': 1675757575, 'cron': '* * * * * *' }];
function savetm(n) function savetm(n) {
{
}
function set_cron_string(tnum, s, m, h, d, mm, w) {
var c = (document.getElementById("cron" + tnum).value).split(" ");
if (c.length == 6) {
if (s != null)
c[0] = s;
if (m != null)
c[1] = m;
if (h != null)
c[2] = h;
if (d != null)
c[3] = d;
if (mm != null)
c[4] = mm;
if (w != null)
c[5] = w;
document.getElementById("cron" + tnum).value = c[0] + " " + c[1] + " " + c[2] + " " + c[3] + " " + c[4] + " " + c[5];
} }
function deltm(n) }
{ function getSecondSelect(n) {
alert("Delete timer "+n); var s = document.getElementById("seconds").value;
timarr_test.splice(n-1,1); set_cron_string(n, s, null, null, null, null, null);
}
function getMinutesSelect(n) {
var m = document.getElementById("minutes").value;
set_cron_string(n, null, m, null, null, null, null);
}
function getHoursSelect(n) {
var h = document.getElementById("hours").value;
set_cron_string(n, null, null, h, null, null, null);
}
function deltm(n) {
alert("Delete timer " + n);
timarr_test.splice(n - 1, 1);
drawtimers(timarr_test); drawtimers(timarr_test);
} }
function closecron(n) function closecron(n) {
{
var target = document.getElementById("cronext"+n); var target = document.getElementById("cronext"+n);
var content = ""; var content = "";
target.innerHTML = content; target.innerHTML = content;
} }
function setcron(n) function setcron(n) {
{ var target = document.getElementById("cronext" + n);
var target = document.getElementById("cronext"+n);
var content = ""; var content = "";
content +=("<p>Here extebnded cron editor</p>"); content += ("<div><label for=\"seconds\">Seconds</label></div>");
content +=("<button class=\"btn\" type=\"button\" onclick=\"closecron("+n+")\">Ready</button>"); content += ("<div><select multiple size=\"10\" class=\"crselect\" name=\"selectSeconds" + n + "[]\" id=\"seconds\" onchange=\"getSecondSelect("+n+")\">");
content += ("<option value=\"*\">Every Second</option>");
content += ("<option value=\"*/2\">Even Second</option>");
content += ("<option value=\"1-59/2\">Odd Second</option>");
content += ("<option value=\"*/5\">Every 5 Second</option>");
content += ("<option value=\"*/15\">Every 15 Second</option>");
content += ("<option value=\"*/30\">Every 30 Second</option>");
for (s = 0; s < 60; s++) { content += ("<option value=\"" + s + "\">" + s + "</option>"); }
content += ("</select></div>");
content += ("<div><label for=\"minutes\">Minutes</label></div>");
content += ("<div><select multiple size=\"10\" class=\"crselect\" name=\"selectMinutes" + n + "[]\" id=\"minutes\" onchange=\"getMinutesSelect("+n+")\">");
content += ("<option value=\"*\">Every Minute</option>");
content += ("<option value=\"*/2\">Even Minutes</option>");
content += ("<option value=\"1-59/2\">Odd Minute</option>");
content += ("<option value=\"*/5\">Every 5 Minutes</option>");
content += ("<option value=\"*/15\">Every 15 Minutes</option>");
content += ("<option value=\"*/30\">Every 30 Minutes</option>");
for (s = 0; s < 60; s++) { content += ("<option value=\"" + s + "\">" + s + "</option>"); }
content += ("</select></div>");
content += ("<select multiple size=\"10\" class=\"crselect\" name=\"selectHours" + n + "[]\" id=\"hours\" onchange=\"getHoursSelect("+n+")\">");
content += ("<option value=\"*\">Every Hour</option>");
content += ("<option value=\"*/2\">Even Hours</option>");
content += ("<option value=\"1-59/2\">Odd Hours</option>");
content += ("<option value=\"*/5\">Every 5 Hours</option>");
content += ("<option value=\"*/15\">Every 15 Hours</option>");
content += ("<option value=\"*/30\">Every 30 Hours</option>");
for (s = 0; s < 60; s++) { content += ("<option value=\"" + s + "\">" + s + "</option>"); }
content += ("</select>");
content += ("<div><button class=\"btn\" type=\"button\" onclick=\"closecron(" + n + ")\">Ready</button></div>");
target.innerHTML = content; target.innerHTML = content;
} }
function drawtimers(tarr) function drawtimers(tarr) {
{
var num = tarr.length; var num = tarr.length;
var target = document.getElementById("timer"); var target = document.getElementById("timer");
var content = ""; var content = "";
for (i = 1; i<=num; i++) for (i = 1; i <= num; i++) {
{ content += ("<div class=\"timer\">");
content +=("<div class=\"timer\">"); content += ("<label class=\"tmlab\">Timer " + i + "</label>");
content +=("<label class=\"tmlab\">Timer "+i+"</label>"); content += ("<div class=\"timerrec\">");
content +=("<div class=\"timerrec\">");
content +=("<div class=\"nowrap\">"); content += ("<div class=\"nowrap\">");
//content +=("<label for=\"cron"+i+"\">Cron string:</label>"); //content +=("<label for=\"cron"+i+"\">Cron string:</label>");
content +=("<input type=\"text\" id=\"cron"+i+"\" value=\""+tarr[i-1].cron+"\"></input>"); content += ("<input type=\"text\" id=\"cron" + i + "\" value=\"" + tarr[i - 1].cron + "\"></input>");
content +=("<button class=\"tmbtn btn\" type=\"button\" onclick=\"setcron("+i+")\">Set cron</button></div></div>") content += ("<button class=\"tmbtn btn\" type=\"button\" onclick=\"setcron(" + i + ")\">Set cron</button></div></div>")
content +=("<div id=\"cronext"+i+"\"></div>"); content += ("<div id=\"cronext" + i + "\"></div>");
content +=("<input class=\"tmpick\" type=\"​datetime-local\" value=\""+UnixToStr(tarr[i-1].start,10,1)+"\"></input>"); content += ("<input class=\"tmpick\" type=\"​datetime-local\" value=\"" + UnixToStr(tarr[i - 1].start, 10, 1) + "\"></input>");
content +=("<select id=\"action\">"); content += ("<select id=\"action\">");
for (k = 0; k < actions_test.length; k++){ for (k = 0; k < actions_test.length; k++) {
var selected = (tarr[i-1].act == k)?"selected":""; var selected = (tarr[i - 1].act == k) ? "selected" : "";
content +=("<option value=\""+(k+1)+"\" "+selected+">"+actions_test[k]+"</option>");} content += ("<option value=\"" + (k + 1) + "\" " + selected + ">" + actions_test[k] + "</option>");
content +=("</select>"); }
content += ("</select>");
content +=("<select id=\"object\">"); content += ("<select id=\"object\">");
for (k = 0; k < objects_test.length; k++){ for (k = 0; k < objects_test.length; k++) {
var selected = (tarr[i-1].obj == k)?"selected":""; var selected = (tarr[i - 1].obj == k) ? "selected" : "";
content +=("<option value=\""+(k+1)+"\" "+selected+">"+objects_test[k]+"</option>");} content += ("<option value=\"" + (k + 1) + "\" " + selected + ">" + objects_test[k] + "</option>");
content +=("</select>"); }
content += ("</select>");
content +=("<button class=\"btn\" type=\"button\" onclick=\"savetm("+i+")\">Save</button>"); content += ("<button class=\"btn\" type=\"button\" onclick=\"savetm(" + i + ")\">Save</button>");
content +=("<button class=\"btn\" type=\"button\" onclick=\"deltm("+i+")\">Delete</button>"); content += ("<button class=\"btn\" type=\"button\" onclick=\"deltm(" + i + ")\">Delete</button>");
content +=("</div>"); content += ("</div>");
target.innerHTML = content; target.innerHTML = content;
} }
} }
function applytm() function applytm() {
{
} }
function addtm() function addtm() {
{
var num = timarr_test.length + 1; var num = timarr_test.length + 1;
timarr_test.push({'num':num,'start':1500000000,'cron':'* * * * * *'}); timarr_test.push({ 'num': num, 'start': 1500000000, 'cron': '* * * * * *' });
drawtimers(timarr_test); drawtimers(timarr_test);
} }

2
dependencies.lock
View File

@ -4,6 +4,6 @@ dependencies:
source: source:
type: idf type: idf
version: 4.4.4 version: 4.4.4
manifest_hash: f9b3d78d7d56685d1c543701158a0fab7a56c908117ed70644f77e4247c831ae manifest_hash: 31dd4ec84ade1450fc168388f4adce2efacd1516170670735140bc772e9d72bd
target: esp32 target: esp32
version: 1.0.0 version: 1.0.0