111 lines
2.8 KiB
JavaScript
111 lines
2.8 KiB
JavaScript
(function () {
|
|
function getGroupCheckboxes(group) {
|
|
return Array.prototype.slice.call(group.querySelectorAll('input[name="permission_keys[]"]'));
|
|
}
|
|
|
|
function getPermissionKey(checkbox) {
|
|
return String((checkbox && (checkbox.getAttribute('data-permission-key') || checkbox.value)) || '').trim().toLowerCase();
|
|
}
|
|
|
|
function getActionKey(checkbox) {
|
|
var permissionKey = getPermissionKey(checkbox);
|
|
var parts = permissionKey.split('.');
|
|
if (parts.length !== 2) {
|
|
return '';
|
|
}
|
|
|
|
return String(parts[1] || '').trim().toLowerCase();
|
|
}
|
|
|
|
function syncPermissionGroup(group) {
|
|
var checkboxes = getGroupCheckboxes(group);
|
|
if (!checkboxes.length) {
|
|
return;
|
|
}
|
|
|
|
var readCheckbox = null;
|
|
var nonReadChecked = false;
|
|
|
|
checkboxes.forEach(function (checkbox) {
|
|
if (getActionKey(checkbox) === 'read') {
|
|
readCheckbox = checkbox;
|
|
return;
|
|
}
|
|
if (checkbox.checked) {
|
|
nonReadChecked = true;
|
|
}
|
|
});
|
|
|
|
if (!readCheckbox) {
|
|
return;
|
|
}
|
|
|
|
if (!readCheckbox.checked && nonReadChecked) {
|
|
readCheckbox.checked = true;
|
|
}
|
|
|
|
if (!readCheckbox.checked) {
|
|
checkboxes.forEach(function (checkbox) {
|
|
if (getActionKey(checkbox) !== 'read') {
|
|
checkbox.checked = false;
|
|
}
|
|
});
|
|
}
|
|
}
|
|
|
|
function handleGroupChange(event) {
|
|
var checkbox = event.target && event.target.matches ? event.target : null;
|
|
if (!checkbox || checkbox.tagName !== 'INPUT' || checkbox.type !== 'checkbox') {
|
|
return;
|
|
}
|
|
|
|
var actionKey = getActionKey(checkbox);
|
|
var group = checkbox.closest('.accordion-item');
|
|
if (!group) {
|
|
return;
|
|
}
|
|
|
|
var checkboxes = getGroupCheckboxes(group);
|
|
var readCheckbox = checkboxes.find(function (candidate) {
|
|
return getActionKey(candidate) === 'read';
|
|
}) || null;
|
|
|
|
if (!readCheckbox) {
|
|
return;
|
|
}
|
|
|
|
if (actionKey === 'read' && !checkbox.checked) {
|
|
checkboxes.forEach(function (candidate) {
|
|
if (candidate !== checkbox) {
|
|
candidate.checked = false;
|
|
}
|
|
});
|
|
return;
|
|
}
|
|
|
|
if (actionKey !== 'read' && checkbox.checked) {
|
|
readCheckbox.checked = true;
|
|
}
|
|
}
|
|
|
|
function initPermissionGroups() {
|
|
document.querySelectorAll('.accordion-item').forEach(function (group) {
|
|
syncPermissionGroup(group);
|
|
});
|
|
|
|
document.addEventListener('change', function (event) {
|
|
var checkbox = event.target;
|
|
if (!checkbox || checkbox.tagName !== 'INPUT' || checkbox.type !== 'checkbox') {
|
|
return;
|
|
}
|
|
if (String(checkbox.getAttribute('name') || '') !== 'permission_keys[]') {
|
|
return;
|
|
}
|
|
|
|
handleGroupChange(event);
|
|
syncPermissionGroup(checkbox.closest('.accordion-item'));
|
|
});
|
|
}
|
|
|
|
initPermissionGroups();
|
|
}()); |