Fix: Template Literals, correct descendent selector, unify tab size, SRI

pull/914/head
AntoniaBK 2024-05-15 12:27:05 +02:00
parent 4fd73f933d
commit 6a10af6aa4
3 changed files with 95 additions and 90 deletions

View File

@ -1,7 +1,7 @@
{ {
"static": { "static": {
"bomb.svg": "Tro3+kCLzfBNBve2gPnsmXsl+tHUQVrFz77zfrWwnAuTraehZaoAfVJgGOYdG8zceXdGLEKzXVi3GdtEXw0sYQ==", "bomb.svg": "Tro3+kCLzfBNBve2gPnsmXsl+tHUQVrFz77zfrWwnAuTraehZaoAfVJgGOYdG8zceXdGLEKzXVi3GdtEXw0sYQ==",
"capture.js": "Y6vfKnC2rQFeFSEARNb1BgMEFCTTfEr35Xs0Hy0Gnmn5JiXrSDtWxFogq8xPUpZu0AhRJRk/N/dRCGJdhvFDMA==", "capture.js": "Aw5XUbtz3hOs/27CRnYBJ/VRkJJvcVOAwLPD/xRnPzkdHcxn0eHTmOzN/agGk671W8BSp5mLzAJijGLKwf98Qw==",
"check.svg": "CRqUAM/yXxgJwpfg3TeoKD+CIqQj62lxqS3zeCmdPaV3dKftk4jk5Mqc1TGxL7i61X1sgV0/f+KJLEOKTw01ww==", "check.svg": "CRqUAM/yXxgJwpfg3TeoKD+CIqQj62lxqS3zeCmdPaV3dKftk4jk5Mqc1TGxL7i61X1sgV0/f+KJLEOKTw01ww==",
"cookie_in_url.png": "hs/oNPnrR2DkDX9Yp6Daug/QqpWJHemJE6lXpxNafjgOYooezp3DpbqKqADT7QcfcTxxUfe1iPDZJlHOrNMAcw==", "cookie_in_url.png": "hs/oNPnrR2DkDX9Yp6Daug/QqpWJHemJE6lXpxNafjgOYooezp3DpbqKqADT7QcfcTxxUfe1iPDZJlHOrNMAcw==",
"cookie_read.png": "mdXCeuNFPvshSwIXAJLoR1xFjXb+K2Mgu47Q1fnUAO8j1N2c/uJuE8sGuBHHbS8HOyr/CbOC6Uf3zsm9KvAs8Q==", "cookie_read.png": "mdXCeuNFPvshSwIXAJLoR1xFjXb+K2Mgu47Q1fnUAO8j1N2c/uJuE8sGuBHHbS8HOyr/CbOC6Uf3zsm9KvAs8Q==",

View File

@ -46,7 +46,7 @@ document.getElementById('multipleCaptures').addEventListener('click', function (
document.getElementById("os").addEventListener("change", function () { document.getElementById("os").addEventListener("change", function () {
let osSelect = document.getElementById("os"); let osSelect = document.getElementById("os");
let os_name = osSelect.options[osSelect.selectedIndex].value.replace(/(:|\.|\[|\]|,|=|\\)/g, "\\$1").replace(/ /g, "_"); let os_name = osSelect.options[osSelect.selectedIndex].value.replace(/(:|\.|\[|\]|,|=|\\)/g, "\\$1").replace(/ /g, "_");
let first_browser_name = document.querySelector("[id='" + os_name + "'] select option:first-child").value.replace(/(:|\.|\[|\]|,|=|\\)/g, "\\$1").replace(/ /g, "_"); let first_browser_name = document.querySelector(`[id='${os_name}'] select option:first-child`).value.replace(/(:|\.|\[|\]|,|=|\\)/g, "\\$1").replace(/ /g, "_");
// Hide and disable everything // Hide and disable everything
document.querySelectorAll("#os option").forEach(function (option) { document.querySelectorAll("#os option").forEach(function (option) {
@ -55,7 +55,7 @@ document.getElementById("os").addEventListener("change", function () {
document.querySelectorAll(".style-sub-1").forEach(function (element) { document.querySelectorAll(".style-sub-1").forEach(function (element) {
element.style.display = 'none'; element.style.display = 'none';
}); });
document.querySelectorAll(".style-sub-1 > div > select").forEach(function (select) { document.querySelectorAll(".style-sub-1 > label > span > select").forEach(function (select) {
select.disabled = true; select.disabled = true;
select.querySelectorAll('option').forEach(function (option) { select.querySelectorAll('option').forEach(function (option) {
option.removeAttribute('selected'); option.removeAttribute('selected');
@ -64,7 +64,7 @@ document.getElementById("os").addEventListener("change", function () {
document.querySelectorAll(".style-sub-2").forEach(function (element) { document.querySelectorAll(".style-sub-2").forEach(function (element) {
element.style.display = 'none'; element.style.display = 'none';
}); });
document.querySelectorAll(".style-sub-2 > div > select").forEach(function (select) { document.querySelectorAll(".style-sub-2 > label > span > select").forEach(function (select) {
select.disabled = true; select.disabled = true;
select.querySelectorAll('option').forEach(function (option) { select.querySelectorAll('option').forEach(function (option) {
option.removeAttribute('selected'); option.removeAttribute('selected');
@ -72,13 +72,13 @@ document.getElementById("os").addEventListener("change", function () {
}); });
// Re-enable and show what makes sense // Re-enable and show what makes sense
document.querySelector("[id='" + os_name + "']").style.display = 'flex'; document.querySelector(`[id='${os_name}']`).style.display = 'block';
document.querySelectorAll("[id='" + os_name + "'] > div > select").forEach(function (select) { document.querySelectorAll(`[id='${os_name}'] > label > span > select`).forEach(function (select) {
select.disabled = false; select.disabled = false;
select.querySelector('option:first-child').selected = true; select.querySelector('option:first-child').selected = true;
}); });
document.querySelector("[id='" + os_name + '_' + first_browser_name + "']").style.display = 'flex'; document.querySelector(`[id='${os_name}_${first_browser_name}']`).style.display = 'block';
document.querySelectorAll("[id='" + os_name + '_' + first_browser_name + "'] > div > select").forEach(function (select) { document.querySelectorAll(`[id='${os_name}_${first_browser_name}'] > label > span > select`).forEach(function (select) {
select.disabled = false; select.disabled = false;
select.querySelector('option:first-child').selected = true; select.querySelector('option:first-child').selected = true;
}); });
@ -91,24 +91,27 @@ document.querySelectorAll('select[name="browser"]').forEach( function(element)
let osSelect = document.getElementById("os"); let osSelect = document.getElementById("os");
let os_name = osSelect.options[osSelect.selectedIndex].value.replace(/(:|\.|\[|\]|,|=|\\)/g, "\\$1").replace(/ /g, "_"); let os_name = osSelect.options[osSelect.selectedIndex].value.replace(/(:|\.|\[|\]|,|=|\\)/g, "\\$1").replace(/ /g, "_");
// Hide and disable every useragent // unselect every browser select here (unknown reason)
document.querySelectorAll(".style-sub-1 > div > select").forEach(function (select) { document.querySelectorAll(".style-sub-1 > label > span > select").forEach(function (select) {
select.querySelectorAll('option').forEach(function (option) { select.querySelectorAll('option').forEach(function (option) {
option.removeAttribute('selected'); option.removeAttribute('selected');
}); });
}); });
// Hide and disable every useragent
document.querySelectorAll(".style-sub-2").forEach(function (element) { document.querySelectorAll(".style-sub-2").forEach(function (element) {
element.style.display = 'none'; element.style.display = 'none';
}); });
document.querySelectorAll(".style-sub-2 > div > select").forEach(function (select) { document.querySelectorAll(".style-sub-2 > label > span > select").forEach(function (select) {
select.disabled = true; select.disabled = true;
select.querySelectorAll('option').forEach(function (option) { select.querySelectorAll('option').forEach(function (option) {
option.removeAttribute('selected'); option.removeAttribute('selected');
}); });
}); });
// Show only the correct user-agent // Show only the correct user-agent
document.querySelector("[id='" + os_name + '_' + browser_name + "']").style.display = 'flex'; document.querySelector(`[id='${os_name}_${browser_name}']`).style.display = 'block';
document.querySelectorAll("[id='" + os_name + '_' + browser_name + "'] > div > select").forEach(function (select) { document.querySelectorAll(`[id='${os_name}_${browser_name}'] > label > span > select`).forEach(function (select) {
select.disabled = false; select.disabled = false;
select.querySelector('option:first-child').selected = true; select.querySelector('option:first-child').selected = true;
}); });
@ -183,14 +186,16 @@ document.getElementById('os-type').addEventListener('change', function () {
}); });
// admin-only report-form // admin-only report-form
const displayReportForm = function() { let report_form = document.getElementById("auto-report");
if (report_form) { // admin is logged in
report_form.addEventListener('change', function() {
let show_form = document.getElementById("auto-report").checked; let show_form = document.getElementById("auto-report").checked;
if(show_form) { if(show_form) {
document.getElementById("collapseMailConfiguration").style.display = "block"; document.getElementById("collapseMailConfiguration").style.display = "block";
} else { } else {
document.getElementById("collapseMailConfiguration").style.display = "none"; document.getElementById("collapseMailConfiguration").style.display = "none";
} }
});
} }
displayReportForm()
document.getElementById("auto-report").addEventListener('change', displayReportForm);