Jason Zimdars
50 lines
1.0 KiB
JavaScript
50 lines
1.0 KiB
JavaScript
import { Controller } from "@hotwired/stimulus"
|
|
import { debounce } from "helpers/timing_helpers"
|
|
|
|
export default class extends Controller {
|
|
static targets = ["input"]
|
|
static values = { key: String }
|
|
|
|
initialize() {
|
|
this.debouncedSave = debounce(() => {
|
|
const content = this.inputTarget.value
|
|
if (content) {
|
|
localStorage.setItem(this.keyValue, content)
|
|
} else {
|
|
this.clear()
|
|
}
|
|
}, 300)
|
|
}
|
|
|
|
connect() {
|
|
this.restoreContent()
|
|
}
|
|
|
|
submit({ detail: { success } }) {
|
|
if (success) {
|
|
this.clear()
|
|
}
|
|
}
|
|
|
|
save() {
|
|
this.debouncedSave()
|
|
}
|
|
|
|
clear() {
|
|
localStorage.removeItem(this.keyValue)
|
|
}
|
|
|
|
restoreContent() {
|
|
const savedContent = localStorage.getItem(this.keyValue)
|
|
if (savedContent) {
|
|
this.inputTarget.value = savedContent
|
|
this.inputTarget.dispatchEvent(new CustomEvent('house-md:change', {
|
|
bubbles: true,
|
|
detail: {
|
|
previousContent: '',
|
|
newContent: savedContent
|
|
}
|
|
}))
|
|
}
|
|
}
|
|
}
|