Port inbox deletion functionality to TypeScript

This commit is contained in:
Andreas Nedbal 2022-01-03 03:28:50 +01:00 committed by Andreas Nedbal
parent 721ff425b2
commit 5337897b23
2 changed files with 105 additions and 9 deletions

View File

@ -0,0 +1,94 @@
import Rails from '@rails/ujs';
import swal from 'sweetalert';
import I18n from '../../../legacy/i18n';
import { showErrorNotification } from 'utilities/notifications';
export function updateDeleteButton(increment = true): void {
const deleteButton: HTMLElement = document.querySelector('[id^=ib-delete-all]');
const inboxCount: number = parseInt(deleteButton.getAttribute('data-ib-count'));
let targetInboxCount = 0;
if (increment) {
targetInboxCount = inboxCount + 1;
}
else {
targetInboxCount = inboxCount - 1;
}
deleteButton.setAttribute('data-ib-count', targetInboxCount.toString());
if (targetInboxCount > 0) {
deleteButton.removeAttribute('disabled');
} else {
deleteButton.setAttribute('disabled', 'disabled');
}
}
export function deleteAllQuestionsHandler(event: Event): void {
const button = event.target as Element;
const count = button.getAttribute('data-ib-count');
swal({
title: I18n.t('frontend.inbox.confirm_all.title', { count: count }),
text: I18n.t('frontend.inbox.confirm_all.text'),
icon: 'warning',
dangerMode: true,
buttons: [
I18n.t('views.actions.cancel'),
I18n.t('views.actions.delete')
]
}, (returnValue) => {
if (returnValue === null) return false;
Rails.ajax({
url: '/ajax/delete_all_inbox',
type: 'POST',
dataType: 'json',
success: (data) => {
if (!data.success) return false;
updateDeleteButton(false);
document.querySelector('#entries').innerHTML = 'Nothing to see here!';
},
error: (data, status, xhr) => {
console.log(data, status, xhr);
showErrorNotification(I18n.t('frontend.error.message'));
}
});
});
}
export function deleteAllAuthorQuestionsHandler(event: Event): void {
const button = event.target as Element;
const count = button.getAttribute('data-ib-count');
swal({
title: I18n.t('frontend.inbox.confirm_all.title', { count: count }),
text: I18n.t('frontend.inbox.confirm_all.text'),
icon: 'warning',
dangerMode: true,
buttons: [
I18n.t('views.actions.cancel'),
I18n.t('views.actions.delete')
]
}, (returnValue) => {
if (returnValue === null) return false;
Rails.ajax({
url: `/ajax/delete_all_inbox/${location.pathname.split('/')[2]}`,
type: 'POST',
dataType: 'json',
success: (data) => {
if (!data.success) return false;
updateDeleteButton(false);
document.querySelector('#entries').innerHTML = 'Nothing to see here!';
},
error: (data, status, xhr) => {
console.log(data, status, xhr);
showErrorNotification(I18n.t('frontend.error.message'));
}
});
});
}

View File

@ -1,14 +1,16 @@
import registerEvents from 'utilities/registerEvents';
import { reportEventHandler } from './report';
import registerInboxEntryEvents from './entry';
import { authorSearchHandler } from './author';
import { deleteAllAuthorQuestionsHandler, deleteAllQuestionsHandler } from './delete';
import { generateQuestionHandler } from './generate';
export default (): void => {
const entries: NodeList = document.querySelectorAll('.inbox-entry:not(.js-initialized)');
registerEvents([
{ type: 'click', target: document.querySelector('#ib-generate-question'), handler: generateQuestionHandler },
{ type: 'click', target: document.querySelector('#ib-delete-all'), handler: deleteAllQuestionsHandler },
{ type: 'click', target: document.querySelector('#ib-delete-all-author'), handler: deleteAllAuthorQuestionsHandler },
{ type: 'submit', target: document.querySelector('#author-form'), handler: authorSearchHandler }
]);
entries.forEach((element: HTMLElement) => {
registerEvents([
{ type: 'click', target: element.querySelector('[name=ib-report]'), handler: reportEventHandler }
]);
element.classList.add('js-initialized');
});
registerInboxEntryEvents();
}