Merge pull request #658 from Retrospring/feature/request-js-inbox

Refactor inbox TS functionality to use `@rails/request.js`
This commit is contained in:
Karina Kwiatek 2022-09-03 19:48:38 +02:00 committed by GitHub
commit e4155bf21f
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
5 changed files with 72 additions and 75 deletions

View File

@ -1,4 +1,4 @@
import Rails from '@rails/ujs';
import { post } from '@rails/request.js';
import swal from 'sweetalert';
import I18n from 'retrospring/i18n';
@ -43,20 +43,18 @@ export function deleteAllQuestionsHandler(event: Event): void {
return;
}
Rails.ajax({
url: '/ajax/delete_all_inbox',
type: 'POST',
dataType: 'json',
success: (data) => {
post('/ajax/delete_all_inbox')
.then(async response => {
const data = await response.json;
if (!data.success) return false;
updateDeleteButton(false);
document.querySelector('#entries').innerHTML = 'Nothing to see here!';
},
error: (data, status, xhr) => {
console.log(data, status, xhr);
})
.catch(err => {
console.log(err);
showErrorNotification(I18n.translate('frontend.error.message'));
}
});
});
}
@ -77,20 +75,18 @@ export function deleteAllAuthorQuestionsHandler(event: Event): void {
}, (returnValue) => {
if (returnValue === null) return false;
Rails.ajax({
url: `/ajax/delete_all_inbox/${location.pathname.split('/')[2]}`,
type: 'POST',
dataType: 'json',
success: (data) => {
post(`/ajax/delete_all_inbox/${location.pathname.split('/')[2]}`)
.then(async response => {
const data = await response.json;
if (!data.success) return false;
updateDeleteButton(false);
document.querySelector('#entries').innerHTML = 'Nothing to see here!';
},
error: (data, status, xhr) => {
console.log(data, status, xhr);
})
.catch(err => {
console.log(err);
showErrorNotification(I18n.translate('frontend.error.message'));
}
});
});
}

View File

@ -1,4 +1,4 @@
import Rails from '@rails/ujs';
import { post } from '@rails/request.js';
import { updateDeleteButton } from '../delete';
import { showNotification, showErrorNotification } from 'utilities/notifications';
@ -22,11 +22,13 @@ export function answerEntryHandler(event: Event): void {
inbox: 'true'
};
Rails.ajax({
url: '/ajax/answer',
type: 'POST',
data: new URLSearchParams(data).toString(),
success: (data) => {
post('/ajax/answer', {
body: data,
contentType: 'application/json'
})
.then(async response => {
const data = await response.json;
if (!data.success) {
showErrorNotification(data.message);
element.disabled = false;
@ -35,11 +37,10 @@ export function answerEntryHandler(event: Event): void {
updateDeleteButton(false);
showNotification(data.message);
(inboxEntry as HTMLElement).remove();
},
error: (data, status, xhr) => {
console.log(data, status, xhr);
})
.catch(err => {
console.log(err);
element.disabled = false;
}
});
}

View File

@ -1,4 +1,4 @@
import Rails from '@rails/ujs';
import { post } from '@rails/request.js';
import { showErrorNotification, showNotification } from "utilities/notifications";
import I18n from "retrospring/i18n";
@ -10,21 +10,22 @@ export function blockAnonEventHandler(event: Event): void {
question: element.getAttribute('data-q-id'),
};
Rails.ajax({
url: '/ajax/block_anon',
type: 'POST',
data: new URLSearchParams(data).toString(),
success: (data) => {
post('/ajax/block_anon', {
body: data,
contentType: 'application/json'
})
.then(async response => {
const data = await response.json;
if (!data.success) return false;
const inboxEntry: Node = element.closest('.inbox-entry');
showNotification(data.message);
(inboxEntry as HTMLElement).remove();
},
error: (data, status, xhr) => {
console.log(data, status, xhr);
})
.catch(err => {
console.log(err);
showErrorNotification(I18n.translate('frontend.error.message'));
}
});
}

View File

@ -1,4 +1,4 @@
import Rails from '@rails/ujs';
import { post } from '@rails/request.js';
import swal from 'sweetalert';
import I18n from 'retrospring/i18n';
@ -28,11 +28,13 @@ export function deleteEntryHandler(event: Event): void {
return;
}
Rails.ajax({
url: '/ajax/delete_inbox',
type: 'POST',
data: new URLSearchParams(data).toString(),
success: (data) => {
post('/ajax/delete_inbox', {
body: data,
contentType: 'application/json'
})
.then(async response => {
const data = await response.json;
if (!data.success) return false;
const inboxEntry: Node = element.closest('.inbox-entry');
@ -40,11 +42,10 @@ export function deleteEntryHandler(event: Event): void {
showNotification(data.message);
(inboxEntry as HTMLElement).remove();
},
error: (data, status, xhr) => {
console.log(data, status, xhr);
})
.catch(err => {
console.log(err);
showErrorNotification(I18n.translate('frontend.error.message'));
}
});
})
}

View File

@ -1,23 +1,21 @@
import Rails from '@rails/ujs';
import { post } from '@rails/request.js';
import I18n from 'retrospring/i18n';
import { updateDeleteButton } from './delete';
import { showErrorNotification } from 'utilities/notifications';
export function generateQuestionHandler(): void {
Rails.ajax({
url: '/ajax/generate_question',
type: 'POST',
dataType: 'json',
success: (data) => {
post('/ajax/generate_question')
.then(async response => {
const data = await response.json;
if (!data.success) return false;
document.querySelector('#entries').insertAdjacentHTML('afterbegin', data.render);
updateDeleteButton();
},
error: (data, status, xhr) => {
console.log(data, status, xhr);
})
.catch(err => {
console.log(err);
showErrorNotification(I18n.translate('frontend.error.message'));
}
});
}