From 2ef439627d9684abd6b7bfa805f7915486085839 Mon Sep 17 00:00:00 2001 From: Roman Kober Date: Mon, 14 Dec 2020 12:58:37 +0100 Subject: [PATCH] Added Navigation in Carousel with Arrowkeys and close with Esc --- src/app/gallery/carousel.component.ts | 3 +++ 1 file changed, 3 insertions(+) diff --git a/src/app/gallery/carousel.component.ts b/src/app/gallery/carousel.component.ts index a637aaa..a633d7a 100644 --- a/src/app/gallery/carousel.component.ts +++ b/src/app/gallery/carousel.component.ts @@ -286,10 +286,12 @@ export class CarouselComponent implements OnDestroy { } } + @HostListener("window:keydown.arrowright", ["$event"]) next() { this.carousel.next(1); } + @HostListener("window:keydown.arrowleft", ["$event"]) prev() { this.carousel.prev(1); } @@ -306,6 +308,7 @@ export class CarouselComponent implements OnDestroy { return this.carousel.isPrevArrowDisabled(); } + @HostListener("window:keydown.esc", ["$event"]) close() { this.overlayEventService.emitChangeEvent({ type: 'Hide'