mirror of
https://github.com/maybe-finance/maybe.git
synced 2025-07-19 13:19:39 +02:00
Fix event handler removal on disconnect (#540)
* Fix event handler removal on disconnect * Fix tab controller
This commit is contained in:
parent
c60ddaec1d
commit
2c3752668a
5 changed files with 19 additions and 25 deletions
|
@ -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"));
|
||||
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue