Fix countdown inital value, fix colortable time pickers
This commit is contained in:
parent
1aea4d54df
commit
469fa5048c
@ -22,12 +22,11 @@ function convertStringBooleanToBoolean(stringBoolean) {
|
||||
|
||||
function wrapBooleanConverter(stringBoolean, res) {
|
||||
const temp = convertStringBooleanToBoolean(stringBoolean);
|
||||
if(temp === -1) {
|
||||
if(temp == -1) {
|
||||
res.json({ status: "error", message: "Invalid boolean value" });
|
||||
} else {
|
||||
return(temp);
|
||||
}
|
||||
}
|
||||
|
||||
// export { convertStringBooleanToBoolean, wrapBooleanConverter };
|
||||
module.exports = { convertStringBooleanToBoolean, wrapBooleanConverter };
|
||||
34
index.js
34
index.js
@ -40,7 +40,7 @@ currentState = {
|
||||
showMessage: false,
|
||||
messageAppearTime: 0,
|
||||
showProgressbar: true,
|
||||
colorSegments: { 40000: "yellow", 20000: "#FFAE00", 5000: "#ff0000", "START": "green" },
|
||||
colorSegments: { 40000: "yellow", 20000: "#FFAE00", 5000: "#ff0000", "START": "green" },
|
||||
textColors: {},
|
||||
srvTime: 0,
|
||||
enableColoredText: true,
|
||||
@ -58,7 +58,7 @@ currentState.textColors = currentState.colorSegments
|
||||
const wsServer = new ws.Server({ noServer: true });
|
||||
wsServer.on('connection', socket => {
|
||||
socket.on('message', function incoming(data) {
|
||||
if(data.toString() == "new client"){
|
||||
if (data.toString() == "new client") {
|
||||
updatedData()
|
||||
}
|
||||
});
|
||||
@ -78,7 +78,7 @@ function updatedData() {
|
||||
currentState.srvTime = new Date().getTime()
|
||||
wsServer.broadcast(JSON.stringify(currentState));
|
||||
clearTimeout(updatey);
|
||||
setTimeout(updatedData, 5000 );
|
||||
setTimeout(updatedData, 5000);
|
||||
}
|
||||
|
||||
console.log("Preparing routes...");
|
||||
@ -131,7 +131,7 @@ app.get("/api/v1/set/mode", function (req, res) {
|
||||
|
||||
app.get("/api/v1/set/layout/showMillis", function (req, res) {
|
||||
const resy = helper.wrapBooleanConverter(req.query.show, res)
|
||||
if (resy) {
|
||||
if (resy != undefined) {
|
||||
currentState.showMilliSeconds = resy;
|
||||
if (req.query.persist === 'true') {
|
||||
dataToBeWritten.showMilliSeconds = currentState.showMilliSeconds
|
||||
@ -151,6 +151,7 @@ app.get("/api/v1/set/timerGoal", function (req, res) {
|
||||
app.get("/api/v1/set/addMillisToTimer", function (req, res) {
|
||||
currentState.timeAmountInital = req.query.time;
|
||||
currentState.countdownGoal = new Date().getTime() + parseInt(req.query.time)
|
||||
currentState.pauseMoment = new Date().getTime();
|
||||
res.json({ status: "ok" });
|
||||
updatedData()
|
||||
});
|
||||
@ -180,7 +181,7 @@ app.get("/api/v1/ctrl/timer/restart", function (req, res) {
|
||||
|
||||
app.get("/api/v1/set/layout/showTime", function (req, res) {
|
||||
const resy = helper.wrapBooleanConverter(req.query.show, res)
|
||||
if (resy) {
|
||||
if (resy != undefined) {
|
||||
currentState.showTimeOnCountdown = resy;
|
||||
if (req.query.persist === 'true') {
|
||||
dataToBeWritten.showTimeOnCountdown = currentState.showTimeOnCountdown
|
||||
@ -202,7 +203,7 @@ app.get("/api/v1/set/progressbar/show", function (req, res) {
|
||||
app.get("/api/v1/set/progressbar/colors", function (req, res) {
|
||||
try {
|
||||
let data = req.query.colors
|
||||
if(req.query.isBase64 === "true"){
|
||||
if (req.query.isBase64 === "true") {
|
||||
data = atob(data)
|
||||
}
|
||||
currentState.colorSegments = JSON.parse(data);
|
||||
@ -219,14 +220,19 @@ app.get("/api/v1/set/progressbar/colors", function (req, res) {
|
||||
|
||||
app.get("/api/v1/set/text/colors", function (req, res) {
|
||||
try {
|
||||
let data = req.query.colors
|
||||
if(req.query.isBase64 === "true"){
|
||||
data = atob(data)
|
||||
}
|
||||
console.debug(data)
|
||||
currentState.textColors = JSON.parse(data);
|
||||
if (req.query.persist === 'true') {
|
||||
dataToBeWritten.textColors = currentState.textColors
|
||||
if (req.query.copy === "true") {
|
||||
currentState.textColors = currentState.colorSegments
|
||||
res.json({ status: "ok" });
|
||||
} else {
|
||||
let data = req.query.colors
|
||||
if (req.query.isBase64 === "true") {
|
||||
data = atob(data)
|
||||
}
|
||||
console.debug(data)
|
||||
currentState.textColors = JSON.parse(data);
|
||||
if (req.query.persist === 'true') {
|
||||
dataToBeWritten.textColors = currentState.textColors
|
||||
}
|
||||
}
|
||||
res.json({ status: "ok" });
|
||||
} catch (error) {
|
||||
|
||||
@ -49,31 +49,56 @@ $(function () {
|
||||
jsonview.expand(tree2);
|
||||
})
|
||||
|
||||
$("#addRow").click(function (event) {
|
||||
tableEntryDom = document.getElementById("tableCopySource").cloneNode(true)
|
||||
$("#addRow").on("click", function (event) {
|
||||
const tableEntryDom = document.getElementById("tableCopySource").cloneNode(true)
|
||||
let temp = tableEntryDom.innerHTML
|
||||
temp = temp.replace("#COLOR#", "gray");
|
||||
temp = temp.replace("#bg-COLOR#", "gray");
|
||||
temp = temp.replace("#VALUE#", 60); // BUG: Doesn't work but not too important
|
||||
temp = temp.replace("timeValue-ID", Math.floor(Math.random() * 9999999))
|
||||
tableEntryDom.innerHTML = temp;
|
||||
tableEntryDom.firstChild.nextSibling.children[0].classList.add("timeDurPicker")
|
||||
tableEntryDom.id = Math.floor(Math.random() * 9999999)
|
||||
document.getElementById("colors1").appendChild(tableEntryDom)
|
||||
$(".deleteRow1").on("click", function removeRowEntry(event) {
|
||||
$(event.target).closest("tr").remove();
|
||||
});
|
||||
|
||||
$('.timeDurPicker').durationPicker({
|
||||
showSeconds: true,
|
||||
showDays: false,
|
||||
onChanged: function (newVal, test, val2) {
|
||||
// $('#duration-label2').text(newVal);
|
||||
val2.days[0].parentElement.parentElement.parentElement.parentElement.children[1].value = newVal
|
||||
//console.log(val2.days[0].parentElement.parentElement.parentElement.parentElement.children[1].value)
|
||||
//console.log(val2.days[0].parentElement.parentElement.parentElement.parentElement.children[1])
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
$("#addRow2").click(function (event) {
|
||||
tableEntryDom = document.getElementById("tableCopySource").cloneNode(true)
|
||||
$("#addRow2").on("click", function (event) {
|
||||
const tableEntryDom = document.getElementById("tableCopySource").cloneNode(true)
|
||||
let temp = tableEntryDom.innerHTML
|
||||
temp = temp.replace("#COLOR#", "gray");
|
||||
temp = temp.replace("#bg-COLOR#", "gray");
|
||||
temp = temp.replace("#VALUE#", 60);
|
||||
temp = temp.replace("#VALUE#", 60); // BUG: Doesn't work but not too important
|
||||
temp = temp.replace("timeValue-ID", Math.floor(Math.random() * 9999999))
|
||||
tableEntryDom.innerHTML = temp;
|
||||
tableEntryDom.firstChild.nextSibling.children[0].classList.add("timeDurPicker")
|
||||
tableEntryDom.id = Math.floor(Math.random() * 9999999)
|
||||
document.getElementById("colors2").appendChild(tableEntryDom)
|
||||
$(".deleteRow1").on("click", function removeRowEntry(event) {
|
||||
$(event.target).closest("tr").remove();
|
||||
});
|
||||
$('.timeDurPicker').durationPicker({
|
||||
showSeconds: true,
|
||||
showDays: false,
|
||||
onChanged: function (newVal, test, val2) {
|
||||
// $('#duration-label2').text(newVal);
|
||||
val2.days[0].parentElement.parentElement.parentElement.parentElement.children[1].value = newVal
|
||||
//console.log(val2.days[0].parentElement.parentElement.parentElement.parentElement.children[1].value)
|
||||
//console.log(val2.days[0].parentElement.parentElement.parentElement.parentElement.children[1])
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
|
||||
@ -122,6 +147,7 @@ $(function () {
|
||||
if(item != "START"){
|
||||
temp = temp.replace("#VALUE#", item/1000);
|
||||
tableEntryDom.innerHTML = temp;
|
||||
tableEntryDom.firstChild.nextSibling.children[0].classList.add("timeDurPicker")
|
||||
} else {
|
||||
tableEntryDom.innerHTML = temp;
|
||||
tableEntryDom.children[2].children[0].children[0].disabled = true;
|
||||
@ -151,6 +177,7 @@ $(function () {
|
||||
if(item != "START"){
|
||||
temp = temp.replace("#VALUE#", item/1000);
|
||||
tableEntryDom.innerHTML = temp;
|
||||
tableEntryDom.firstChild.nextSibling.children[0].classList.add("timeDurPicker")
|
||||
} else {
|
||||
tableEntryDom.innerHTML = temp;
|
||||
tableEntryDom.children[2].children[0].children[0].disabled = true;
|
||||
@ -160,6 +187,9 @@ $(function () {
|
||||
|
||||
tableEntryDom.children[0].innerHTML = '<i class="bi bi-flag-fill"></i> Start'
|
||||
}
|
||||
|
||||
|
||||
// timeDurPicker
|
||||
tableEntryDom.id = "1C" + currIndex
|
||||
tableEntryDom.style.display = "table-row"
|
||||
document.getElementById("colors2").appendChild(tableEntryDom)
|
||||
@ -254,7 +284,7 @@ $(function () {
|
||||
allPathes.push("/api/v1/set/progressbar/show?show=" + progBarShowB)
|
||||
allPathes.push("/api/v1/set/text/enableColoring?enable=" + textColorsB)
|
||||
allPathes.push("/api/v1/set/progressbar/colors?isBase64=true&colors=" + btoa(JSON.stringify(colors)))
|
||||
///allPathes.push("/api/v1/set/text/colors?isBase64=true&colors=" + btoa(JSON.stringify(colors2)))
|
||||
allPathes.push("/api/v1/set/text/colors?isBase64=true&colors=" + btoa(JSON.stringify(colors2)))
|
||||
|
||||
|
||||
for (pI in allPathes) {
|
||||
|
||||
@ -325,7 +325,7 @@
|
||||
</thead>
|
||||
<tr id="tableCopySource">
|
||||
<td contenteditable="false" class="time">
|
||||
<input type="text" class="form-control timeDurPicker" id="timeValue-ID" value="#VALUE#">
|
||||
<input type="text" class="form-control " id="timeValue-ID" value="#VALUE#">
|
||||
<value></value>
|
||||
</td>
|
||||
<td class="pt-3-half full" contenteditable="false">
|
||||
|
||||
Loading…
Reference in New Issue
Block a user