Sha256: 3d4a6b5661a1be96e710082197757b628886d9b2ce23b1f2d65fc40efdc542c8
Contents?: true
Size: 1.35 KB
Versions: 15
Compression:
Stored size: 1.35 KB
Contents
import { Controller } from "@hotwired/stimulus"
import { FetchRequest } from "https://cdn.skypack.dev/@rails/request.js@0.0.11"
const AUTOSAVE_INTERVAL = 3000
export default class extends Controller {
static targets = [ "submitter" ]
#timer
disconnect() {
this.#submit()
}
change() {
!this.#dirty && this.#scheduleSave()
!this.#dirty && this.#updateAppearance()
}
async #submit() {
this.#dirty && await this.#save()
}
async #save() {
this.#updateAppearance(true)
this.#resetTimer()
await submitForm(this.element)
this.#updateAppearance()
}
#updateAppearance(saving = false) {
if (saving) {
this.element.setAttribute("aria-busy", true)
this.submitterTarget.setAttribute("aria-disabled", true)
this.submitterTarget.disabled = true
} else {
this.element.removeAttribute("aria-busy")
this.submitterTarget.removeAttribute("aria-disabled")
this.submitterTarget.disabled = false
}
}
#scheduleSave() {
this.#timer = setTimeout(() => this.#save(), AUTOSAVE_INTERVAL)
}
#resetTimer() {
clearTimeout(this.#timer); this.#timer = null
}
get #dirty() {
return !!this.#timer
}
}
// Helpers
async function submitForm(form) {
const request = new FetchRequest(form.method, form.action, {
body: new FormData(form)
})
return await request.perform()
}
Version data entries
15 entries across 15 versions & 1 rubygems