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

Remove vote functionality from TypeScript

This commit is contained in:
Andreas Nedbal 2022-07-18 22:29:48 +02:00 committed by Karina Kwiatek
parent 43af4acb2c
commit 3cabd39b89
2 changed files with 0 additions and 68 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
app/javascript/retrospring/features/moderation/index.ts
View File

@ -3,11 +3,9 @@ import registerCommentEvents from './comment';
import { banCheckboxHandler, banFormHandler, permanentBanCheckboxHandler } from './ban'; import { banCheckboxHandler, banFormHandler, permanentBanCheckboxHandler } from './ban';
import { destroyReportHandler } from './destroy'; import { destroyReportHandler } from './destroy';
import { privilegeCheckHandler } from './privilege'; import { privilegeCheckHandler } from './privilege';
import { voteReportHandler } from './vote';
export default (): void => { export default (): void => {
registerEvents([ registerEvents([
{ type: 'click', target: '[name=mod-vote]', handler: voteReportHandler, global: true },
{ type: 'click', target: '[type=checkbox][name=check-your-privileges]', handler: privilegeCheckHandler, global: true }, { type: 'click', target: '[type=checkbox][name=check-your-privileges]', handler: privilegeCheckHandler, global: true },
{ type: 'click', target: '[name=mod-delete-report]', handler: destroyReportHandler, global: true }, { type: 'click', target: '[name=mod-delete-report]', handler: destroyReportHandler, global: true },
{ type: 'change', target: '[name="ban"][type="checkbox"]', handler: banCheckboxHandler, global: true }, { type: 'change', target: '[name="ban"][type="checkbox"]', handler: banCheckboxHandler, global: true },

66
app/javascript/retrospring/features/moderation/vote.ts
View File

@ -1,66 +0,0 @@
import Rails from '@rails/ujs';
import I18n from 'retrospring/i18n';
import { showNotification, showErrorNotification } from 'utilities/notifications';
export function voteReportHandler(event: Event): void {
const button = event.target as HTMLButtonElement;
const id = button.dataset.id;
const action = button.dataset.action;
const upvote = button.dataset.voteType === 'upvote';
button.disabled = true;
let success = false;
let targetUrl;
if (action === 'vote') {
targetUrl = '/ajax/mod/create_vote';
}
else if (action === 'unvote') {
targetUrl = '/ajax/mod/destroy_vote';
}
Rails.ajax({
url: targetUrl,
type: 'POST',
data: new URLSearchParams({
id: id,
upvote: String(upvote)
}).toString(),
success: (data) => {
success = data.success;
if (success) {
document.querySelector(`span#mod-count-${id}`).innerHTML = data.count;
}
showNotification(data.message);
},
error: (data, status, xhr) => {
console.log(data, status, xhr);
showErrorNotification(I18n.translate('frontend.error.message'));
},
complete: () => {
if (success) {
const inverseVoteButton = document.querySelector<HTMLButtonElement>(`[name=mod-vote][data-id="${id}"][data-vote-type="${ upvote ? 'downvote' : 'upvote' }"]`);
const inverseUnvoteButton = document.querySelector<HTMLButtonElement>(`[name=mod-vote][data-id="${id}"][data-vote-type="${ upvote ? 'downvote' : 'upvote' }"]`);
switch (action) {
case 'vote':
button.disabled = true;
button.dataset.action = 'unvote';
inverseVoteButton.disabled = false;
inverseVoteButton.dataset.action = 'unvote';
break;
case 'unvote':
button.disabled = false;
button.dataset.action = 'vote';
inverseUnvoteButton.disabled = false;
inverseUnvoteButton.dataset.action = 'vote';
break;
}
}
}
});
}