EVOgeek
/
Vmeda.Online
1
0
Fork 1
Code Issues Pull Requests Packages Projects Releases Wiki Activity

MOBILE-3926 core: Disable tablet swipe navigation

main
Noel De Martin 2021-11-17 12:29:45 +01:00
parent 683c5f4e5a
commit e42cab8d8b
2 changed files with 14 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/core/components/swipe-navigation/swipe-navigation.html
View File

@ -1,4 +1,4 @@
<ion-slides [options]="{ allowTouchMove: !!manager }" (swipeleft)="swipeLeft()" (swiperight)="swipeRight()"> <ion-slides [options]="{ allowTouchMove: enabled }" (swipeleft)="swipeLeft()" (swiperight)="swipeRight()">
<ion-slide> <ion-slide>
<ng-content></ng-content> <ng-content></ng-content>
</ion-slide> </ion-slide>

13
src/core/components/swipe-navigation/swipe-navigation.ts
View File

@ -14,6 +14,7 @@
import { Component, Input } from '@angular/core'; import { Component, Input } from '@angular/core';
import { CoreSwipeItemsManager } from '@classes/items-management/swipe-items-manager'; import { CoreSwipeItemsManager } from '@classes/items-management/swipe-items-manager';
import { CoreScreen } from '@services/screen';
@Component({ @Component({
selector: 'core-swipe-navigation', selector: 'core-swipe-navigation',
@ -24,10 +25,18 @@ export class CoreSwipeNavigationComponent {
@Input() manager?: CoreSwipeItemsManager; @Input() manager?: CoreSwipeItemsManager;
get enabled(): boolean {
return CoreScreen.isMobile && !!this.manager;
}
/** /**
* Swipe to previous item. * Swipe to previous item.
*/ */
swipeLeft(): void { swipeLeft(): void {
if (!this.enabled) {
return;
}
this.manager?.navigateToPreviousItem(); this.manager?.navigateToPreviousItem();
} }
@ -35,6 +44,10 @@ export class CoreSwipeNavigationComponent {
* Swipe to next item. * Swipe to next item.
*/ */
swipeRight(): void { swipeRight(): void {
if (!this.enabled) {
return;
}
this.manager?.navigateToNextItem(); this.manager?.navigateToNextItem();
} }