Remember nav section collapsed state
This commit is contained in:
@@ -0,0 +1,26 @@
|
||||
import { Controller } from "@hotwired/stimulus"
|
||||
|
||||
export default class extends Controller {
|
||||
static values = { key: String }
|
||||
|
||||
connect() {
|
||||
this.#restoreToggle()
|
||||
}
|
||||
|
||||
toggle() {
|
||||
if (this.element.open) {
|
||||
localStorage.removeItem(this.#localStorageKey)
|
||||
} else {
|
||||
localStorage.setItem(this.#localStorageKey, this.keyValue)
|
||||
}
|
||||
}
|
||||
|
||||
#restoreToggle() {
|
||||
const isCollapsed = localStorage.getItem(this.#localStorageKey) != null
|
||||
if (isCollapsed) this.element.open = false
|
||||
}
|
||||
|
||||
get #localStorageKey() {
|
||||
return this.keyValue
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user