mirror of
https://github.com/we-promise/sure.git
synced 2026-04-07 22:34:47 +00:00
Fix event handler removal on disconnect (#540)
* Fix event handler removal on disconnect * Fix tab controller
This commit is contained in:
@@ -8,24 +8,22 @@ export default class extends Controller {
|
||||
|
||||
connect() {
|
||||
this.updateClasses(this.defaultTabValue);
|
||||
document.addEventListener(
|
||||
"turbo:load",
|
||||
this.updateClasses.bind(this, this.defaultTabValue)
|
||||
);
|
||||
document.addEventListener("turbo:load", this.onTurboLoad);
|
||||
}
|
||||
|
||||
disconnect() {
|
||||
document.removeEventListener(
|
||||
"turbo:load",
|
||||
this.updateClasses.bind(this, this.defaultTabValue)
|
||||
);
|
||||
document.removeEventListener("turbo:load", this.onTurboLoad);
|
||||
}
|
||||
|
||||
select(event) {
|
||||
this.updateClasses(event.target.dataset.id);
|
||||
}
|
||||
|
||||
updateClasses(selectedId) {
|
||||
onTurboLoad = () => {
|
||||
this.updateClasses(this.defaultTabValue);
|
||||
}
|
||||
|
||||
updateClasses = (selectedId) => {
|
||||
this.btnTargets.forEach((btn) => btn.classList.remove(this.activeClass));
|
||||
this.tabTargets.forEach((tab) => tab.classList.add("hidden"));
|
||||
|
||||
|
||||
Reference in New Issue
Block a user