cron extended editor developing
This commit is contained in:
parent
64e19c892f
commit
72a53fef13
|
|
@ -185,28 +185,8 @@ align-items: center;
|
|||
width:100%;
|
||||
}
|
||||
|
||||
/* The Modal (background) */
|
||||
.modal {
|
||||
display: none; /* Hidden by default */
|
||||
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 */
|
||||
.crselect
|
||||
{
|
||||
height:120px;
|
||||
}
|
||||
|
||||
/* Modal Content */
|
||||
.modal-content {
|
||||
background-color: #fefefe;
|
||||
margin: auto;
|
||||
padding: 20px;
|
||||
border: 1px solid #888;
|
||||
width: 80%;
|
||||
}
|
||||
|
||||
|
||||
|
|
|
|||
|
|
@ -3,37 +3,95 @@ objects_test = ["scene_1","scene_2","scene_3","scene_4","scene_5","scene_6","sce
|
|||
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': 3, 'obj': 8, 'act': 0, 'start': 1675757575, 'cron': '* * * * * *' }];
|
||||
function savetm(n)
|
||||
{
|
||||
function savetm(n) {
|
||||
|
||||
}
|
||||
function deltm(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 getSecondSelect(n) {
|
||||
var s = document.getElementById("seconds").value;
|
||||
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);
|
||||
}
|
||||
function closecron(n)
|
||||
{
|
||||
function closecron(n) {
|
||||
var target = document.getElementById("cronext"+n);
|
||||
var content = "";
|
||||
target.innerHTML = content;
|
||||
}
|
||||
function setcron(n)
|
||||
{
|
||||
function setcron(n) {
|
||||
var target = document.getElementById("cronext" + n);
|
||||
var content = "";
|
||||
content +=("<p>Here extebnded cron editor</p>");
|
||||
content +=("<button class=\"btn\" type=\"button\" onclick=\"closecron("+n+")\">Ready</button>");
|
||||
content += ("<div><label for=\"seconds\">Seconds</label></div>");
|
||||
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;
|
||||
}
|
||||
function drawtimers(tarr)
|
||||
{
|
||||
function drawtimers(tarr) {
|
||||
var num = tarr.length;
|
||||
var target = document.getElementById("timer");
|
||||
var content = "";
|
||||
for (i = 1; i<=num; i++)
|
||||
{
|
||||
for (i = 1; i <= num; i++) {
|
||||
content += ("<div class=\"timer\">");
|
||||
content += ("<label class=\"tmlab\">Timer " + i + "</label>");
|
||||
content += ("<div class=\"timerrec\">");
|
||||
|
|
@ -49,13 +107,15 @@ objects_test = ["scene_1","scene_2","scene_3","scene_4","scene_5","scene_6","sce
|
|||
content += ("<select id=\"action\">");
|
||||
for (k = 0; k < actions_test.length; k++) {
|
||||
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 id=\"object\">");
|
||||
for (k = 0; k < objects_test.length; k++) {
|
||||
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>");
|
||||
|
||||
|
||||
|
|
@ -66,12 +126,10 @@ objects_test = ["scene_1","scene_2","scene_3","scene_4","scene_5","scene_6","sce
|
|||
target.innerHTML = content;
|
||||
}
|
||||
}
|
||||
function applytm()
|
||||
{
|
||||
function applytm() {
|
||||
|
||||
}
|
||||
function addtm()
|
||||
{
|
||||
function addtm() {
|
||||
var num = timarr_test.length + 1;
|
||||
timarr_test.push({ 'num': num, 'start': 1500000000, 'cron': '* * * * * *' });
|
||||
drawtimers(timarr_test);
|
||||
|
|
|
|||
|
|
@ -4,6 +4,6 @@ dependencies:
|
|||
source:
|
||||
type: idf
|
||||
version: 4.4.4
|
||||
manifest_hash: f9b3d78d7d56685d1c543701158a0fab7a56c908117ed70644f77e4247c831ae
|
||||
manifest_hash: 31dd4ec84ade1450fc168388f4adce2efacd1516170670735140bc772e9d72bd
|
||||
target: esp32
|
||||
version: 1.0.0
|
||||
|
|
|
|||
Loading…
Reference in New Issue
Block a user