klaute/lumini_p30_control
1
0
Fork 0
Code Issues Pull requests Packages Projects Releases Wiki Activity

Indention fixed

Browse source
This commit is contained in:
Kai Lauterbach 2023-05-05 10:19:46 +02:00
parent 84dd924a1d
commit fe8b70a5b9
1 changed files with 76 additions and 76 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

152
firmware/html/bottom.js
View file

@ -257,91 +257,91 @@ links.forEach(function(link) {
}); });
function createTable() { function createTable() {
var table = document.createElement("table"); var table = document.createElement("table");
// Headerzeile // Headerzeile
var headerRow = document.createElement("tr"); var headerRow = document.createElement("tr");
var headers = ["Stunde", "Minute", "ch1", "ch2", "ch3", "ch4"]; var headers = ["Stunde", "Minute", "ch1", "ch2", "ch3", "ch4"];
for (var i = 0; i < headers.length; i++) { for (var i = 0; i < headers.length; i++) {
var header = document.createElement("th"); var header = document.createElement("th");
header.innerHTML = headers[i]; header.innerHTML = headers[i];
headerRow.appendChild(header); headerRow.appendChild(header);
}
table.appendChild(headerRow);
// Inhaltszeilen
for (var row = 0; row < 10; row++) {
var contentRow = document.createElement("tr");
// Spalte "Stunde"
var hourCell = document.createElement("td");
var hourInput = document.createElement("input");
hourInput.type = "number";
hourInput.min = 0;
hourInput.max = 23;
hourCell.appendChild(hourInput);
contentRow.appendChild(hourCell);
// Spalte "Minute"
var minuteCell = document.createElement("td");
var minuteSelect = document.createElement("select");
for (var minute = 0; minute <= 50; minute += 10) {
var option = document.createElement("option");
option.value = minute;
option.text = minute.toString().padStart(2, "0");
minuteSelect.appendChild(option);
} }
minuteCell.appendChild(minuteSelect); table.appendChild(headerRow);
contentRow.appendChild(minuteCell);
// Spalten "ch1" bis "ch4" // Inhaltszeilen
for (var channel = 1; channel <= 4; channel++) { for (var row = 0; row < 10; row++) {
var channelCell = document.createElement("td"); var contentRow = document.createElement("tr");
var channelInput = document.createElement("input");
channelInput.type = "number"; // Spalte "Stunde"
channelInput.min = 0; var hourCell = document.createElement("td");
channelInput.max = 100; var hourInput = document.createElement("input");
channelCell.appendChild(channelInput); hourInput.type = "number";
contentRow.appendChild(channelCell); hourInput.min = 0;
hourInput.max = 23;
hourCell.appendChild(hourInput);
contentRow.appendChild(hourCell);
// Spalte "Minute"
var minuteCell = document.createElement("td");
var minuteSelect = document.createElement("select");
for (var minute = 0; minute <= 50; minute += 10) {
var option = document.createElement("option");
option.value = minute;
option.text = minute.toString().padStart(2, "0");
minuteSelect.appendChild(option);
}
minuteCell.appendChild(minuteSelect);
contentRow.appendChild(minuteCell);
// Spalten "ch1" bis "ch4"
for (var channel = 1; channel <= 4; channel++) {
var channelCell = document.createElement("td");
var channelInput = document.createElement("input");
channelInput.type = "number";
channelInput.min = 0;
channelInput.max = 100;
channelCell.appendChild(channelInput);
contentRow.appendChild(channelCell);
}
table.appendChild(contentRow);
} }
table.appendChild(contentRow); // Button
} var button = document.createElement("button");
button.innerHTML = "Save";
button.classList.add("pure-button");
button.classList.add("pure-button-primary");
button.onclick = function() {
var data = [];
// Button var rows = table.getElementsByTagName("tr");
var button = document.createElement("button"); for (var row = 1; row < rows.length; row++) {
button.innerHTML = "Save"; var cells = rows[row].getElementsByTagName("td");
button.classList.add("pure-button");
button.classList.add("pure-button-primary");
button.onclick = function() {
var data = [];
var rows = table.getElementsByTagName("tr"); var hour = cells[0].querySelector("input").value;
for (var row = 1; row < rows.length; row++) { var minute = cells[1].querySelector("select").value;
var cells = rows[row].getElementsByTagName("td"); var ch1 = cells[2].querySelector("input").value;
var ch2 = cells[3].querySelector("input").value;
var ch3 = cells[4].querySelector("input").value;
var ch4 = cells[5].querySelector("input").value;
var hour = cells[0].querySelector("input").value; var rowObject = {"hour": hour, "min": minute, "ch1": ch1, "ch2": ch2, "ch3": ch3, "ch4": ch4};
var minute = cells[1].querySelector("select").value; data.push(rowObject);
var ch1 = cells[2].querySelector("input").value; }
var ch2 = cells[3].querySelector("input").value;
var ch3 = cells[4].querySelector("input").value;
var ch4 = cells[5].querySelector("input").value;
var rowObject = {"hour": hour, "min": minute, "ch1": ch1, "ch2": ch2, "ch3": ch3, "ch4": ch4}; var json = JSON.stringify(data);
data.push(rowObject); console.log(json);
} var xhr = new XMLHttpRequest();
xhr.open("POST", "http://{{IP_ADDRESS}}/tc_data_save?data=" + encodeURIComponent(json), true);
xhr.send();
var json = JSON.stringify(data); };
console.log(json);
var xhr = new XMLHttpRequest();
xhr.open("POST", "http://{{IP_ADDRESS}}/tc_data_save?data=" + encodeURIComponent(json), true);
xhr.send();
}; var container = document.getElementById("table-container");
container.innerHTML = "";
var container = document.getElementById("table-container"); container.classList.add("pure-form");
container.innerHTML = ""; container.appendChild(table);
container.classList.add("pure-form"); container.appendChild(button);
container.appendChild(table);
container.appendChild(button);
} }