From 03bea905b1c9502813165396582999664fd33898 Mon Sep 17 00:00:00 2001
From: dr3amer <91037083+dr3am37@users.noreply.github.com>
Date: Sat, 30 Apr 2022 02:32:51 -0700
Subject: [PATCH] fixed touch not working on carousels

---
 .../carousel-list/carousel-list.component.ts  | 40 ++++++++++---------
 1 file changed, 22 insertions(+), 18 deletions(-)

diff --git a/src/Ombi/ClientApp/src/app/discover/components/carousel-list/carousel-list.component.ts b/src/Ombi/ClientApp/src/app/discover/components/carousel-list/carousel-list.component.ts
index 9617c993e..4a3c5020b 100644
--- a/src/Ombi/ClientApp/src/app/discover/components/carousel-list/carousel-list.component.ts
+++ b/src/Ombi/ClientApp/src/app/discover/components/carousel-list/carousel-list.component.ts
@@ -27,7 +27,6 @@ export class CarouselListComponent implements OnInit {
     @Input() public isAdmin: boolean;
     @Output() public movieCount: EventEmitter<number> = new EventEmitter();
     @ViewChild('carousel', {static: false}) carousel: Carousel;
-
     public DiscoverOption = DiscoverOption;
     public discoverOptions: DiscoverOption = DiscoverOption.Combined;
     public discoverResults: IDiscoverCardResult[] = [];
@@ -45,91 +44,95 @@ export class CarouselListComponent implements OnInit {
     private amountToLoad = 17;
     private currentlyLoaded = 0;
 
-    constructor(private searchService: SearchV2Service,
+    constructor(
+
+      private searchService: SearchV2Service,
         private storageService: StorageService,
         private featureFacade: FeaturesFacade) {
+        Carousel.prototype.onTouchMove = () => { },
         this.responsiveOptions = [
             {
+              ontouchend: "pointer-events: none",
                 breakpoint: '4000px',
                 numVisible: 17,
                 numScroll: 16
             },
-            {
+            {ontouchend: "pointer-events: none",
                 breakpoint: '3800px',
                 numVisible: 16,
                 numScroll: 15
             },
-            {
+            {ontouchend: "pointer-events: none",
                 breakpoint: '3600px',
                 numVisible: 15,
                 numScroll: 14
             },
-            {
+            {ontouchend: "pointer-events: none",
                 breakpoint: '3400px',
                 numVisible: 14,
                 numScroll: 13
             },
-            {
+            {ontouchend: "pointer-events: none",
                 breakpoint: '3200px',
                 numVisible: 13,
                 numScroll: 12
             },
-            {
+            {ontouchend: "pointer-events: none",
                 breakpoint: '3000px',
                 numVisible: 12,
                 numScroll: 11
             },
-            {
+            {ontouchend: "pointer-events: none",
                 breakpoint: '2800px',
                 numVisible: 11,
                 numScroll: 10
             },
-            {
+            {ontouchend: "pointer-events: none",
                 breakpoint: '2600px',
                 numVisible: 10,
                 numScroll: 9
             },
-            {
+            {ontouchend: "pointer-events: none",
                 breakpoint: '2400px',
                 numVisible: 9,
                 numScroll: 8
             },
-            {
+            {ontouchend: "pointer-events: none",
                 breakpoint: '2200px',
                 numVisible: 8,
                 numScroll: 7
             },
-            {
+            {ontouchend: "pointer-events: none",
                 breakpoint: '2000px',
                 numVisible: 7,
                 numScroll: 6
             },
-            {
+            {ontouchend: "pointer-events: none",
                 breakpoint: '1800px',
                 numVisible: 6,
                 numScroll: 5
             },
-            {
+            {ontouchend: "pointer-events: none",
                 breakpoint: '1650px',
                 numVisible: 5,
                 numScroll: 4
             },
-            {
+            {ontouchend: "pointer-events: none",
                 breakpoint: '1500px',
                 numVisible: 4,
                 numScroll: 3
             },
-            {
+            {ontouchend: "pointer-events: none",
                 breakpoint: '768px',
                 numVisible: 3,
                 numScroll: 2
             },
-            {
+            {ontouchend: "pointer-events: none",
                 breakpoint: '660px',
                 numVisible: 2,
                 numScroll: 2
             },
-            {
+            {ontouchend: "pointer-events: none",
                 breakpoint: '480px',
                 numVisible: 1,
                 numScroll: 1
@@ -350,6 +353,7 @@ export class CarouselListComponent implements OnInit {
 
     private finishLoading() {
         this.loadingFlag = false;
+
     }