mirror of https://github.com/Ombi-app/Ombi
Jamie Rees
4 years ago
parent
cea33c7e93
commit
6a1dd87eeb
@ -1,386 +1,386 @@
|
|||||||
import { PlatformLocation, APP_BASE_HREF } from "@angular/common";
|
// import { PlatformLocation, APP_BASE_HREF } from "@angular/common";
|
||||||
import { Component, Input, OnInit, Inject } from "@angular/core";
|
// import { Component, Input, OnInit, Inject } from "@angular/core";
|
||||||
import { DomSanitizer } from "@angular/platform-browser";
|
// import { DomSanitizer } from "@angular/platform-browser";
|
||||||
import { Subject } from "rxjs";
|
// import { Subject } from "rxjs";
|
||||||
import { debounceTime, distinctUntilChanged } from "rxjs/operators";
|
// import { debounceTime, distinctUntilChanged } from "rxjs/operators";
|
||||||
|
|
||||||
import { AuthService } from "../auth/auth.service";
|
// import { AuthService } from "../auth/auth.service";
|
||||||
import { FilterType, IFilter, IIssueCategory, IMovieRequests, IPagenator, IRadarrProfile, IRadarrRootFolder, OrderType } from "../interfaces";
|
// import { FilterType, IFilter, IIssueCategory, IMovieRequests, IPagenator, IRadarrProfile, IRadarrRootFolder, OrderType } from "../interfaces";
|
||||||
import { NotificationService, RadarrService, RequestService } from "../services";
|
// import { NotificationService, RadarrService, RequestService } from "../services";
|
||||||
|
|
||||||
@Component({
|
// @Component({
|
||||||
selector: "movie-requests",
|
// selector: "movie-requests",
|
||||||
templateUrl: "./movierequests.component.html",
|
// templateUrl: "./movierequests.component.html",
|
||||||
})
|
// })
|
||||||
export class MovieRequestsComponent implements OnInit {
|
// export class MovieRequestsComponent implements OnInit {
|
||||||
public movieRequests: IMovieRequests[];
|
// public movieRequests: IMovieRequests[];
|
||||||
public defaultPoster: string;
|
// public defaultPoster: string;
|
||||||
|
|
||||||
public searchChanged: Subject<string> = new Subject<string>();
|
// public searchChanged: Subject<string> = new Subject<string>();
|
||||||
public searchText: string;
|
// public searchText: string;
|
||||||
|
|
||||||
public isAdmin: boolean; // Also PowerUser
|
// public isAdmin: boolean; // Also PowerUser
|
||||||
|
|
||||||
public radarrProfiles: IRadarrProfile[];
|
// public radarrProfiles: IRadarrProfile[];
|
||||||
public radarrRootFolders: IRadarrRootFolder[];
|
// public radarrRootFolders: IRadarrRootFolder[];
|
||||||
|
|
||||||
@Input() public issueCategories: IIssueCategory[];
|
// @Input() public issueCategories: IIssueCategory[];
|
||||||
@Input() public issuesEnabled: boolean;
|
// @Input() public issuesEnabled: boolean;
|
||||||
public issuesBarVisible = false;
|
// public issuesBarVisible = false;
|
||||||
public issueRequest: IMovieRequests;
|
// public issueRequest: IMovieRequests;
|
||||||
public issueProviderId: string;
|
// public issueProviderId: string;
|
||||||
public issueCategorySelected: IIssueCategory;
|
// public issueCategorySelected: IIssueCategory;
|
||||||
|
|
||||||
public filterDisplay: boolean;
|
// public filterDisplay: boolean;
|
||||||
public filter: IFilter;
|
// public filter: IFilter;
|
||||||
public filterType = FilterType;
|
// public filterType = FilterType;
|
||||||
|
|
||||||
public orderType: OrderType = OrderType.RequestedDateDesc;
|
// public orderType: OrderType = OrderType.RequestedDateDesc;
|
||||||
public OrderType = OrderType;
|
// public OrderType = OrderType;
|
||||||
public denyDisplay: boolean;
|
// public denyDisplay: boolean;
|
||||||
public requestToDeny: IMovieRequests;
|
// public requestToDeny: IMovieRequests;
|
||||||
public rejectionReason: string;
|
// public rejectionReason: string;
|
||||||
|
|
||||||
public totalMovies: number = 100;
|
// public totalMovies: number = 100;
|
||||||
public currentlyLoaded: number;
|
// public currentlyLoaded: number;
|
||||||
private amountToLoad: number;
|
// private amountToLoad: number;
|
||||||
private href: string;
|
// private href: string;
|
||||||
|
|
||||||
constructor(
|
// constructor(
|
||||||
private requestService: RequestService,
|
// private requestService: RequestService,
|
||||||
private auth: AuthService,
|
// private auth: AuthService,
|
||||||
private notificationService: NotificationService,
|
// private notificationService: NotificationService,
|
||||||
private radarrService: RadarrService,
|
// private radarrService: RadarrService,
|
||||||
private sanitizer: DomSanitizer,
|
// private sanitizer: DomSanitizer,
|
||||||
@Inject(APP_BASE_HREF) href:string) {
|
// @Inject(APP_BASE_HREF) href:string) {
|
||||||
this.href = href;
|
// this.href = href;
|
||||||
this.searchChanged.pipe(
|
// this.searchChanged.pipe(
|
||||||
debounceTime(600), // Wait Xms after the last event before emitting last event
|
// debounceTime(600), // Wait Xms after the last event before emitting last event
|
||||||
distinctUntilChanged(), // only emit if value is different from previous value
|
// distinctUntilChanged(), // only emit if value is different from previous value
|
||||||
).subscribe(x => {
|
// ).subscribe(x => {
|
||||||
this.searchText = x as string;
|
// this.searchText = x as string;
|
||||||
if (this.searchText === "") {
|
// if (this.searchText === "") {
|
||||||
this.resetSearch();
|
// this.resetSearch();
|
||||||
return;
|
// return;
|
||||||
}
|
// }
|
||||||
this.requestService.searchMovieRequests(this.searchText)
|
// this.requestService.searchMovieRequests(this.searchText)
|
||||||
.subscribe(m => {
|
// .subscribe(m => {
|
||||||
this.setOverrides(m);
|
// this.setOverrides(m);
|
||||||
this.movieRequests = m;
|
// this.movieRequests = m;
|
||||||
});
|
// });
|
||||||
});
|
// });
|
||||||
this.defaultPoster = "../../../images/default_movie_poster.png";
|
// this.defaultPoster = "../../../images/default_movie_poster.png";
|
||||||
const base = this.href;
|
// const base = this.href;
|
||||||
if (base) {
|
// if (base) {
|
||||||
this.defaultPoster = "../../.." + base + "/images/default_movie_poster.png";
|
// this.defaultPoster = "../../.." + base + "/images/default_movie_poster.png";
|
||||||
}
|
// }
|
||||||
}
|
// }
|
||||||
|
|
||||||
public ngOnInit() {
|
// public ngOnInit() {
|
||||||
this.amountToLoad = 10;
|
// this.amountToLoad = 10;
|
||||||
this.currentlyLoaded = 10;
|
// this.currentlyLoaded = 10;
|
||||||
this.filter = {
|
// this.filter = {
|
||||||
availabilityFilter: FilterType.None,
|
// availabilityFilter: FilterType.None,
|
||||||
statusFilter: FilterType.None,
|
// statusFilter: FilterType.None,
|
||||||
};
|
// };
|
||||||
this.loadInit();
|
// this.loadInit();
|
||||||
this.isAdmin = this.auth.hasRole("admin") || this.auth.hasRole("poweruser");
|
// this.isAdmin = this.auth.hasRole("admin") || this.auth.hasRole("poweruser");
|
||||||
|
|
||||||
}
|
// }
|
||||||
|
|
||||||
public paginate(event: IPagenator) {
|
// public paginate(event: IPagenator) {
|
||||||
const skipAmount = event.first;
|
// const skipAmount = event.first;
|
||||||
this.loadRequests(this.amountToLoad, skipAmount);
|
// this.loadRequests(this.amountToLoad, skipAmount);
|
||||||
}
|
// }
|
||||||
|
|
||||||
public search(text: any) {
|
// public search(text: any) {
|
||||||
this.searchChanged.next(text.target.value);
|
// this.searchChanged.next(text.target.value);
|
||||||
}
|
// }
|
||||||
|
|
||||||
public removeRequest(request: IMovieRequests) {
|
// public removeRequest(request: IMovieRequests) {
|
||||||
this.requestService.removeMovieRequest(request.id);
|
// this.requestService.removeMovieRequest(request.id);
|
||||||
this.removeRequestFromUi(request);
|
// this.removeRequestFromUi(request);
|
||||||
this.loadRequests(this.amountToLoad, this.currentlyLoaded = 0);
|
// this.loadRequests(this.amountToLoad, this.currentlyLoaded = 0);
|
||||||
}
|
// }
|
||||||
|
|
||||||
public changeAvailability(request: IMovieRequests, available: boolean) {
|
// public changeAvailability(request: IMovieRequests, available: boolean) {
|
||||||
request.available = available;
|
// request.available = available;
|
||||||
|
|
||||||
if (available) {
|
// if (available) {
|
||||||
this.requestService.markMovieAvailable({ id: request.id }).subscribe(x => {
|
// this.requestService.markMovieAvailable({ id: request.id }).subscribe(x => {
|
||||||
if (x.result) {
|
// if (x.result) {
|
||||||
this.notificationService.success(
|
// this.notificationService.success(
|
||||||
`${request.title} Is now available`);
|
// `${request.title} Is now available`);
|
||||||
} else {
|
// } else {
|
||||||
this.notificationService.warning("Request Available", x.message ? x.message : x.errorMessage);
|
// this.notificationService.warning("Request Available", x.message ? x.message : x.errorMessage);
|
||||||
request.approved = false;
|
// request.approved = false;
|
||||||
}
|
// }
|
||||||
});
|
// });
|
||||||
} else {
|
// } else {
|
||||||
this.requestService.markMovieUnavailable({ id: request.id }).subscribe(x => {
|
// this.requestService.markMovieUnavailable({ id: request.id }).subscribe(x => {
|
||||||
if (x.result) {
|
// if (x.result) {
|
||||||
this.notificationService.success(
|
// this.notificationService.success(
|
||||||
`${request.title} Is now unavailable`);
|
// `${request.title} Is now unavailable`);
|
||||||
} else {
|
// } else {
|
||||||
this.notificationService.warning("Request Available", x.message ? x.message : x.errorMessage);
|
// this.notificationService.warning("Request Available", x.message ? x.message : x.errorMessage);
|
||||||
request.approved = false;
|
// request.approved = false;
|
||||||
}
|
// }
|
||||||
});
|
// });
|
||||||
}
|
// }
|
||||||
}
|
// }
|
||||||
|
|
||||||
public approve(request: IMovieRequests) {
|
// public approve(request: IMovieRequests) {
|
||||||
request.approved = true;
|
// request.approved = true;
|
||||||
this.approveRequest(request);
|
// this.approveRequest(request);
|
||||||
}
|
// }
|
||||||
|
|
||||||
public deny(request: IMovieRequests) {
|
// public deny(request: IMovieRequests) {
|
||||||
this.requestToDeny = request;
|
// this.requestToDeny = request;
|
||||||
this.denyDisplay = true;
|
// this.denyDisplay = true;
|
||||||
}
|
// }
|
||||||
|
|
||||||
public denyRequest() {
|
// public denyRequest() {
|
||||||
this.requestService.denyMovie({ id: this.requestToDeny.id, reason: this.rejectionReason })
|
// this.requestService.denyMovie({ id: this.requestToDeny.id, reason: this.rejectionReason })
|
||||||
.subscribe(x => {
|
// .subscribe(x => {
|
||||||
this.denyDisplay = false;
|
// this.denyDisplay = false;
|
||||||
if (x.result) {
|
// if (x.result) {
|
||||||
this.notificationService.success(
|
// this.notificationService.success(
|
||||||
`Request for ${this.requestToDeny.title} has been denied successfully`);
|
// `Request for ${this.requestToDeny.title} has been denied successfully`);
|
||||||
const index = this.movieRequests.indexOf(this.requestToDeny, 0);
|
// const index = this.movieRequests.indexOf(this.requestToDeny, 0);
|
||||||
if (index > -1) {
|
// if (index > -1) {
|
||||||
this.movieRequests[index].denied = true;
|
// this.movieRequests[index].denied = true;
|
||||||
}
|
// }
|
||||||
} else {
|
// } else {
|
||||||
this.notificationService.warning("Request Denied", x.message ? x.message : x.errorMessage);
|
// this.notificationService.warning("Request Denied", x.message ? x.message : x.errorMessage);
|
||||||
this.requestToDeny.denied = false;
|
// this.requestToDeny.denied = false;
|
||||||
}
|
// }
|
||||||
});
|
// });
|
||||||
}
|
// }
|
||||||
|
|
||||||
public selectRootFolder(searchResult: IMovieRequests, rootFolderSelected: IRadarrRootFolder, event: any) {
|
// public selectRootFolder(searchResult: IMovieRequests, rootFolderSelected: IRadarrRootFolder, event: any) {
|
||||||
event.preventDefault();
|
// event.preventDefault();
|
||||||
searchResult.rootPathOverride = rootFolderSelected.id;
|
// searchResult.rootPathOverride = rootFolderSelected.id;
|
||||||
this.setOverride(searchResult);
|
// this.setOverride(searchResult);
|
||||||
this.updateRequest(searchResult);
|
// this.updateRequest(searchResult);
|
||||||
}
|
// }
|
||||||
|
|
||||||
public selectQualityProfile(searchResult: IMovieRequests, profileSelected: IRadarrProfile, event: any) {
|
// public selectQualityProfile(searchResult: IMovieRequests, profileSelected: IRadarrProfile, event: any) {
|
||||||
event.preventDefault();
|
// event.preventDefault();
|
||||||
searchResult.qualityOverride = profileSelected.id;
|
// searchResult.qualityOverride = profileSelected.id;
|
||||||
this.setOverride(searchResult);
|
// this.setOverride(searchResult);
|
||||||
this.updateRequest(searchResult);
|
// this.updateRequest(searchResult);
|
||||||
}
|
// }
|
||||||
|
|
||||||
public reportIssue(catId: IIssueCategory, req: IMovieRequests) {
|
// public reportIssue(catId: IIssueCategory, req: IMovieRequests) {
|
||||||
this.issueRequest = req;
|
// this.issueRequest = req;
|
||||||
this.issueCategorySelected = catId;
|
// this.issueCategorySelected = catId;
|
||||||
this.issuesBarVisible = true;
|
// this.issuesBarVisible = true;
|
||||||
this.issueProviderId = req.theMovieDbId.toString();
|
// this.issueProviderId = req.theMovieDbId.toString();
|
||||||
}
|
// }
|
||||||
|
|
||||||
public ignore(event: any): void {
|
// public ignore(event: any): void {
|
||||||
event.preventDefault();
|
// event.preventDefault();
|
||||||
}
|
// }
|
||||||
|
|
||||||
public clearFilter(el: any) {
|
// public clearFilter(el: any) {
|
||||||
el = el.toElement || el.relatedTarget || el.target || el.srcElement;
|
// el = el.toElement || el.relatedTarget || el.target || el.srcElement;
|
||||||
|
|
||||||
el = el.parentElement;
|
// el = el.parentElement;
|
||||||
el = el.querySelectorAll("INPUT");
|
// el = el.querySelectorAll("INPUT");
|
||||||
for (el of el) {
|
// for (el of el) {
|
||||||
el.checked = false;
|
// el.checked = false;
|
||||||
el.parentElement.classList.remove("active");
|
// el.parentElement.classList.remove("active");
|
||||||
}
|
// }
|
||||||
|
|
||||||
this.filterDisplay = false;
|
// this.filterDisplay = false;
|
||||||
this.filter.availabilityFilter = FilterType.None;
|
// this.filter.availabilityFilter = FilterType.None;
|
||||||
this.filter.statusFilter = FilterType.None;
|
// this.filter.statusFilter = FilterType.None;
|
||||||
|
|
||||||
this.resetSearch();
|
// this.resetSearch();
|
||||||
}
|
// }
|
||||||
|
|
||||||
public filterAvailability(filter: FilterType, el: any) {
|
// public filterAvailability(filter: FilterType, el: any) {
|
||||||
this.filterActiveStyle(el);
|
// this.filterActiveStyle(el);
|
||||||
this.filter.availabilityFilter = filter;
|
// this.filter.availabilityFilter = filter;
|
||||||
this.loadInit();
|
// this.loadInit();
|
||||||
}
|
// }
|
||||||
|
|
||||||
public filterStatus(filter: FilterType, el: any) {
|
// public filterStatus(filter: FilterType, el: any) {
|
||||||
this.filterActiveStyle(el);
|
// this.filterActiveStyle(el);
|
||||||
this.filter.statusFilter = filter;
|
// this.filter.statusFilter = filter;
|
||||||
this.loadInit();
|
// this.loadInit();
|
||||||
}
|
// }
|
||||||
|
|
||||||
public setOrder(value: OrderType, el: any) {
|
// public setOrder(value: OrderType, el: any) {
|
||||||
el = el.toElement || el.relatedTarget || el.target || el.srcElement;
|
// el = el.toElement || el.relatedTarget || el.target || el.srcElement;
|
||||||
|
|
||||||
const parent = el.parentElement;
|
// const parent = el.parentElement;
|
||||||
const previousFilter = parent.querySelector(".active");
|
// const previousFilter = parent.querySelector(".active");
|
||||||
|
|
||||||
previousFilter.className = "";
|
// previousFilter.className = "";
|
||||||
el.className = "active";
|
// el.className = "active";
|
||||||
|
|
||||||
this.orderType = value;
|
// this.orderType = value;
|
||||||
|
|
||||||
this.loadInit();
|
// this.loadInit();
|
||||||
}
|
// }
|
||||||
|
|
||||||
public subscribe(request: IMovieRequests) {
|
// public subscribe(request: IMovieRequests) {
|
||||||
request.subscribed = true;
|
// request.subscribed = true;
|
||||||
this.requestService.subscribeToMovie(request.id)
|
// this.requestService.subscribeToMovie(request.id)
|
||||||
.subscribe(x => {
|
// .subscribe(x => {
|
||||||
this.notificationService.success("Subscribed To Movie!");
|
// this.notificationService.success("Subscribed To Movie!");
|
||||||
});
|
// });
|
||||||
}
|
// }
|
||||||
|
|
||||||
public unSubscribe(request: IMovieRequests) {
|
// public unSubscribe(request: IMovieRequests) {
|
||||||
request.subscribed = false;
|
// request.subscribed = false;
|
||||||
this.requestService.unSubscribeToMovie(request.id)
|
// this.requestService.unSubscribeToMovie(request.id)
|
||||||
.subscribe(x => {
|
// .subscribe(x => {
|
||||||
this.notificationService.success("Unsubscribed Movie!");
|
// this.notificationService.success("Unsubscribed Movie!");
|
||||||
});
|
// });
|
||||||
}
|
// }
|
||||||
|
|
||||||
public isRequestUser(request: IMovieRequests) {
|
// public isRequestUser(request: IMovieRequests) {
|
||||||
if (request.requestedUser.userName === this.auth.claims().name) {
|
// if (request.requestedUser.userName === this.auth.claims().name) {
|
||||||
return true;
|
// return true;
|
||||||
}
|
// }
|
||||||
return false;
|
// return false;
|
||||||
}
|
// }
|
||||||
|
|
||||||
private filterActiveStyle(el: any) {
|
// private filterActiveStyle(el: any) {
|
||||||
el = el.toElement || el.relatedTarget || el.target || el.srcElement;
|
// el = el.toElement || el.relatedTarget || el.target || el.srcElement;
|
||||||
|
|
||||||
el = el.parentElement; //gets radio div
|
// el = el.parentElement; //gets radio div
|
||||||
el = el.parentElement; //gets form group div
|
// el = el.parentElement; //gets form group div
|
||||||
el = el.parentElement; //gets status filter div
|
// el = el.parentElement; //gets status filter div
|
||||||
el = el.querySelectorAll("INPUT");
|
// el = el.querySelectorAll("INPUT");
|
||||||
for (el of el) {
|
// for (el of el) {
|
||||||
if (el.checked) {
|
// if (el.checked) {
|
||||||
if (!el.parentElement.classList.contains("active")) {
|
// if (!el.parentElement.classList.contains("active")) {
|
||||||
el.parentElement.className += " active";
|
// el.parentElement.className += " active";
|
||||||
}
|
// }
|
||||||
} else {
|
// } else {
|
||||||
el.parentElement.classList.remove("active");
|
// el.parentElement.classList.remove("active");
|
||||||
}
|
// }
|
||||||
}
|
// }
|
||||||
}
|
// }
|
||||||
|
|
||||||
private loadRequests(amountToLoad: number, currentlyLoaded: number) {
|
// private loadRequests(amountToLoad: number, currentlyLoaded: number) {
|
||||||
this.requestService.getMovieRequests(amountToLoad, currentlyLoaded, this.orderType, this.filter)
|
// this.requestService.getMovieRequests(amountToLoad, currentlyLoaded, this.orderType, this.filter)
|
||||||
.subscribe(x => {
|
// .subscribe(x => {
|
||||||
this.setOverrides(x.collection);
|
// this.setOverrides(x.collection);
|
||||||
if (!this.movieRequests) {
|
// if (!this.movieRequests) {
|
||||||
this.movieRequests = [];
|
// this.movieRequests = [];
|
||||||
}
|
// }
|
||||||
this.movieRequests = x.collection;
|
// this.movieRequests = x.collection;
|
||||||
this.totalMovies = x.total;
|
// this.totalMovies = x.total;
|
||||||
this.currentlyLoaded = currentlyLoaded + amountToLoad;
|
// this.currentlyLoaded = currentlyLoaded + amountToLoad;
|
||||||
});
|
// });
|
||||||
}
|
// }
|
||||||
|
|
||||||
private updateRequest(request: IMovieRequests) {
|
// private updateRequest(request: IMovieRequests) {
|
||||||
this.requestService.updateMovieRequest(request)
|
// this.requestService.updateMovieRequest(request)
|
||||||
.subscribe(x => {
|
// .subscribe(x => {
|
||||||
this.setOverride(x);
|
// this.setOverride(x);
|
||||||
request = x;
|
// request = x;
|
||||||
});
|
// });
|
||||||
}
|
// }
|
||||||
|
|
||||||
private approveRequest(request: IMovieRequests) {
|
// private approveRequest(request: IMovieRequests) {
|
||||||
this.requestService.approveMovie({ id: request.id })
|
// this.requestService.approveMovie({ id: request.id })
|
||||||
.subscribe(x => {
|
// .subscribe(x => {
|
||||||
request.approved = true;
|
// request.approved = true;
|
||||||
if (x.result) {
|
// if (x.result) {
|
||||||
this.notificationService.success(
|
// this.notificationService.success(
|
||||||
`Request for ${request.title} has been approved successfully`);
|
// `Request for ${request.title} has been approved successfully`);
|
||||||
} else {
|
// } else {
|
||||||
this.notificationService.warning("Request Approved", x.message ? x.message : x.errorMessage);
|
// this.notificationService.warning("Request Approved", x.message ? x.message : x.errorMessage);
|
||||||
request.approved = false;
|
// request.approved = false;
|
||||||
}
|
// }
|
||||||
});
|
// });
|
||||||
}
|
// }
|
||||||
|
|
||||||
private loadInit() {
|
// private loadInit() {
|
||||||
this.requestService.getMovieRequests(this.amountToLoad, 0, this.orderType, this.filter)
|
// this.requestService.getMovieRequests(this.amountToLoad, 0, this.orderType, this.filter)
|
||||||
.subscribe(x => {
|
// .subscribe(x => {
|
||||||
this.movieRequests = x.collection;
|
// this.movieRequests = x.collection;
|
||||||
this.totalMovies = x.total;
|
// this.totalMovies = x.total;
|
||||||
|
|
||||||
this.movieRequests.forEach((req) => {
|
// this.movieRequests.forEach((req) => {
|
||||||
this.setBackground(req);
|
// this.setBackground(req);
|
||||||
this.setPoster(req);
|
// this.setPoster(req);
|
||||||
});
|
// });
|
||||||
if (this.isAdmin) {
|
// if (this.isAdmin) {
|
||||||
this.radarrService.getQualityProfilesFromSettings().subscribe(c => {
|
// this.radarrService.getQualityProfilesFromSettings().subscribe(c => {
|
||||||
this.radarrProfiles = c;
|
// this.radarrProfiles = c;
|
||||||
this.movieRequests.forEach((req) => this.setQualityOverrides(req));
|
// this.movieRequests.forEach((req) => this.setQualityOverrides(req));
|
||||||
});
|
// });
|
||||||
this.radarrService.getRootFoldersFromSettings().subscribe(c => {
|
// this.radarrService.getRootFoldersFromSettings().subscribe(c => {
|
||||||
this.radarrRootFolders = c;
|
// this.radarrRootFolders = c;
|
||||||
this.movieRequests.forEach((req) => this.setRootFolderOverrides(req));
|
// this.movieRequests.forEach((req) => this.setRootFolderOverrides(req));
|
||||||
});
|
// });
|
||||||
}
|
// }
|
||||||
});
|
// });
|
||||||
}
|
// }
|
||||||
|
|
||||||
private resetSearch() {
|
// private resetSearch() {
|
||||||
this.currentlyLoaded = 5;
|
// this.currentlyLoaded = 5;
|
||||||
this.loadInit();
|
// this.loadInit();
|
||||||
}
|
// }
|
||||||
|
|
||||||
private removeRequestFromUi(key: IMovieRequests) {
|
// private removeRequestFromUi(key: IMovieRequests) {
|
||||||
const index = this.movieRequests.indexOf(key, 0);
|
// const index = this.movieRequests.indexOf(key, 0);
|
||||||
if (index > -1) {
|
// if (index > -1) {
|
||||||
this.movieRequests.splice(index, 1);
|
// this.movieRequests.splice(index, 1);
|
||||||
}
|
// }
|
||||||
}
|
// }
|
||||||
|
|
||||||
private setOverrides(requests: IMovieRequests[]): void {
|
// private setOverrides(requests: IMovieRequests[]): void {
|
||||||
requests.forEach((req) => {
|
// requests.forEach((req) => {
|
||||||
this.setOverride(req);
|
// this.setOverride(req);
|
||||||
});
|
// });
|
||||||
}
|
// }
|
||||||
|
|
||||||
private setQualityOverrides(req: IMovieRequests): void {
|
// private setQualityOverrides(req: IMovieRequests): void {
|
||||||
if (this.radarrProfiles) {
|
// if (this.radarrProfiles) {
|
||||||
const profile = this.radarrProfiles.filter((p) => {
|
// const profile = this.radarrProfiles.filter((p) => {
|
||||||
return p.id === req.qualityOverride;
|
// return p.id === req.qualityOverride;
|
||||||
});
|
// });
|
||||||
if (profile.length > 0) {
|
// if (profile.length > 0) {
|
||||||
req.qualityOverrideTitle = profile[0].name;
|
// req.qualityOverrideTitle = profile[0].name;
|
||||||
}
|
// }
|
||||||
}
|
// }
|
||||||
}
|
// }
|
||||||
private setRootFolderOverrides(req: IMovieRequests): void {
|
// private setRootFolderOverrides(req: IMovieRequests): void {
|
||||||
if (this.radarrRootFolders) {
|
// if (this.radarrRootFolders) {
|
||||||
const path = this.radarrRootFolders.filter((folder) => {
|
// const path = this.radarrRootFolders.filter((folder) => {
|
||||||
return folder.id === req.rootPathOverride;
|
// return folder.id === req.rootPathOverride;
|
||||||
});
|
// });
|
||||||
if (path.length > 0) {
|
// if (path.length > 0) {
|
||||||
req.rootPathOverrideTitle = path[0].path;
|
// req.rootPathOverrideTitle = path[0].path;
|
||||||
}
|
// }
|
||||||
}
|
// }
|
||||||
}
|
// }
|
||||||
|
|
||||||
private setOverride(req: IMovieRequests): void {
|
// private setOverride(req: IMovieRequests): void {
|
||||||
this.setPoster(req);
|
// this.setPoster(req);
|
||||||
this.setBackground(req);
|
// this.setBackground(req);
|
||||||
this.setQualityOverrides(req);
|
// this.setQualityOverrides(req);
|
||||||
this.setRootFolderOverrides(req);
|
// this.setRootFolderOverrides(req);
|
||||||
}
|
// }
|
||||||
|
|
||||||
private setPoster(req: IMovieRequests): void {
|
// private setPoster(req: IMovieRequests): void {
|
||||||
if (req.posterPath === null) {
|
// if (req.posterPath === null) {
|
||||||
req.posterPath = this.defaultPoster;
|
// req.posterPath = this.defaultPoster;
|
||||||
} else {
|
// } else {
|
||||||
req.posterPath = "https://image.tmdb.org/t/p/w300/" + req.posterPath;
|
// req.posterPath = "https://image.tmdb.org/t/p/w300/" + req.posterPath;
|
||||||
}
|
// }
|
||||||
}
|
// }
|
||||||
|
|
||||||
private setBackground(req: IMovieRequests): void {
|
// private setBackground(req: IMovieRequests): void {
|
||||||
req.backgroundPath = this.sanitizer.bypassSecurityTrustStyle
|
// req.backgroundPath = this.sanitizer.bypassSecurityTrustStyle
|
||||||
("url(" + "https://image.tmdb.org/t/p/w1280" + req.background + ")");
|
// ("url(" + "https://image.tmdb.org/t/p/w1280" + req.background + ")");
|
||||||
}
|
// }
|
||||||
|
|
||||||
}
|
// }
|
||||||
|
|||||||
@ -1,349 +1,349 @@
|
|||||||
import { PlatformLocation, APP_BASE_HREF } from "@angular/common";
|
// import { PlatformLocation, APP_BASE_HREF } from "@angular/common";
|
||||||
import { Component, Input, OnInit, Inject } from "@angular/core";
|
// import { Component, Input, OnInit, Inject } from "@angular/core";
|
||||||
import { DomSanitizer } from "@angular/platform-browser";
|
// import { DomSanitizer } from "@angular/platform-browser";
|
||||||
import { Subject } from "rxjs";
|
// import { Subject } from "rxjs";
|
||||||
import { debounceTime, distinctUntilChanged } from "rxjs/operators";
|
// import { debounceTime, distinctUntilChanged } from "rxjs/operators";
|
||||||
|
|
||||||
import { AuthService } from "../../auth/auth.service";
|
// import { AuthService } from "../../auth/auth.service";
|
||||||
import { FilterType, IAlbumRequest, IFilter, IIssueCategory, IPagenator, OrderType } from "../../interfaces";
|
// import { FilterType, IAlbumRequest, IFilter, IIssueCategory, IPagenator, OrderType } from "../../interfaces";
|
||||||
import { NotificationService, RequestService } from "../../services";
|
// import { NotificationService, RequestService } from "../../services";
|
||||||
|
|
||||||
@Component({
|
// @Component({
|
||||||
selector: "music-requests",
|
// selector: "music-requests",
|
||||||
templateUrl: "./musicrequests.component.html",
|
// templateUrl: "./musicrequests.component.html",
|
||||||
})
|
// })
|
||||||
export class MusicRequestsComponent implements OnInit {
|
// export class MusicRequestsComponent implements OnInit {
|
||||||
public albumRequests: IAlbumRequest[];
|
// public albumRequests: IAlbumRequest[];
|
||||||
public defaultPoster: string;
|
// public defaultPoster: string;
|
||||||
|
|
||||||
public searchChanged: Subject<string> = new Subject<string>();
|
// public searchChanged: Subject<string> = new Subject<string>();
|
||||||
public searchText: string;
|
// public searchText: string;
|
||||||
|
|
||||||
public isAdmin: boolean; // Also PowerUser
|
// public isAdmin: boolean; // Also PowerUser
|
||||||
|
|
||||||
@Input() public issueCategories: IIssueCategory[];
|
// @Input() public issueCategories: IIssueCategory[];
|
||||||
@Input() public issuesEnabled: boolean;
|
// @Input() public issuesEnabled: boolean;
|
||||||
public issuesBarVisible = false;
|
// public issuesBarVisible = false;
|
||||||
public issueRequest: IAlbumRequest;
|
// public issueRequest: IAlbumRequest;
|
||||||
public issueProviderId: string;
|
// public issueProviderId: string;
|
||||||
public issueCategorySelected: IIssueCategory;
|
// public issueCategorySelected: IIssueCategory;
|
||||||
|
|
||||||
public filterDisplay: boolean;
|
// public filterDisplay: boolean;
|
||||||
public filter: IFilter;
|
// public filter: IFilter;
|
||||||
public filterType = FilterType;
|
// public filterType = FilterType;
|
||||||
|
|
||||||
public orderType: OrderType = OrderType.RequestedDateDesc;
|
// public orderType: OrderType = OrderType.RequestedDateDesc;
|
||||||
public OrderType = OrderType;
|
// public OrderType = OrderType;
|
||||||
public denyDisplay: boolean;
|
// public denyDisplay: boolean;
|
||||||
public requestToDeny: IAlbumRequest;
|
// public requestToDeny: IAlbumRequest;
|
||||||
public rejectionReason: string;
|
// public rejectionReason: string;
|
||||||
|
|
||||||
public totalAlbums: number = 100;
|
// public totalAlbums: number = 100;
|
||||||
public currentlyLoaded: number;
|
// public currentlyLoaded: number;
|
||||||
private amountToLoad: number;
|
// private amountToLoad: number;
|
||||||
private href: string;
|
// private href: string;
|
||||||
|
|
||||||
constructor(
|
// constructor(
|
||||||
private requestService: RequestService,
|
// private requestService: RequestService,
|
||||||
private auth: AuthService,
|
// private auth: AuthService,
|
||||||
private notificationService: NotificationService,
|
// private notificationService: NotificationService,
|
||||||
private sanitizer: DomSanitizer,
|
// private sanitizer: DomSanitizer,
|
||||||
@Inject(APP_BASE_HREF) href:string) {
|
// @Inject(APP_BASE_HREF) href:string) {
|
||||||
this.href = href;
|
// this.href = href;
|
||||||
this.searchChanged.pipe(
|
// this.searchChanged.pipe(
|
||||||
debounceTime(600), // Wait Xms after the last event before emitting last event
|
// debounceTime(600), // Wait Xms after the last event before emitting last event
|
||||||
distinctUntilChanged(), // only emit if value is different from previous value
|
// distinctUntilChanged(), // only emit if value is different from previous value
|
||||||
).subscribe(x => {
|
// ).subscribe(x => {
|
||||||
this.searchText = x as string;
|
// this.searchText = x as string;
|
||||||
if (this.searchText === "") {
|
// if (this.searchText === "") {
|
||||||
this.resetSearch();
|
// this.resetSearch();
|
||||||
return;
|
// return;
|
||||||
}
|
// }
|
||||||
this.requestService.searchAlbumRequests(this.searchText)
|
// this.requestService.searchAlbumRequests(this.searchText)
|
||||||
.subscribe(m => {
|
// .subscribe(m => {
|
||||||
this.setOverrides(m);
|
// this.setOverrides(m);
|
||||||
this.albumRequests = m;
|
// this.albumRequests = m;
|
||||||
});
|
// });
|
||||||
});
|
// });
|
||||||
this.defaultPoster = "../../../images/default-music-placeholder.png";
|
// this.defaultPoster = "../../../images/default-music-placeholder.png";
|
||||||
const base = this.href;
|
// const base = this.href;
|
||||||
if (base) {
|
// if (base) {
|
||||||
this.defaultPoster = "../../.." + base + "/images/default-music-placeholder.png";
|
// this.defaultPoster = "../../.." + base + "/images/default-music-placeholder.png";
|
||||||
}
|
// }
|
||||||
}
|
// }
|
||||||
|
|
||||||
public ngOnInit() {
|
// public ngOnInit() {
|
||||||
this.amountToLoad = 10;
|
// this.amountToLoad = 10;
|
||||||
this.currentlyLoaded = 10;
|
// this.currentlyLoaded = 10;
|
||||||
this.filter = {
|
// this.filter = {
|
||||||
availabilityFilter: FilterType.None,
|
// availabilityFilter: FilterType.None,
|
||||||
statusFilter: FilterType.None,
|
// statusFilter: FilterType.None,
|
||||||
};
|
// };
|
||||||
this.loadInit();
|
// this.loadInit();
|
||||||
this.isAdmin = this.auth.hasRole("admin") || this.auth.hasRole("poweruser");
|
// this.isAdmin = this.auth.hasRole("admin") || this.auth.hasRole("poweruser");
|
||||||
}
|
// }
|
||||||
|
|
||||||
public paginate(event: IPagenator) {
|
// public paginate(event: IPagenator) {
|
||||||
const skipAmount = event.first;
|
// const skipAmount = event.first;
|
||||||
this.loadRequests(this.amountToLoad, skipAmount);
|
// this.loadRequests(this.amountToLoad, skipAmount);
|
||||||
}
|
// }
|
||||||
|
|
||||||
public search(text: any) {
|
// public search(text: any) {
|
||||||
this.searchChanged.next(text.target.value);
|
// this.searchChanged.next(text.target.value);
|
||||||
}
|
// }
|
||||||
|
|
||||||
public async removeRequest(request: IAlbumRequest) {
|
// public async removeRequest(request: IAlbumRequest) {
|
||||||
await this.requestService.removeAlbumRequest(request).toPromise();
|
// await this.requestService.removeAlbumRequest(request).toPromise();
|
||||||
this.removeRequestFromUi(request);
|
// this.removeRequestFromUi(request);
|
||||||
this.loadRequests(this.amountToLoad, this.currentlyLoaded = 0);
|
// this.loadRequests(this.amountToLoad, this.currentlyLoaded = 0);
|
||||||
}
|
// }
|
||||||
|
|
||||||
public changeAvailability(request: IAlbumRequest, available: boolean) {
|
// public changeAvailability(request: IAlbumRequest, available: boolean) {
|
||||||
request.available = available;
|
// request.available = available;
|
||||||
|
|
||||||
if (available) {
|
// if (available) {
|
||||||
this.requestService.markAlbumAvailable({ id: request.id }).subscribe(x => {
|
// this.requestService.markAlbumAvailable({ id: request.id }).subscribe(x => {
|
||||||
if (x.result) {
|
// if (x.result) {
|
||||||
this.notificationService.success(
|
// this.notificationService.success(
|
||||||
`${request.title} Is now available`);
|
// `${request.title} Is now available`);
|
||||||
} else {
|
// } else {
|
||||||
this.notificationService.warning("Request Available", x.message ? x.message : x.errorMessage);
|
// this.notificationService.warning("Request Available", x.message ? x.message : x.errorMessage);
|
||||||
request.approved = false;
|
// request.approved = false;
|
||||||
}
|
// }
|
||||||
});
|
// });
|
||||||
} else {
|
// } else {
|
||||||
this.requestService.markAlbumUnavailable({ id: request.id }).subscribe(x => {
|
// this.requestService.markAlbumUnavailable({ id: request.id }).subscribe(x => {
|
||||||
if (x.result) {
|
// if (x.result) {
|
||||||
this.notificationService.success(
|
// this.notificationService.success(
|
||||||
`${request.title} Is now unavailable`);
|
// `${request.title} Is now unavailable`);
|
||||||
} else {
|
// } else {
|
||||||
this.notificationService.warning("Request Available", x.message ? x.message : x.errorMessage);
|
// this.notificationService.warning("Request Available", x.message ? x.message : x.errorMessage);
|
||||||
request.approved = false;
|
// request.approved = false;
|
||||||
}
|
// }
|
||||||
});
|
// });
|
||||||
}
|
// }
|
||||||
}
|
// }
|
||||||
|
|
||||||
public approve(request: IAlbumRequest) {
|
// public approve(request: IAlbumRequest) {
|
||||||
request.approved = true;
|
// request.approved = true;
|
||||||
this.approveRequest(request);
|
// this.approveRequest(request);
|
||||||
}
|
// }
|
||||||
|
|
||||||
public deny(request: IAlbumRequest) {
|
// public deny(request: IAlbumRequest) {
|
||||||
this.requestToDeny = request;
|
// this.requestToDeny = request;
|
||||||
this.denyDisplay = true;
|
// this.denyDisplay = true;
|
||||||
}
|
// }
|
||||||
|
|
||||||
public denyRequest() {
|
// public denyRequest() {
|
||||||
this.requestService.denyAlbum({ id: this.requestToDeny.id, reason: this.rejectionReason })
|
// this.requestService.denyAlbum({ id: this.requestToDeny.id, reason: this.rejectionReason })
|
||||||
.subscribe(x => {
|
// .subscribe(x => {
|
||||||
if (x.result) {
|
// if (x.result) {
|
||||||
this.notificationService.success(
|
// this.notificationService.success(
|
||||||
`Request for ${this.requestToDeny.title} has been denied successfully`);
|
// `Request for ${this.requestToDeny.title} has been denied successfully`);
|
||||||
} else {
|
// } else {
|
||||||
this.notificationService.warning("Request Denied", x.message ? x.message : x.errorMessage);
|
// this.notificationService.warning("Request Denied", x.message ? x.message : x.errorMessage);
|
||||||
this.requestToDeny.denied = false;
|
// this.requestToDeny.denied = false;
|
||||||
}
|
// }
|
||||||
});
|
// });
|
||||||
}
|
// }
|
||||||
|
|
||||||
public reportIssue(catId: IIssueCategory, req: IAlbumRequest) {
|
// public reportIssue(catId: IIssueCategory, req: IAlbumRequest) {
|
||||||
this.issueRequest = req;
|
// this.issueRequest = req;
|
||||||
this.issueCategorySelected = catId;
|
// this.issueCategorySelected = catId;
|
||||||
this.issuesBarVisible = true;
|
// this.issuesBarVisible = true;
|
||||||
this.issueProviderId = req.foreignAlbumId;
|
// this.issueProviderId = req.foreignAlbumId;
|
||||||
}
|
// }
|
||||||
|
|
||||||
public ignore(event: any): void {
|
// public ignore(event: any): void {
|
||||||
event.preventDefault();
|
// event.preventDefault();
|
||||||
}
|
// }
|
||||||
|
|
||||||
public clearFilter(el: any) {
|
// public clearFilter(el: any) {
|
||||||
el = el.toElement || el.relatedTarget || el.target || el.srcElement;
|
// el = el.toElement || el.relatedTarget || el.target || el.srcElement;
|
||||||
|
|
||||||
el = el.parentElement;
|
// el = el.parentElement;
|
||||||
el = el.querySelectorAll("INPUT");
|
// el = el.querySelectorAll("INPUT");
|
||||||
for (el of el) {
|
// for (el of el) {
|
||||||
el.checked = false;
|
// el.checked = false;
|
||||||
el.parentElement.classList.remove("active");
|
// el.parentElement.classList.remove("active");
|
||||||
}
|
// }
|
||||||
|
|
||||||
this.filterDisplay = false;
|
// this.filterDisplay = false;
|
||||||
this.filter.availabilityFilter = FilterType.None;
|
// this.filter.availabilityFilter = FilterType.None;
|
||||||
this.filter.statusFilter = FilterType.None;
|
// this.filter.statusFilter = FilterType.None;
|
||||||
|
|
||||||
this.resetSearch();
|
// this.resetSearch();
|
||||||
}
|
// }
|
||||||
|
|
||||||
public filterAvailability(filter: FilterType, el: any) {
|
// public filterAvailability(filter: FilterType, el: any) {
|
||||||
this.filterActiveStyle(el);
|
// this.filterActiveStyle(el);
|
||||||
this.filter.availabilityFilter = filter;
|
// this.filter.availabilityFilter = filter;
|
||||||
this.loadInit();
|
// this.loadInit();
|
||||||
}
|
// }
|
||||||
|
|
||||||
public filterStatus(filter: FilterType, el: any) {
|
// public filterStatus(filter: FilterType, el: any) {
|
||||||
this.filterActiveStyle(el);
|
// this.filterActiveStyle(el);
|
||||||
this.filter.statusFilter = filter;
|
// this.filter.statusFilter = filter;
|
||||||
this.loadInit();
|
// this.loadInit();
|
||||||
}
|
// }
|
||||||
|
|
||||||
public setOrder(value: OrderType, el: any) {
|
// public setOrder(value: OrderType, el: any) {
|
||||||
el = el.toElement || el.relatedTarget || el.target || el.srcElement;
|
// el = el.toElement || el.relatedTarget || el.target || el.srcElement;
|
||||||
|
|
||||||
const parent = el.parentElement;
|
// const parent = el.parentElement;
|
||||||
const previousFilter = parent.querySelector(".active");
|
// const previousFilter = parent.querySelector(".active");
|
||||||
|
|
||||||
previousFilter.className = "";
|
// previousFilter.className = "";
|
||||||
el.className = "active";
|
// el.className = "active";
|
||||||
|
|
||||||
this.orderType = value;
|
// this.orderType = value;
|
||||||
|
|
||||||
this.loadInit();
|
// this.loadInit();
|
||||||
}
|
// }
|
||||||
|
|
||||||
public isRequestUser(request: IAlbumRequest) {
|
// public isRequestUser(request: IAlbumRequest) {
|
||||||
if (request.requestedUser.userName === this.auth.claims().name) {
|
// if (request.requestedUser.userName === this.auth.claims().name) {
|
||||||
return true;
|
// return true;
|
||||||
}
|
// }
|
||||||
return false;
|
// return false;
|
||||||
}
|
// }
|
||||||
|
|
||||||
// public subscribe(request: IAlbumRequest) {
|
// // public subscribe(request: IAlbumRequest) {
|
||||||
// request.subscribed = true;
|
// // request.subscribed = true;
|
||||||
// this.requestService.subscribeToMovie(request.id)
|
// // this.requestService.subscribeToMovie(request.id)
|
||||||
// .subscribe(x => {
|
// // .subscribe(x => {
|
||||||
// this.notificationService.success("Subscribed To Movie!");
|
// // this.notificationService.success("Subscribed To Movie!");
|
||||||
// });
|
// // });
|
||||||
// }
|
// // }
|
||||||
|
|
||||||
// public unSubscribe(request: IMovieRequests) {
|
// // public unSubscribe(request: IMovieRequests) {
|
||||||
// request.subscribed = false;
|
// // request.subscribed = false;
|
||||||
// this.requestService.unSubscribeToMovie(request.id)
|
// // this.requestService.unSubscribeToMovie(request.id)
|
||||||
// .subscribe(x => {
|
// // .subscribe(x => {
|
||||||
// this.notificationService.success("Unsubscribed Movie!");
|
// // this.notificationService.success("Unsubscribed Movie!");
|
||||||
// });
|
// // });
|
||||||
// }
|
// // }
|
||||||
|
|
||||||
private filterActiveStyle(el: any) {
|
// private filterActiveStyle(el: any) {
|
||||||
el = el.toElement || el.relatedTarget || el.target || el.srcElement;
|
// el = el.toElement || el.relatedTarget || el.target || el.srcElement;
|
||||||
|
|
||||||
el = el.parentElement; //gets radio div
|
// el = el.parentElement; //gets radio div
|
||||||
el = el.parentElement; //gets form group div
|
// el = el.parentElement; //gets form group div
|
||||||
el = el.parentElement; //gets status filter div
|
// el = el.parentElement; //gets status filter div
|
||||||
el = el.querySelectorAll("INPUT");
|
// el = el.querySelectorAll("INPUT");
|
||||||
for (el of el) {
|
// for (el of el) {
|
||||||
if (el.checked) {
|
// if (el.checked) {
|
||||||
if (!el.parentElement.classList.contains("active")) {
|
// if (!el.parentElement.classList.contains("active")) {
|
||||||
el.parentElement.className += " active";
|
// el.parentElement.className += " active";
|
||||||
}
|
// }
|
||||||
} else {
|
// } else {
|
||||||
el.parentElement.classList.remove("active");
|
// el.parentElement.classList.remove("active");
|
||||||
}
|
// }
|
||||||
}
|
// }
|
||||||
}
|
// }
|
||||||
|
|
||||||
private loadRequests(amountToLoad: number, currentlyLoaded: number) {
|
// private loadRequests(amountToLoad: number, currentlyLoaded: number) {
|
||||||
this.requestService.getAlbumRequests(amountToLoad, currentlyLoaded, this.orderType, this.filter)
|
// this.requestService.getAlbumRequests(amountToLoad, currentlyLoaded, this.orderType, this.filter)
|
||||||
.subscribe(x => {
|
// .subscribe(x => {
|
||||||
this.setOverrides(x.collection);
|
// this.setOverrides(x.collection);
|
||||||
if (!this.albumRequests) {
|
// if (!this.albumRequests) {
|
||||||
this.albumRequests = [];
|
// this.albumRequests = [];
|
||||||
}
|
// }
|
||||||
this.albumRequests = x.collection;
|
// this.albumRequests = x.collection;
|
||||||
this.totalAlbums = x.total;
|
// this.totalAlbums = x.total;
|
||||||
this.currentlyLoaded = currentlyLoaded + amountToLoad;
|
// this.currentlyLoaded = currentlyLoaded + amountToLoad;
|
||||||
});
|
// });
|
||||||
}
|
// }
|
||||||
|
|
||||||
private approveRequest(request: IAlbumRequest) {
|
// private approveRequest(request: IAlbumRequest) {
|
||||||
this.requestService.approveAlbum({ id: request.id })
|
// this.requestService.approveAlbum({ id: request.id })
|
||||||
.subscribe(x => {
|
// .subscribe(x => {
|
||||||
request.approved = true;
|
// request.approved = true;
|
||||||
if (x.result) {
|
// if (x.result) {
|
||||||
this.notificationService.success(
|
// this.notificationService.success(
|
||||||
`Request for ${request.title} has been approved successfully`);
|
// `Request for ${request.title} has been approved successfully`);
|
||||||
} else {
|
// } else {
|
||||||
this.notificationService.warning("Request Approved", x.message ? x.message : x.errorMessage);
|
// this.notificationService.warning("Request Approved", x.message ? x.message : x.errorMessage);
|
||||||
request.approved = false;
|
// request.approved = false;
|
||||||
}
|
// }
|
||||||
});
|
// });
|
||||||
}
|
// }
|
||||||
|
|
||||||
private loadInit() {
|
// private loadInit() {
|
||||||
this.requestService.getAlbumRequests(this.amountToLoad, 0, this.orderType, this.filter)
|
// this.requestService.getAlbumRequests(this.amountToLoad, 0, this.orderType, this.filter)
|
||||||
.subscribe(x => {
|
// .subscribe(x => {
|
||||||
this.albumRequests = x.collection;
|
// this.albumRequests = x.collection;
|
||||||
this.totalAlbums = x.total;
|
// this.totalAlbums = x.total;
|
||||||
|
|
||||||
this.setOverrides(this.albumRequests);
|
// this.setOverrides(this.albumRequests);
|
||||||
|
|
||||||
if (this.isAdmin) {
|
// if (this.isAdmin) {
|
||||||
// this.radarrService.getQualityProfilesFromSettings().subscribe(c => {
|
// // this.radarrService.getQualityProfilesFromSettings().subscribe(c => {
|
||||||
// this.radarrProfiles = c;
|
// // this.radarrProfiles = c;
|
||||||
// this.albumRequests.forEach((req) => this.setQualityOverrides(req));
|
// // this.albumRequests.forEach((req) => this.setQualityOverrides(req));
|
||||||
// });
|
// // });
|
||||||
// this.radarrService.getRootFoldersFromSettings().subscribe(c => {
|
// // this.radarrService.getRootFoldersFromSettings().subscribe(c => {
|
||||||
// this.radarrRootFolders = c;
|
// // this.radarrRootFolders = c;
|
||||||
// this.albumRequests.forEach((req) => this.setRootFolderOverrides(req));
|
// // this.albumRequests.forEach((req) => this.setRootFolderOverrides(req));
|
||||||
// });
|
// // });
|
||||||
}
|
// }
|
||||||
});
|
// });
|
||||||
}
|
// }
|
||||||
|
|
||||||
private resetSearch() {
|
// private resetSearch() {
|
||||||
this.currentlyLoaded = 5;
|
// this.currentlyLoaded = 5;
|
||||||
this.loadInit();
|
// this.loadInit();
|
||||||
}
|
// }
|
||||||
|
|
||||||
private removeRequestFromUi(key: IAlbumRequest) {
|
// private removeRequestFromUi(key: IAlbumRequest) {
|
||||||
const index = this.albumRequests.indexOf(key, 0);
|
// const index = this.albumRequests.indexOf(key, 0);
|
||||||
if (index > -1) {
|
// if (index > -1) {
|
||||||
this.albumRequests.splice(index, 1);
|
// this.albumRequests.splice(index, 1);
|
||||||
}
|
// }
|
||||||
}
|
// }
|
||||||
|
|
||||||
private setOverrides(requests: IAlbumRequest[]): void {
|
// private setOverrides(requests: IAlbumRequest[]): void {
|
||||||
requests.forEach((req) => {
|
// requests.forEach((req) => {
|
||||||
this.setOverride(req);
|
// this.setOverride(req);
|
||||||
});
|
// });
|
||||||
}
|
// }
|
||||||
|
|
||||||
// private setQualityOverrides(req: IMovieRequests): void {
|
// // private setQualityOverrides(req: IMovieRequests): void {
|
||||||
// if (this.radarrProfiles) {
|
// // if (this.radarrProfiles) {
|
||||||
// const profile = this.radarrProfiles.filter((p) => {
|
// // const profile = this.radarrProfiles.filter((p) => {
|
||||||
// return p.id === req.qualityOverride;
|
// // return p.id === req.qualityOverride;
|
||||||
// });
|
// // });
|
||||||
// if (profile.length > 0) {
|
// // if (profile.length > 0) {
|
||||||
// req.qualityOverrideTitle = profile[0].name;
|
// // req.qualityOverrideTitle = profile[0].name;
|
||||||
// }
|
// // }
|
||||||
// }
|
// // }
|
||||||
// }
|
// // }
|
||||||
// private setRootFolderOverrides(req: IMovieRequests): void {
|
// // private setRootFolderOverrides(req: IMovieRequests): void {
|
||||||
// if (this.radarrRootFolders) {
|
// // if (this.radarrRootFolders) {
|
||||||
// const path = this.radarrRootFolders.filter((folder) => {
|
// // const path = this.radarrRootFolders.filter((folder) => {
|
||||||
// return folder.id === req.rootPathOverride;
|
// // return folder.id === req.rootPathOverride;
|
||||||
// });
|
// // });
|
||||||
// if (path.length > 0) {
|
// // if (path.length > 0) {
|
||||||
// req.rootPathOverrideTitle = path[0].path;
|
// // req.rootPathOverrideTitle = path[0].path;
|
||||||
// }
|
// // }
|
||||||
// }
|
// // }
|
||||||
// }
|
// // }
|
||||||
|
|
||||||
private setOverride(req: IAlbumRequest): void {
|
// private setOverride(req: IAlbumRequest): void {
|
||||||
this.setAlbumBackground(req);
|
// this.setAlbumBackground(req);
|
||||||
// this.setQualityOverrides(req);
|
// // this.setQualityOverrides(req);
|
||||||
// this.setRootFolderOverrides(req);
|
// // this.setRootFolderOverrides(req);
|
||||||
}
|
// }
|
||||||
private setAlbumBackground(req: IAlbumRequest) {
|
// private setAlbumBackground(req: IAlbumRequest) {
|
||||||
if (req.disk === null) {
|
// if (req.disk === null) {
|
||||||
if (req.cover === null) {
|
// if (req.cover === null) {
|
||||||
req.disk = this.defaultPoster;
|
// req.disk = this.defaultPoster;
|
||||||
} else {
|
// } else {
|
||||||
req.disk = req.cover;
|
// req.disk = req.cover;
|
||||||
}
|
// }
|
||||||
}
|
// }
|
||||||
req.background = this.sanitizer.bypassSecurityTrustStyle
|
// req.background = this.sanitizer.bypassSecurityTrustStyle
|
||||||
("url(" + req.cover + ")");
|
// ("url(" + req.cover + ")");
|
||||||
}
|
// }
|
||||||
|
|
||||||
}
|
// }
|
||||||
|
|||||||
@ -1,226 +1,226 @@
|
|||||||
import { PlatformLocation, APP_BASE_HREF } from "@angular/common";
|
// import { PlatformLocation, APP_BASE_HREF } from "@angular/common";
|
||||||
import { Component, Input, OnInit, Inject } from "@angular/core";
|
// import { Component, Input, OnInit, Inject } from "@angular/core";
|
||||||
import { DomSanitizer } from "@angular/platform-browser";
|
// import { DomSanitizer } from "@angular/platform-browser";
|
||||||
import { Subject } from "rxjs";
|
// import { Subject } from "rxjs";
|
||||||
import { debounceTime, distinctUntilChanged } from "rxjs/operators";
|
// import { debounceTime, distinctUntilChanged } from "rxjs/operators";
|
||||||
|
|
||||||
import { AuthService } from "../auth/auth.service";
|
// import { AuthService } from "../auth/auth.service";
|
||||||
import { FilterType, IIssueCategory, IPagenator, IRequestsViewModel, ISonarrProfile, ISonarrRootFolder, ITvRequests, OrderType } from "../interfaces";
|
// import { FilterType, IIssueCategory, IPagenator, IRequestsViewModel, ISonarrProfile, ISonarrRootFolder, ITvRequests, OrderType } from "../interfaces";
|
||||||
import { NotificationService, RequestService, SonarrService } from "../services";
|
// import { NotificationService, RequestService, SonarrService } from "../services";
|
||||||
import { ImageService } from "../services/image.service";
|
// import { ImageService } from "../services/image.service";
|
||||||
|
|
||||||
@Component({
|
// @Component({
|
||||||
selector: "tv-requests",
|
// selector: "tv-requests",
|
||||||
templateUrl: "./tvrequests.component.html",
|
// templateUrl: "./tvrequests.component.html",
|
||||||
styleUrls: ["./tvrequests.component.scss"],
|
// styleUrls: ["./tvrequests.component.scss"],
|
||||||
})
|
// })
|
||||||
export class TvRequestsComponent implements OnInit {
|
// export class TvRequestsComponent implements OnInit {
|
||||||
|
|
||||||
public tvRequests: IRequestsViewModel<ITvRequests>;
|
// public tvRequests: IRequestsViewModel<ITvRequests>;
|
||||||
public searchChanged = new Subject<string>();
|
// public searchChanged = new Subject<string>();
|
||||||
public searchText: string;
|
// public searchText: string;
|
||||||
public isAdmin: boolean;
|
// public isAdmin: boolean;
|
||||||
public currentUser: string;
|
// public currentUser: string;
|
||||||
public showChildDialogue = false; // This is for the child modal popup
|
// public showChildDialogue = false; // This is for the child modal popup
|
||||||
public selectedSeason: ITvRequests;
|
// public selectedSeason: ITvRequests;
|
||||||
public defaultPoster: string;
|
// public defaultPoster: string;
|
||||||
|
|
||||||
@Input() public issueCategories: IIssueCategory[];
|
// @Input() public issueCategories: IIssueCategory[];
|
||||||
@Input() public issuesEnabled: boolean;
|
// @Input() public issuesEnabled: boolean;
|
||||||
public issueProviderId: string;
|
// public issueProviderId: string;
|
||||||
public issuesBarVisible = false;
|
// public issuesBarVisible = false;
|
||||||
public issueRequest: ITvRequests;
|
// public issueRequest: ITvRequests;
|
||||||
public issueCategorySelected: IIssueCategory;
|
// public issueCategorySelected: IIssueCategory;
|
||||||
|
|
||||||
public sonarrProfiles: ISonarrProfile[] = [];
|
// public sonarrProfiles: ISonarrProfile[] = [];
|
||||||
public sonarrRootFolders: ISonarrRootFolder[] = [];
|
// public sonarrRootFolders: ISonarrRootFolder[] = [];
|
||||||
|
|
||||||
public totalTv: number = 100;
|
// public totalTv: number = 100;
|
||||||
private currentlyLoaded: number;
|
// private currentlyLoaded: number;
|
||||||
private amountToLoad: number;
|
// private amountToLoad: number;
|
||||||
private href: string;
|
// private href: string;
|
||||||
|
|
||||||
constructor(
|
// constructor(
|
||||||
private requestService: RequestService,
|
// private requestService: RequestService,
|
||||||
private auth: AuthService,
|
// private auth: AuthService,
|
||||||
private sanitizer: DomSanitizer,
|
// private sanitizer: DomSanitizer,
|
||||||
private imageService: ImageService,
|
// private imageService: ImageService,
|
||||||
private sonarrService: SonarrService,
|
// private sonarrService: SonarrService,
|
||||||
private notificationService: NotificationService,
|
// private notificationService: NotificationService,
|
||||||
@Inject(APP_BASE_HREF) href:string) {
|
// @Inject(APP_BASE_HREF) href:string) {
|
||||||
this.href= href;
|
// this.href= href;
|
||||||
this.isAdmin = this.auth.hasRole("admin") || this.auth.hasRole("poweruser");
|
// this.isAdmin = this.auth.hasRole("admin") || this.auth.hasRole("poweruser");
|
||||||
this.currentUser = this.auth.claims().name;
|
// this.currentUser = this.auth.claims().name;
|
||||||
if (this.isAdmin) {
|
// if (this.isAdmin) {
|
||||||
this.sonarrService.getQualityProfilesWithoutSettings()
|
// this.sonarrService.getQualityProfilesWithoutSettings()
|
||||||
.subscribe(x => this.sonarrProfiles = x);
|
// .subscribe(x => this.sonarrProfiles = x);
|
||||||
|
|
||||||
this.sonarrService.getRootFoldersWithoutSettings()
|
// this.sonarrService.getRootFoldersWithoutSettings()
|
||||||
.subscribe(x => this.sonarrRootFolders = x);
|
// .subscribe(x => this.sonarrRootFolders = x);
|
||||||
}
|
// }
|
||||||
}
|
// }
|
||||||
|
|
||||||
public openClosestTab(node: ITvRequests,el: any) {
|
// public openClosestTab(node: ITvRequests,el: any) {
|
||||||
el.preventDefault();
|
// el.preventDefault();
|
||||||
node.open = !node.open;
|
// node.open = !node.open;
|
||||||
}
|
// }
|
||||||
|
|
||||||
public ngOnInit() {
|
// public ngOnInit() {
|
||||||
this.amountToLoad = 10;
|
// this.amountToLoad = 10;
|
||||||
this.currentlyLoaded = 10;
|
// this.currentlyLoaded = 10;
|
||||||
this.tvRequests = {collection:[], total:0};
|
// this.tvRequests = {collection:[], total:0};
|
||||||
|
|
||||||
this.searchChanged.pipe(
|
// this.searchChanged.pipe(
|
||||||
debounceTime(600), // Wait Xms after the last event before emitting last event
|
// debounceTime(600), // Wait Xms after the last event before emitting last event
|
||||||
distinctUntilChanged(), // only emit if value is different from previous value
|
// distinctUntilChanged(), // only emit if value is different from previous value
|
||||||
).subscribe(x => {
|
// ).subscribe(x => {
|
||||||
this.searchText = x as string;
|
// this.searchText = x as string;
|
||||||
if (this.searchText === "") {
|
// if (this.searchText === "") {
|
||||||
this.resetSearch();
|
// this.resetSearch();
|
||||||
return;
|
// return;
|
||||||
}
|
// }
|
||||||
this.requestService.searchTvRequests(this.searchText)
|
// this.requestService.searchTvRequests(this.searchText)
|
||||||
.subscribe(m => {
|
// .subscribe(m => {
|
||||||
this.tvRequests.collection = m;
|
// this.tvRequests.collection = m;
|
||||||
this.tvRequests.collection.forEach((val) => this.loadBackdrop(val));
|
// this.tvRequests.collection.forEach((val) => this.loadBackdrop(val));
|
||||||
this.tvRequests.collection.forEach((val) => this.setOverride(val));
|
// this.tvRequests.collection.forEach((val) => this.setOverride(val));
|
||||||
});
|
// });
|
||||||
});
|
// });
|
||||||
this.defaultPoster = "../../../images/default_tv_poster.png";
|
// this.defaultPoster = "../../../images/default_tv_poster.png";
|
||||||
const base = this.href;
|
// const base = this.href;
|
||||||
if (base) {
|
// if (base) {
|
||||||
this.defaultPoster = "../../.." + base + "/images/default_tv_poster.png";
|
// this.defaultPoster = "../../.." + base + "/images/default_tv_poster.png";
|
||||||
}
|
// }
|
||||||
|
|
||||||
this.loadInit();
|
// this.loadInit();
|
||||||
}
|
// }
|
||||||
|
|
||||||
public paginate(event: IPagenator) {
|
// public paginate(event: IPagenator) {
|
||||||
const skipAmount = event.first;
|
// const skipAmount = event.first;
|
||||||
|
|
||||||
this.requestService.getTvRequests(this.amountToLoad, skipAmount, OrderType.RequestedDateDesc, FilterType.None, FilterType.None)
|
// this.requestService.getTvRequests(this.amountToLoad, skipAmount, OrderType.RequestedDateDesc, FilterType.None, FilterType.None)
|
||||||
.subscribe(x => {
|
// .subscribe(x => {
|
||||||
this.tvRequests = x;
|
// this.tvRequests = x;
|
||||||
this.currentlyLoaded = this.currentlyLoaded + this.amountToLoad;
|
// this.currentlyLoaded = this.currentlyLoaded + this.amountToLoad;
|
||||||
});
|
// });
|
||||||
}
|
// }
|
||||||
|
|
||||||
public search(text: any) {
|
// public search(text: any) {
|
||||||
this.searchChanged.next(text.target.value);
|
// this.searchChanged.next(text.target.value);
|
||||||
}
|
// }
|
||||||
|
|
||||||
public showChildren(request: ITvRequests) {
|
// public showChildren(request: ITvRequests) {
|
||||||
this.selectedSeason = request;
|
// this.selectedSeason = request;
|
||||||
this.showChildDialogue = true;
|
// this.showChildDialogue = true;
|
||||||
}
|
// }
|
||||||
|
|
||||||
public childRequestDeleted(childId: number): void {
|
// public childRequestDeleted(childId: number): void {
|
||||||
// Refresh the UI, hackly way around reloading the data
|
// // Refresh the UI, hackly way around reloading the data
|
||||||
this.ngOnInit();
|
// this.ngOnInit();
|
||||||
}
|
// }
|
||||||
|
|
||||||
public selectRootFolder(searchResult: ITvRequests, rootFolderSelected: ISonarrRootFolder, event: any) {
|
// public selectRootFolder(searchResult: ITvRequests, rootFolderSelected: ISonarrRootFolder, event: any) {
|
||||||
event.preventDefault();
|
// event.preventDefault();
|
||||||
searchResult.rootFolder = rootFolderSelected.id;
|
// searchResult.rootFolder = rootFolderSelected.id;
|
||||||
this.setOverride(searchResult);
|
// this.setOverride(searchResult);
|
||||||
this.setRootFolder(searchResult);
|
// this.setRootFolder(searchResult);
|
||||||
}
|
// }
|
||||||
|
|
||||||
public selectQualityProfile(searchResult: ITvRequests, profileSelected: ISonarrProfile, event: any) {
|
// public selectQualityProfile(searchResult: ITvRequests, profileSelected: ISonarrProfile, event: any) {
|
||||||
event.preventDefault();
|
// event.preventDefault();
|
||||||
searchResult.qualityOverride = profileSelected.id;
|
// searchResult.qualityOverride = profileSelected.id;
|
||||||
this.setOverride(searchResult);
|
// this.setOverride(searchResult);
|
||||||
this.setQualityProfile(searchResult);
|
// this.setQualityProfile(searchResult);
|
||||||
}
|
// }
|
||||||
|
|
||||||
public reportIssue(catId: IIssueCategory, req: ITvRequests) {
|
// public reportIssue(catId: IIssueCategory, req: ITvRequests) {
|
||||||
this.issueRequest = req;
|
// this.issueRequest = req;
|
||||||
this.issueCategorySelected = catId;
|
// this.issueCategorySelected = catId;
|
||||||
this.issuesBarVisible = true;
|
// this.issuesBarVisible = true;
|
||||||
this.issueProviderId = req.id.toString();
|
// this.issueProviderId = req.id.toString();
|
||||||
}
|
// }
|
||||||
|
|
||||||
private setOverride(req: ITvRequests): void {
|
// private setOverride(req: ITvRequests): void {
|
||||||
this.setQualityOverrides(req);
|
// this.setQualityOverrides(req);
|
||||||
this.setRootFolderOverrides(req);
|
// this.setRootFolderOverrides(req);
|
||||||
}
|
// }
|
||||||
|
|
||||||
private setQualityProfile(req: ITvRequests) {
|
// private setQualityProfile(req: ITvRequests) {
|
||||||
this.requestService.setQualityProfile(req.id, req.qualityOverride).subscribe(x => {
|
// this.requestService.setQualityProfile(req.id, req.qualityOverride).subscribe(x => {
|
||||||
if(x) {
|
// if(x) {
|
||||||
this.notificationService.success("Quality profile updated");
|
// this.notificationService.success("Quality profile updated");
|
||||||
} else {
|
// } else {
|
||||||
this.notificationService.error("Could not update the quality profile");
|
// this.notificationService.error("Could not update the quality profile");
|
||||||
}
|
// }
|
||||||
});
|
// });
|
||||||
}
|
// }
|
||||||
|
|
||||||
private setRootFolder(req: ITvRequests) {
|
// private setRootFolder(req: ITvRequests) {
|
||||||
this.requestService.setRootFolder(req.id, req.rootFolder).subscribe(x => {
|
// this.requestService.setRootFolder(req.id, req.rootFolder).subscribe(x => {
|
||||||
if(x) {
|
// if(x) {
|
||||||
this.notificationService.success("Quality profile updated");
|
// this.notificationService.success("Quality profile updated");
|
||||||
} else {
|
// } else {
|
||||||
this.notificationService.error("Could not update the quality profile");
|
// this.notificationService.error("Could not update the quality profile");
|
||||||
}
|
// }
|
||||||
});
|
// });
|
||||||
}
|
// }
|
||||||
|
|
||||||
private setQualityOverrides(req: ITvRequests): void {
|
// private setQualityOverrides(req: ITvRequests): void {
|
||||||
if (this.sonarrProfiles) {
|
// if (this.sonarrProfiles) {
|
||||||
const profile = this.sonarrProfiles.filter((p) => {
|
// const profile = this.sonarrProfiles.filter((p) => {
|
||||||
return p.id === req.qualityOverride;
|
// return p.id === req.qualityOverride;
|
||||||
});
|
// });
|
||||||
if (profile.length > 0) {
|
// if (profile.length > 0) {
|
||||||
req.qualityOverrideTitle = profile[0].name;
|
// req.qualityOverrideTitle = profile[0].name;
|
||||||
}
|
// }
|
||||||
}
|
// }
|
||||||
}
|
// }
|
||||||
private setRootFolderOverrides(req: ITvRequests): void {
|
// private setRootFolderOverrides(req: ITvRequests): void {
|
||||||
if (this.sonarrRootFolders) {
|
// if (this.sonarrRootFolders) {
|
||||||
const path = this.sonarrRootFolders.filter((folder) => {
|
// const path = this.sonarrRootFolders.filter((folder) => {
|
||||||
return folder.id === req.rootFolder;
|
// return folder.id === req.rootFolder;
|
||||||
});
|
// });
|
||||||
if (path.length > 0) {
|
// if (path.length > 0) {
|
||||||
req.rootPathOverrideTitle = path[0].path;
|
// req.rootPathOverrideTitle = path[0].path;
|
||||||
}
|
// }
|
||||||
}
|
// }
|
||||||
}
|
// }
|
||||||
|
|
||||||
private loadInit() {
|
// private loadInit() {
|
||||||
this.requestService.getTotalTv().subscribe(x => this.totalTv = x);
|
// this.requestService.getTotalTv().subscribe(x => this.totalTv = x);
|
||||||
this.requestService.getTvRequests(this.amountToLoad, 0, OrderType.RequestedDateDesc, FilterType.None, FilterType.None)
|
// this.requestService.getTvRequests(this.amountToLoad, 0, OrderType.RequestedDateDesc, FilterType.None, FilterType.None)
|
||||||
.subscribe(x => {
|
// .subscribe(x => {
|
||||||
this.tvRequests = x;
|
// this.tvRequests = x;
|
||||||
this.tvRequests.collection.forEach((val, index) => {
|
// this.tvRequests.collection.forEach((val, index) => {
|
||||||
this.setDefaults(val);
|
// this.setDefaults(val);
|
||||||
this.loadBackdrop(val);
|
// this.loadBackdrop(val);
|
||||||
this.setOverride(val);
|
// this.setOverride(val);
|
||||||
});
|
// });
|
||||||
});
|
// });
|
||||||
}
|
// }
|
||||||
|
|
||||||
private resetSearch() {
|
// private resetSearch() {
|
||||||
this.currentlyLoaded = 5;
|
// this.currentlyLoaded = 5;
|
||||||
this.loadInit();
|
// this.loadInit();
|
||||||
}
|
// }
|
||||||
|
|
||||||
private setDefaults(val: ITvRequests) {
|
// private setDefaults(val: ITvRequests) {
|
||||||
if (val.posterPath === null) {
|
// if (val.posterPath === null) {
|
||||||
val.posterPath = this.defaultPoster;
|
// val.posterPath = this.defaultPoster;
|
||||||
}
|
// }
|
||||||
}
|
// }
|
||||||
|
|
||||||
private loadBackdrop(val: ITvRequests): void {
|
// private loadBackdrop(val: ITvRequests): void {
|
||||||
if (val.background != null) {
|
// if (val.background != null) {
|
||||||
val.background = this.sanitizer.bypassSecurityTrustStyle
|
// val.background = this.sanitizer.bypassSecurityTrustStyle
|
||||||
("url(https://image.tmdb.org/t/p/w1280" + val.background + ")");
|
// ("url(https://image.tmdb.org/t/p/w1280" + val.background + ")");
|
||||||
} else {
|
// } else {
|
||||||
this.imageService.getTvBanner(val.tvDbId).subscribe(x => {
|
// this.imageService.getTvBanner(val.tvDbId).subscribe(x => {
|
||||||
if (x) {
|
// if (x) {
|
||||||
val.background = this.sanitizer.bypassSecurityTrustStyle
|
// val.background = this.sanitizer.bypassSecurityTrustStyle
|
||||||
("url(" + x + ")");
|
// ("url(" + x + ")");
|
||||||
}
|
// }
|
||||||
});
|
// });
|
||||||
}
|
// }
|
||||||
}
|
// }
|
||||||
}
|
// }
|
||||||
|
|||||||
@ -1,2 +1,6 @@
|
|||||||
|
/***************************************************************************************************
|
||||||
|
* Load `$localize` onto the global scope - used if i18n tags appear in Angular templates.
|
||||||
|
*/
|
||||||
|
import '@angular/localize/init';
|
||||||
import "core-js/es7/reflect";
|
import "core-js/es7/reflect";
|
||||||
import "zone.js/dist/zone";
|
import "zone.js/dist/zone";
|
||||||
|
|||||||
Loading…
Reference in new issue