diff --git a/src/atlasViewer/atlasViewer.component.ts b/src/atlasViewer/atlasViewer.component.ts index 8963c18f8b2f4dec6a0455af4a421732b06672be..e29300da822e75e5d95832beb918489482a1458f 100644 --- a/src/atlasViewer/atlasViewer.component.ts +++ b/src/atlasViewer/atlasViewer.component.ts @@ -497,21 +497,22 @@ export class AtlasViewer implements OnDestroy, OnInit, AfterViewInit { closeMenuWithSwipe(documentToSwipe: ElementRef) { if (documentToSwipe && documentToSwipe.nativeElement) { const swipeDistance = 150; // swipe distance - const swipeLeft$ = fromEvent(documentToSwipe.nativeElement, "touchstart") + const swipeLeft$ = fromEvent(documentToSwipe.nativeElement, 'touchstart') .pipe( switchMap(startEvent => - fromEvent(documentToSwipe.nativeElement, "touchmove") + fromEvent(documentToSwipe.nativeElement, 'touchmove') .pipe( - takeUntil(fromEvent(documentToSwipe.nativeElement, "touchend")) - , map(event => event['touches'][0].pageX) - , scan((acc, pageX) => Math.round(startEvent['touches'][0].pageX - pageX), 0) - , takeLast(1) - , filter(difference => difference >= swipeDistance) + takeUntil(fromEvent(documentToSwipe.nativeElement, 'touchend')), + map(event => event['touches'][0].pageX), + scan((acc, pageX) => Math.round(startEvent['touches'][0].pageX - pageX), 0), + takeLast(1), + filter(difference => difference >= swipeDistance) ))) - // Subscription - swipeLeft$.subscribe(val => { - this.changeMenuState({close: true}) - }) + this.subscriptions.push( + swipeLeft$.subscribe(() => { + this.changeMenuState({close: true}) + }) + ) } }