You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
31 lines
972 B
31 lines
972 B
import { Controller } from "@hotwired/stimulus"
|
|
|
|
// Thumbs up / down on the results screen. Fire-and-forget: the button state
|
|
// flips immediately and the POST is not awaited, so a slow network never makes
|
|
// the tap feel dead. One rating per player -- tapping the other thumb just
|
|
// overwrites the previous one server-side.
|
|
export default class extends Controller {
|
|
static targets = ["button"]
|
|
static values = { url: String }
|
|
|
|
rate(event) {
|
|
const button = event.currentTarget
|
|
const direction = button.dataset.direction
|
|
|
|
this.buttonTargets.forEach((b) => b.classList.toggle("is-selected", b === button))
|
|
|
|
const body = new FormData()
|
|
body.append("direction", direction)
|
|
|
|
fetch(this.urlValue, {
|
|
method: "POST",
|
|
body,
|
|
headers: { "X-CSRF-Token": this.csrfToken },
|
|
credentials: "same-origin"
|
|
}).catch(() => {})
|
|
}
|
|
|
|
get csrfToken() {
|
|
return document.querySelector("meta[name='csrf-token']")?.content || ""
|
|
}
|
|
}
|