FreakU
/
Retrospring
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

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
parent eb0271210b 3b6ade483f
commit e4155bf21f
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
5 changed files with 72 additions and 75 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

42
app/javascript/retrospring/features/inbox/delete.ts
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';
@ -42,22 +42,20 @@ export function deleteAllQuestionsHandler(event: Event): void {
if (returnValue === false) {
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'));
}
});
});
});
}
@ -76,21 +74,19 @@ export function deleteAllAuthorQuestionsHandler(event: Event): void {
closeOnConfirm: true
}, (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'));
}
});
});
});
}

23
app/javascript/retrospring/features/inbox/entry/answer.ts
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,12 +37,11 @@ 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;
}
});
});
}
export function answerEntryInputHandler(event: KeyboardEvent): void {

35
app/javascript/retrospring/features/inbox/entry/blockAnon.ts
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";
@ -7,24 +7,25 @@ export function blockAnonEventHandler(event: Event): void {
const element: HTMLAnchorElement = event.target as HTMLAnchorElement;
const data = {
question: element.getAttribute('data-q-id'),
question: element.getAttribute('data-q-id'),
};
Rails.ajax({
url: '/ajax/block_anon',
type: 'POST',
data: new URLSearchParams(data).toString(),
success: (data) => {
if (!data.success) return false;
const inboxEntry: Node = element.closest('.inbox-entry');
post('/ajax/block_anon', {
body: data,
contentType: 'application/json'
})
.then(async response => {
const data = await response.json;
showNotification(data.message);
if (!data.success) return false;
const inboxEntry: Node = element.closest('.inbox-entry');
(inboxEntry as HTMLElement).remove();
},
error: (data, status, xhr) => {
console.log(data, status, xhr);
showErrorNotification(I18n.translate('frontend.error.message'));
}
});
showNotification(data.message);
(inboxEntry as HTMLElement).remove();
})
.catch(err => {
console.log(err);
showErrorNotification(I18n.translate('frontend.error.message'));
});
}

25
app/javascript/retrospring/features/inbox/entry/delete.ts
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';
@ -27,12 +27,14 @@ export function deleteEntryHandler(event: Event): void {
element.disabled = false;
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'));
}
});
});
})
}

22
app/javascript/retrospring/features/inbox/generate.ts
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);
showErrorNotification(I18n.translate('frontend.error.message'));
}
});
})
.catch(err => {
console.log(err);
showErrorNotification(I18n.translate('frontend.error.message'));
});
}