the-glorious-startpage/js/mobile-swipe-callback.js
2020-06-09 10:02:03 +08:00

81 lines
1.7 KiB
JavaScript

class SwipeEventCallbacks extends SwipeEventManager {
constructor() {
super();
this.swipeEvent = this.swipeEvent;
this._createSwipeEvents();
}
// Backgound body swipe callback
_bodyBackgroundSwipeEvent = (el, d) => {
// Swipe left will open dashboard
if (d === 'left') {
dashboard.toggleDashboard();
} else if (d === 'down') {
// Swiping down will open search box
searchBoxShow.toggleSearchBox();
} else if (d == 'right') {
// Swiping right will open web menu
webMenu.toggleWebMenu();
} else if (d == 'up') {
// Swiping up will open weather screen
weatherScreen.toggleWeatherScreen();
}
}
// Dashboard swipe callback
_rightDashboardSwipeEvent = (el, d) => {
// Swipe right will close dashboard
if (d === "right") {
dashboard.toggleDashboard();
}
}
// Blur overlay swipe event
_centeredBoxOverlaySwipeEvent = (el, d) => {
// Swiping up will close search box
if (d === 'up') {
searchBoxShow.toggleSearchBox();
}
}
// Web menu swipe event
_webMenuSwipeEvent = (el, d) => {
// Swiping left will close web menu
if (d == 'left') {
webMenu.toggleWebMenu();
}
}
// Weather screen swipe event
_weatherScreenSwipeEvent = (el, d) => {
// Swiping left will the weather screem
if (d == 'left') {
weatherScreen.toggleWeatherScreen();
}
}
// Assign swipe callback for each IDs
_createSwipeEvents = () => {
this.swipeEvent('bodyBackground', this._bodyBackgroundSwipeEvent);
this.swipeEvent('rightDashboard', this._rightDashboardSwipeEvent);
this.swipeEvent('centeredBoxOverlay', this._centeredBoxOverlaySwipeEvent);
this.swipeEvent('webMenu', this._webMenuSwipeEvent);
this.swipeEvent('weatherScreen', this._weatherScreenSwipeEvent);
}
}