Sidebar singleton

This commit is contained in:
Eduard Urbach 2017-10-02 02:02:07 +02:00
parent 531a502721
commit 6adcdffa33
2 changed files with 34 additions and 15 deletions

View File

@ -8,6 +8,7 @@ import { StatusMessage } from "./StatusMessage"
import { PushManager } from "./PushManager" import { PushManager } from "./PushManager"
import { TouchController } from "./TouchController" import { TouchController } from "./TouchController"
import { Analytics } from "./Analytics" import { Analytics } from "./Analytics"
import { SideBar } from "./SideBar"
export class AnimeNotifier { export class AnimeNotifier {
app: Application app: Application
@ -20,7 +21,7 @@ export class AnimeNotifier {
visibilityObserver: IntersectionObserver visibilityObserver: IntersectionObserver
pushManager: PushManager pushManager: PushManager
touchController: TouchController touchController: TouchController
sideBar: HTMLElement sideBar: SideBar
mainPageLoaded: boolean mainPageLoaded: boolean
lastReloadContentPath: string lastReloadContentPath: string
@ -114,9 +115,6 @@ export class AnimeNotifier {
this.app.find("status-message-text") this.app.find("status-message-text")
) )
// Let"s start
this.app.run()
// Push manager // Push manager
this.pushManager = new PushManager() this.pushManager = new PushManager()
@ -124,18 +122,10 @@ export class AnimeNotifier {
this.analytics = new Analytics() this.analytics = new Analytics()
// Sidebar control // Sidebar control
this.sideBar = this.app.find("sidebar") this.sideBar = new SideBar(this.app.find("sidebar"))
document.body.addEventListener("click", e => { // Let"s start
if(document.activeElement.id === "search") this.app.run()
return;
this.sideBar.classList.remove("sidebar-visible")
})
this.touchController = new TouchController()
this.touchController.leftSwipe = () => this.sideBar.classList.remove("sidebar-visible")
this.touchController.rightSwipe = () => this.sideBar.classList.add("sidebar-visible")
} }
onContentLoaded() { onContentLoaded() {

29
scripts/SideBar.ts Normal file
View File

@ -0,0 +1,29 @@
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")
}
}