Bengelsystem/html/js/helferdb.js

82 lines
3.3 KiB
JavaScript

function showPassword(id)
{
var x = document.getElementById(id);
if (x.type === "password") {
x.type = "text";
} else {
x.type = "password";
}
}
function setEndDate()
{
// js Date .toISOString automatically converts to UTC marking the string by "Z" at the end
// This is not understood by the browser when setting the value of the string
// UTC is 1h off resulting in a 1h wrong time if the Z is removed
// so we add the "Z" here, then remove it in the end
// this works for my local firefox. There should be a check if there already is a Z
// because maybe browsers also convert to UTC for the internal value
// but I guess in the worst case we have ZZ at the end and the js autofill fails
var checkBox = document.getElementById("Schicht-Automatic-Bis");
if (checkBox.checked == true) {
var start = new Date(document.getElementById("Schicht-Von").value + 'Z');
var delta = new Date("0000-01-01T" + document.getElementById("Schicht-Dauer").value);
var end = new Date(start);
var endHours = start.getHours() + delta.getHours();
end.setHours(endHours);
console.log("Schicht-Von: " + document.getElementById("Schicht-Von").value + 'Z' + " Schicht-Dauer: " + "0000-01-01T" + document.getElementById("Schicht-Dauer").value + "Schicht-Bis: " + end.toISOString().replace(/.000Z/,""));
end.setMinutes(start.getMinutes() + delta.getMinutes());
document.getElementById("Schicht-Bis").value = end.toISOString().replace(/.000Z/,"");
}
}
//// https://www.w3schools.com/howto/howto_js_collapsible.asp
//var coll = document.getElementsByClassName("collapsible");
//var i;
//
//for (i = 0; i < coll.length; i++) {
// coll[i].addEventListener("click", function() {
// this.classList.toggle("active");
// var content = this.nextElementSibling;
// if (content.style.display === "block") {
// content.style.display = "none";
// } else {
// content.style.display = "block";
// }
// });
//}
//
//// collapse column rows that are not header
function collapse_table_rows()
{
$(document).ready(
function () {
// Unter-Zeilen in collapsible Tabellen verbergen
$('table.collapsible tr:not(.header)').hide();
// Zeile mit dem target="active" (von PHP nach submit gesetzt) und dazugehoerige Zeilen anzeigen
$('table.collapsible tr[target="active"]').prevUntil('tr.header').addBack().nextUntil('tr.header').addBack().show();
// id="active" als Anker auf letztes tr.header vor der target=active Seite setzen und dort hin springen
// damit der Nutzer nach Abschicken des Posts seine geoeffneten Optionen sieht
$('table.collapsible tr[target="active"]').prevAll('.header').first().attr('id', 'active');
location.href = '#active';
$('table.collapsible tr.header').click(
function () {
$(this).find('span').text(
function (_, value) {
return value == '-' ? '+' : '-'
}
);
$(this).nextUntil('tr.header').slideToggle(100, function () {});
}
);
}
);
}
function expand_all_table_rows()
{
$('tr:not(.header)').show();
}