39 lines
777 B
TypeScript
Raw Normal View History

2017-10-02 00:02:07 +00:00
import { TouchController } from "./TouchController"
export class SideBar {
element: HTMLElement
touchController: TouchController
constructor(element) {
this.element = element
document.body.addEventListener("click", e => {
if(document.activeElement.id === "search")
return;
this.hide()
})
this.touchController = new TouchController()
this.touchController.leftSwipe = () => this.hide()
this.touchController.rightSwipe = () => this.show()
}
show() {
this.element.classList.add("sidebar-visible")
}
hide() {
this.element.classList.remove("sidebar-visible")
}
2018-03-07 13:52:56 +00:00
toggle() {
let visible = this.element.style.display !== "none"
if(visible) {
this.element.style.display = "none"
} else {
this.element.style.display = "flex"
}
}
2017-10-02 00:02:07 +00:00
}