Retrospring/app/javascript/retrospring/features/moderation/ban.ts

60 lines
1.8 KiB
TypeScript

import { post } from '@rails/request.js';
import I18n from 'retrospring/i18n';
import { showNotification, showErrorNotification } from 'utilities/notifications';
export function banCheckboxHandler(event: Event): void {
const checkbox = event.target as HTMLInputElement;
if (checkbox.checked) {
document.querySelector('#ban-controls').classList.remove('d-none');
} else {
document.querySelector('#ban-controls').classList.add('d-none');
}
}
export function permanentBanCheckboxHandler(event: Event): void {
const checkbox = event.target as HTMLInputElement;
if (checkbox.checked) {
document.querySelector('#ban-controls-time').classList.add('d-none');
} else {
document.querySelector('#ban-controls-time').classList.remove('d-none');
}
}
export function banFormHandler(event: Event): void {
const form = event.target as HTMLFormElement;
const checkbox = document.querySelector<HTMLInputElement>('[name="ban"][type="checkbox"]');
const permaCheckbox = document.querySelector<HTMLInputElement>('[name="permaban"][type="checkbox"]');
event.preventDefault();
const data = {
ban: '0',
user: form.elements['user'].value,
};
if (checkbox && checkbox.checked) {
data['ban'] = '1';
data['reason'] = form.elements['reason'].value;
if (!permaCheckbox.checked) {
data['duration'] = form.elements['duration'].value.trim();
data['duration_unit'] = form.elements['duration_unit'].value.trim();
}
}
post('/ajax/mod/ban', {
body: data,
contentType: 'application/json'
})
.then(async response => {
const data = await response.json;
showNotification(data.message, data.success);
})
.catch(err => {
console.log(err);
showErrorNotification(I18n.translate('frontend.error.message'));
});
}