diff --git a/src/Ombi/ClientApp/src/app/discover/components/discover/discover.component.ts b/src/Ombi/ClientApp/src/app/discover/components/discover/discover.component.ts index 3238ea5ed..a3c227639 100644 --- a/src/Ombi/ClientApp/src/app/discover/components/discover/discover.component.ts +++ b/src/Ombi/ClientApp/src/app/discover/components/discover/discover.component.ts @@ -35,6 +35,8 @@ export class DiscoverComponent implements OnInit { public loadingFlag: boolean; public scrollDisabled: boolean; + private amountToLoad = 14; + private contentLoaded: number; private isScrolling: boolean = false; private mediaTypeStorageKey = "DiscoverOptions"; @@ -51,14 +53,14 @@ export class DiscoverComponent implements OnInit { this.scrollDisabled = true; switch (this.discoverOptions) { case DiscoverOption.Combined: - this.movies = await this.searchService.popularMoviesByPage(0, 12); - this.tvShows = await this.searchService.popularTvByPage(0, 12); + this.movies = await this.searchService.popularMoviesByPage(0, this.amountToLoad); + this.tvShows = await this.searchService.popularTvByPage(0, this.amountToLoad); break; case DiscoverOption.Movie: - this.movies = await this.searchService.popularMoviesByPage(0, 12); + this.movies = await this.searchService.popularMoviesByPage(0, this.amountToLoad); break; case DiscoverOption.Tv: - this.tvShows = await this.searchService.popularTvByPage(0, 12); + this.tvShows = await this.searchService.popularTvByPage(0, this.amountToLoad); break; } @@ -78,42 +80,42 @@ export class DiscoverComponent implements OnInit { if (this.popularActive) { switch (this.discoverOptions) { case DiscoverOption.Combined: - this.movies = await this.searchService.popularMoviesByPage(this.contentLoaded, 12); - this.tvShows = await this.searchService.popularTvByPage(this.contentLoaded, 12); + this.movies = await this.searchService.popularMoviesByPage(this.contentLoaded, this.amountToLoad); + this.tvShows = await this.searchService.popularTvByPage(this.contentLoaded, this.amountToLoad); break; case DiscoverOption.Movie: - this.movies = await this.searchService.popularMoviesByPage(this.contentLoaded, 12); + this.movies = await this.searchService.popularMoviesByPage(this.contentLoaded, this.amountToLoad); break; case DiscoverOption.Tv: - this.tvShows = await this.searchService.popularTvByPage(this.contentLoaded, 12); + this.tvShows = await this.searchService.popularTvByPage(this.contentLoaded, this.amountToLoad); break; } } if (this.trendingActive) { switch (this.discoverOptions) { case DiscoverOption.Combined: - this.movies = await this.searchService.nowPlayingMoviesByPage(this.contentLoaded, 12); - this.tvShows = await this.searchService.trendingTvByPage(this.contentLoaded, 12); + this.movies = await this.searchService.nowPlayingMoviesByPage(this.contentLoaded, this.amountToLoad); + this.tvShows = await this.searchService.trendingTvByPage(this.contentLoaded, this.amountToLoad); break; case DiscoverOption.Movie: - this.movies = await this.searchService.nowPlayingMoviesByPage(this.contentLoaded, 12); + this.movies = await this.searchService.nowPlayingMoviesByPage(this.contentLoaded, this.amountToLoad); break; case DiscoverOption.Tv: - this.tvShows = await this.searchService.trendingTvByPage(this.contentLoaded, 12); + this.tvShows = await this.searchService.trendingTvByPage(this.contentLoaded, this.amountToLoad); break; } } if (this.upcomingActive) { switch (this.discoverOptions) { case DiscoverOption.Combined: - this.movies = await this.searchService.upcomingMoviesByPage(this.contentLoaded, 12); - this.tvShows = await this.searchService.anticipatedTvByPage(this.contentLoaded, 12); + this.movies = await this.searchService.upcomingMoviesByPage(this.contentLoaded, this.amountToLoad); + this.tvShows = await this.searchService.anticipatedTvByPage(this.contentLoaded, this.amountToLoad); break; case DiscoverOption.Movie: - this.movies = await this.searchService.upcomingMoviesByPage(this.contentLoaded, 12); + this.movies = await this.searchService.upcomingMoviesByPage(this.contentLoaded, this.amountToLoad); break; case DiscoverOption.Tv: - this.tvShows = await this.searchService.anticipatedTvByPage(this.contentLoaded, 12); + this.tvShows = await this.searchService.anticipatedTvByPage(this.contentLoaded, this.amountToLoad); break; } } @@ -135,14 +137,14 @@ export class DiscoverComponent implements OnInit { this.upcomingActive = false; switch (this.discoverOptions) { case DiscoverOption.Combined: - this.movies = await this.searchService.popularMoviesByPage(0, 12); - this.tvShows = await this.searchService.popularTvByPage(0, 12); + this.movies = await this.searchService.popularMoviesByPage(0, this.amountToLoad); + this.tvShows = await this.searchService.popularTvByPage(0, this.amountToLoad); break; case DiscoverOption.Movie: - this.movies = await this.searchService.popularMoviesByPage(0, 12); + this.movies = await this.searchService.popularMoviesByPage(0, this.amountToLoad); break; case DiscoverOption.Tv: - this.tvShows = await this.searchService.popularTvByPage(0, 12); + this.tvShows = await this.searchService.popularTvByPage(0, this.amountToLoad); break; } @@ -162,14 +164,14 @@ export class DiscoverComponent implements OnInit { this.upcomingActive = false; switch (this.discoverOptions) { case DiscoverOption.Combined: - this.movies = await this.searchService.nowPlayingMoviesByPage(0, 12); - this.tvShows = await this.searchService.trendingTvByPage(0, 12); + this.movies = await this.searchService.nowPlayingMoviesByPage(0, this.amountToLoad); + this.tvShows = await this.searchService.trendingTvByPage(0, this.amountToLoad); break; case DiscoverOption.Movie: - this.movies = await this.searchService.nowPlayingMoviesByPage(0, 12); + this.movies = await this.searchService.nowPlayingMoviesByPage(0, this.amountToLoad); break; case DiscoverOption.Tv: - this.tvShows = await this.searchService.trendingTvByPage(0, 12); + this.tvShows = await this.searchService.trendingTvByPage(0, this.amountToLoad); break; } @@ -188,14 +190,14 @@ export class DiscoverComponent implements OnInit { this.upcomingActive = true; switch (this.discoverOptions) { case DiscoverOption.Combined: - this.movies = await this.searchService.upcomingMoviesByPage(0, 12); - this.tvShows = await this.searchService.anticipatedTvByPage(0, 12); + this.movies = await this.searchService.upcomingMoviesByPage(0, this.amountToLoad); + this.tvShows = await this.searchService.anticipatedTvByPage(0, this.amountToLoad); break; case DiscoverOption.Movie: - this.movies = await this.searchService.upcomingMoviesByPage(0, 12); + this.movies = await this.searchService.upcomingMoviesByPage(0, this.amountToLoad); break; case DiscoverOption.Tv: - this.tvShows = await this.searchService.anticipatedTvByPage(0, 12); + this.tvShows = await this.searchService.anticipatedTvByPage(0, this.amountToLoad); break; } diff --git a/src/Ombi/ClientApp/src/app/settings/emby/emby.component.ts b/src/Ombi/ClientApp/src/app/settings/emby/emby.component.ts index 858f3846c..52595d1d3 100644 --- a/src/Ombi/ClientApp/src/app/settings/emby/emby.component.ts +++ b/src/Ombi/ClientApp/src/app/settings/emby/emby.component.ts @@ -2,7 +2,7 @@ import { IEmbyServer, IEmbySettings } from "../../interfaces"; import { EmbyService, JobService, NotificationService, SettingsService, TesterService } from "../../services"; -import { MatTabChangeEvent, MatTabGroup } from "@angular/material"; +import { MatTabChangeEvent, MatTabGroup } from "@angular/material/tabs"; import {FormControl} from '@angular/forms'; @Component({ diff --git a/src/Ombi/ClientApp/src/app/settings/plex/plex.component.ts b/src/Ombi/ClientApp/src/app/settings/plex/plex.component.ts index cacdd76c8..7509fb45a 100644 --- a/src/Ombi/ClientApp/src/app/settings/plex/plex.component.ts +++ b/src/Ombi/ClientApp/src/app/settings/plex/plex.component.ts @@ -4,7 +4,7 @@ import { takeUntil } from "rxjs/operators"; import { IPlexLibrariesSettings, IPlexServer, IPlexServerResponse, IPlexServerViewModel, IPlexSettings } from "../../interfaces"; import { JobService, NotificationService, PlexService, SettingsService, TesterService } from "../../services"; -import { MatTabChangeEvent, MatTabGroup } from "@angular/material"; +import { MatTabChangeEvent, MatTabGroup } from "@angular/material/tabs"; import {FormControl} from '@angular/forms'; @Component({