BookStack/resources/js/components/chapter-contents.js

33 lines
865 B
JavaScript
Raw Normal View History

import {slideUp, slideDown} from "../services/animations";
2022-11-15 06:24:31 -05:00
import {Component} from "./component";
2022-11-15 06:24:31 -05:00
export class ChapterContents extends Component {
setup() {
this.list = this.$refs.list;
this.toggle = this.$refs.toggle;
this.isOpen = this.toggle.classList.contains('open');
this.toggle.addEventListener('click', this.click.bind(this));
}
open() {
this.toggle.classList.add('open');
this.toggle.setAttribute('aria-expanded', 'true');
slideDown(this.list, 180);
this.isOpen = true;
}
close() {
this.toggle.classList.remove('open');
this.toggle.setAttribute('aria-expanded', 'false');
slideUp(this.list, 180);
this.isOpen = false;
}
click(event) {
event.preventDefault();
this.isOpen ? this.close() : this.open();
}
}