github/Ombi
1
0
Fork 0
mirror of https://github.com/Ombi-app/Ombi.git synced 2025-08-22 14:13:36 -07:00
Code Issues Projects Releases Packages Wiki Activity Actions

fixed touch not working on carousels

Browse source
This commit is contained in:
dr3amer 2022-04-30 02:32:51 -07:00
commit 03bea905b1
1 changed files with 22 additions and 18 deletions
Download patch file Download diff file Expand all files Collapse all files

40
src/Ombi/ClientApp/src/app/discover/components/carousel-list/carousel-list.component.ts
View file

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