mirror of
https://github.com/BookStackApp/BookStack.git
synced 2024-10-30 23:52:40 +01:00
80 lines
2.4 KiB
JavaScript
80 lines
2.4 KiB
JavaScript
/**
|
|
* @extends {Component}
|
|
*/
|
|
class EntityPermissions {
|
|
|
|
setup() {
|
|
this.container = this.$el;
|
|
this.entityType = this.$opts.entityType;
|
|
|
|
this.everyoneInheritToggle = this.$refs.everyoneInherit;
|
|
this.roleSelect = this.$refs.roleSelect;
|
|
this.roleContainer = this.$refs.roleContainer;
|
|
|
|
this.setupListeners();
|
|
}
|
|
|
|
setupListeners() {
|
|
// "Everyone Else" inherit toggle
|
|
this.everyoneInheritToggle.addEventListener('change', event => {
|
|
const inherit = event.target.checked;
|
|
const permissions = document.querySelectorAll('input[type="checkbox"][name^="restrictions[0]["]');
|
|
for (const permission of permissions) {
|
|
permission.disabled = inherit;
|
|
permission.checked = false;
|
|
}
|
|
});
|
|
|
|
// Remove role row button click
|
|
this.container.addEventListener('click', event => {
|
|
const button = event.target.closest('button');
|
|
if (button && button.dataset.roleId) {
|
|
this.removeRowOnButtonClick(button)
|
|
}
|
|
});
|
|
|
|
// Role select change
|
|
this.roleSelect.addEventListener('change', event => {
|
|
const roleId = this.roleSelect.value;
|
|
if (roleId) {
|
|
this.addRoleRow(roleId);
|
|
}
|
|
});
|
|
}
|
|
|
|
async addRoleRow(roleId) {
|
|
this.roleSelect.disabled = true;
|
|
|
|
// Remove option from select
|
|
const option = this.roleSelect.querySelector(`option[value="${roleId}"]`);
|
|
if (option) {
|
|
option.remove();
|
|
}
|
|
|
|
// Get and insert new row
|
|
const resp = await window.$http.get(`/permissions/form-row/${this.entityType}/${roleId}`);
|
|
const wrap = document.createElement('div');
|
|
wrap.innerHTML = resp.data;
|
|
const row = wrap.children[0];
|
|
this.roleContainer.append(row);
|
|
window.components.init(row);
|
|
|
|
this.roleSelect.disabled = false;
|
|
}
|
|
|
|
removeRowOnButtonClick(button) {
|
|
const row = button.closest('.content-permissions-row');
|
|
const roleId = button.dataset.roleId;
|
|
const roleName = button.dataset.roleName;
|
|
|
|
const option = document.createElement('option');
|
|
option.value = roleId;
|
|
option.textContent = roleName;
|
|
|
|
this.roleSelect.append(option);
|
|
row.remove();
|
|
}
|
|
|
|
}
|
|
|
|
export default EntityPermissions; |