37 lines
1.1 KiB
TypeScript
37 lines
1.1 KiB
TypeScript
|
import Rails from '@rails/ujs';
|
||
|
|
import I18n from '../../../legacy/i18n';
|
||
|
|
|
||
|
|
export function listMembershipHandler(event: Event): void {
|
||
|
|
const checkbox = event.target as HTMLInputElement;
|
||
|
|
const list = checkbox.dataset.list;
|
||
|
|
let memberCount = Number(document.querySelector(`span#${list}-members`).innerHTML);
|
||
|
|
|
||
|
|
checkbox.setAttribute('disabled', 'disabled');
|
||
|
|
|
||
|
|
memberCount += checkbox.checked ? 1 : -1;
|
||
|
|
|
||
|
|
Rails.ajax({
|
||
|
|
url: '/ajax/list_membership',
|
||
|
|
type: 'POST',
|
||
|
|
data: new URLSearchParams({
|
||
|
|
list: list,
|
||
|
|
user: checkbox.dataset.user,
|
||
|
|
add: String(checkbox.checked)
|
||
|
|
}).toString(),
|
||
|
|
success: (data) => {
|
||
|
|
if (data.success) {
|
||
|
|
checkbox.checked = data.checked;
|
||
|
|
document.querySelector(`span#${list}-members`).innerHTML = memberCount.toString();
|
||
|
|
}
|
||
|
|
|
||
|
|
window['showNotification'](data.message, data.success);
|
||
|
|
},
|
||
|
|
error: (data, status, xhr) => {
|
||
|
|
console.log(data, status, xhr);
|
||
|
|
window['showNotification'](I18n.translate('frontend.error.message'), false);
|
||
|
|
},
|
||
|
|
complete: () => {
|
||
|
|
checkbox.removeAttribute('disabled');
|
||
|
|
}
|
||
|
|
});
|
||
|
|
}
|