Sha256: 7eed0c38606a1815a026345a3ea320b046b5350299ea1b78af2ddebf5c42ae1e
Contents?: true
Size: 1.53 KB
Versions: 15
Compression:
Stored size: 1.53 KB
Contents
/**
* These set of functions aims to change the behavior of the report modal forms
* so that when checking various checkboxes, to change the label of the button
* to either report or hide.
* Given the behavior is similar for report content and report user, we have the
* functionality grouped in one single function.
* It is important to note that the report user modal has a checkbox that allows
* the admin to block the user in the report user modal.
*/
/**
* @param {DomElement} input The checkbox that is being checked
* @return {Void} Nothing
*/
const changeLabel = function (input) {
let submit = input.closest("form").querySelector("button[type=submit]");
if (submit.querySelector("span") !== null) {
submit = submit.querySelector("span");
}
if (input.checked === true) {
submit.innerHTML = input.dataset.labelAction;
} else {
submit.innerHTML = input.dataset.labelReport;
}
}
/**
* @param {Object} container The form handling the report.
* @return {Void} Nothing
*/
export default function changeReportFormBehavior(container) {
container.querySelectorAll("[data-hide=true]").forEach((checkbox) => {
checkbox.addEventListener("change", (event) => {
changeLabel(event.target);
});
});
container.querySelectorAll("[data-block=true]").forEach((checkbox) => {
checkbox.addEventListener("change", (event) => {
changeLabel(event.target);
let blockAndHide = event.target.closest("form").querySelector("#block_and_hide");
blockAndHide.classList.toggle("invisible");
});
});
}
Version data entries
15 entries across 15 versions & 1 rubygems