docbrown/app/javascript/admin/controllers/reaction_controller.js
Josh Puetz 1c566e0ec4
[deploy] Move /internal to `/admin (#9639)
* First draft - all the big changes

* Changing some more references to 'internal'

* Relocate internal request tests to admin

* Relocate internal system tests to admin

* Fix trailing space

* Test fix

* Move queries from internal to admin

* Docs updates

* Rename internal stimuls controllers to admin (plus docs)

* Rename admin layout

* Fix routing after rebase

* Fixes for latest added admin interfaces

* Serviceworker ignore paths
2020-08-07 10:36:26 -04:00

70 lines
1.8 KiB
JavaScript

/* eslint-disable no-alert */
import { Controller } from 'stimulus';
export default class ReactionController extends Controller {
static targets = ['invalid', 'confirmed'];
// eslint-disable-next-line class-methods-use-this
/* eslint no-alert: "error" */
updateReaction(id, status) {
fetch(`/admin/reactions/${id}`, {
method: 'PATCH',
headers: {
Accept: 'application/json',
'X-CSRF-Token': document.querySelector("meta[name='csrf-token']")
.content,
'Content-Type': 'application/json',
},
body: JSON.stringify({
id,
status,
}),
credentials: 'same-origin',
}).then((response) =>
response
.json()
.then((json) => {
if (json.outcome === 'Success') {
this.element.remove();
document.getElementById(`js__reaction__div__hr__${id}`).remove();
} else {
alert(json.error);
}
})
.catch((error) => {
alert(error);
}),
);
}
updateReactionInvalid() {
this.updateReaction(this.reactionId, this.invalidStatus);
}
reactableUserCheck() {
if (this.reactableType === 'user') {
// eslint-disable-next-line no-restricted-globals
if (confirm('You are confirming a User vomit reaction; are you sure?')) {
this.updateReaction(this.reactionId, this.confirmedStatus);
}
} else {
this.updateReaction(this.reactionId, this.confirmedStatus);
}
}
get reactionId() {
return parseInt(this.data.get('id'), 10);
}
get confirmedStatus() {
return this.confirmedTarget.dataset.status;
}
get reactableType() {
return this.confirmedTarget.dataset.reactable;
}
get invalidStatus() {
return this.invalidTarget.dataset.altstatus;
}
}