Knocking out LC requirements in issue #2124 (#2125)

src/Ombi.Core/Engine/TvRequestEngine.cs

@@ -1,6 +1,7 @@
 using System;
 using AutoMapper;
 using Ombi.Api.TvMaze;
+using Ombi.Api.TheMovieDb;
 using Ombi.Core.Models.Requests;
 using Ombi.Core.Models.Search;
 using Ombi.Helpers;
@@ -26,11 +27,12 @@ namespace Ombi.Core.Engine
 {
     public class TvRequestEngine : BaseMediaEngine, ITvRequestEngine
     {
-        public TvRequestEngine(ITvMazeApi tvApi, IRequestServiceMain requestService, IPrincipal user,
+        public TvRequestEngine(ITvMazeApi tvApi, IMovieDbApi movApi, IRequestServiceMain requestService, IPrincipal user,
             INotificationHelper helper, IRuleEvaluator rule, OmbiUserManager manager,
             ITvSender sender, IAuditRepository audit, IRepository<RequestLog> rl, ISettingsService<OmbiSettings> settings, ICacheService cache) : base(user, requestService, rule, manager, cache, settings)
         {
             TvApi = tvApi;
+            MovieDbApi = movApi;
             NotificationHelper = helper;
             TvSender = sender;
             Audit = audit;
@@ -39,6 +41,7 @@ namespace Ombi.Core.Engine
 
         private INotificationHelper NotificationHelper { get; }
         private ITvMazeApi TvApi { get; }
+        private IMovieDbApi MovieDbApi { get; }
         private ITvSender TvSender { get; }
         private IAuditRepository Audit { get; }
         private readonly IRepository<RequestLog> _requestLog;
@@ -47,7 +50,7 @@ namespace Ombi.Core.Engine
         {
             var user = await GetUser();
 
-            var tvBuilder = new TvShowRequestBuilder(TvApi);
+            var tvBuilder = new TvShowRequestBuilder(TvApi, MovieDbApi);
             (await tvBuilder
                 .GetShowInfo(tv.TvDbId))
                 .CreateTvList(tv)

src/Ombi.Core/Helpers/TvShowRequestBuilder.cs

@@ -3,7 +3,9 @@ using System.Collections.Generic;
 using System.Linq;
 using System.Threading.Tasks;
 using Ombi.Api.TvMaze;
+using Ombi.Api.TheMovieDb;
 using Ombi.Api.TvMaze.Models;
+using Ombi.Api.TheMovieDb.Models;
 using Ombi.Core.Models.Requests;
 using Ombi.Core.Models.Search;
 using Ombi.Helpers;
@@ -16,12 +18,14 @@ namespace Ombi.Core.Helpers
     public class TvShowRequestBuilder
     {
 
-        public TvShowRequestBuilder(ITvMazeApi tvApi)
+        public TvShowRequestBuilder(ITvMazeApi tvApi, IMovieDbApi movApi)
         {
             TvApi = tvApi;
+            MovieDbApi = movApi;
         }
         
         private ITvMazeApi TvApi { get; }
+        private IMovieDbApi MovieDbApi { get; }
 
         public ChildRequests ChildRequest { get; set; }
         public List<SeasonsViewModel> TvRequests { get; protected set; }
@@ -29,10 +33,20 @@ namespace Ombi.Core.Helpers
         public DateTime FirstAir { get; protected set; }
         public TvRequests NewRequest { get; protected set; }
         protected TvMazeShow ShowInfo { get; set; }
+        protected List<TvSearchResult> Results { get; set; }
 
         public async Task<TvShowRequestBuilder> GetShowInfo(int id)
         {
             ShowInfo = await TvApi.ShowLookupByTheTvDbId(id);
+            Results = await MovieDbApi.SearchTv(ShowInfo.name);
+            foreach (TvSearchResult result in Results) {
+                if (result.Name == ShowInfo.name)
+                {                  
+                    var showIds = await MovieDbApi.GetTvExternals(result.Id);
+                    ShowInfo.externals.imdb = showIds.imdb_id;
+                    break;
+                }
+            }
 
             DateTime.TryParse(ShowInfo.premiered, out var dt);
 

src/Ombi.Mapping/Profiles/MovieProfile.cs

@@ -24,6 +24,19 @@ namespace Ombi.Mapping.Profiles
                 .ForMember(dest => dest.VoteAverage, opts => opts.MapFrom(src => src.vote_average))
                 .ForMember(dest => dest.VoteCount, opts => opts.MapFrom(src => src.vote_count));
 
+            CreateMap<SearchResult, TvSearchResult>()
+                .ForMember(dest => dest.BackdropPath, opts => opts.MapFrom(src => src.backdrop_path))
+                .ForMember(dest => dest.Id, opts => opts.MapFrom(src => src.id))
+                .ForMember(dest => dest.OriginalLanguage, opts => opts.MapFrom(src => src.original_language))
+                .ForMember(dest => dest.OriginalName, opts => opts.MapFrom(src => src.original_name))
+                .ForMember(dest => dest.Overview, opts => opts.MapFrom(src => src.overview))
+                .ForMember(dest => dest.Popularity, opts => opts.MapFrom(src => src.popularity))
+                .ForMember(dest => dest.PosterPath, opts => opts.MapFrom(src => src.poster_path))
+                .ForMember(dest => dest.ReleaseDate, opts => opts.MapFrom(src => src.first_air_date))
+                .ForMember(dest => dest.Name, opts => opts.MapFrom(src => src.name))
+                .ForMember(dest => dest.VoteAverage, opts => opts.MapFrom(src => src.vote_average))
+                .ForMember(dest => dest.VoteCount, opts => opts.MapFrom(src => src.vote_count));
+
             CreateMap<MovieResponse, MovieResponseDto>()
                 .ForMember(dest => dest.Adult, opts => opts.MapFrom(src => src.adult))
                 .ForMember(dest => dest.BackdropPath, opts => opts.MapFrom(src => src.backdrop_path))

src/Ombi.TheMovieDbApi/IMovieDbApi.cs

@@ -12,6 +12,7 @@ namespace Ombi.Api.TheMovieDb
         Task<List<MovieSearchResult>> NowPlaying();
         Task<List<MovieSearchResult>> PopularMovies();
         Task<List<MovieSearchResult>> SearchMovie(string searchTerm);
+        Task<List<TvSearchResult>> SearchTv(string searchTerm);
         Task<List<MovieSearchResult>> TopRated();
         Task<List<MovieSearchResult>> Upcoming();
         Task<List<MovieSearchResult>> SimilarMovies(int movieId);

src/Ombi.TheMovieDbApi/Models/SearchResult.cs

@@ -32,9 +32,12 @@ namespace Ombi.TheMovieDbApi.Models
         public bool adult { get; set; }
         public string overview { get; set; }
         public string release_date { get; set; }
+        public string first_air_date { get; set; }
         public int?[] genre_ids { get; set; }
         public int id { get; set; }
         public string original_title { get; set; }
+        public string original_name { get; set; }
+        public string name { get; set; }
         public string original_language { get; set; }
         public string title { get; set; }
         public string backdrop_path { get; set; }

src/Ombi.TheMovieDbApi/Models/TvSearchResult.cs

@@ -0,0 +1,18 @@
+namespace Ombi.Api.TheMovieDb.Models
+{
+    public class TvSearchResult
+    {
+        public string PosterPath { get; set; }
+        public string Overview { get; set; }
+        public string ReleaseDate { get; set; }
+        public int?[] GenreIds { get; set; }
+        public int Id { get; set; }
+        public string OriginalName { get; set; }
+        public string OriginalLanguage { get; set; }
+        public string Name { get; set; }
+        public string BackdropPath { get; set; }
+        public float Popularity { get; set; }
+        public int VoteCount { get; set; }
+        public float VoteAverage { get; set; }
+    }
+}

src/Ombi.TheMovieDbApi/TheMovieDbApi.cs

@@ -42,7 +42,18 @@ namespace Ombi.Api.TheMovieDb
 
             return await Api.Request<FindResult>(request);
         }
-        
+
+        public async Task<List<TvSearchResult>> SearchTv(string searchTerm)
+        {
+            var request = new Request($"search/tv", BaseUri, HttpMethod.Get);
+            request.FullUri = request.FullUri.AddQueryParameter("api_key", ApiToken);
+            request.FullUri = request.FullUri.AddQueryParameter("query", searchTerm);
+            AddRetry(request);
+
+            var result = await Api.Request<TheMovieDbContainer<SearchResult>>(request);
+            return Mapper.Map<List<TvSearchResult>>(result.results);
+        }
+
         public async Task<TvExternals> GetTvExternals(int theMovieDbId)
         {
             var request = new Request($"/tv/{theMovieDbId}/external_ids", BaseUri, HttpMethod.Get);

src/Ombi/ClientApp/app/issues/issueDetails.component.html

@@ -1,5 +1,5 @@
 <div *ngIf="issue">
-    <div class="row">
+    <div class="row issue-details">
         <div class="myBg backdrop" [style.background-image]="backgroundPath"></div>
         <div class="tint" style="background-image: linear-gradient(to bottom, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.6) 100%);"></div>
         <h1>{{issue.title}} </h1>

src/Ombi/ClientApp/app/issues/issueDetails.component.ts

@@ -98,7 +98,11 @@ export class IssueDetailsComponent implements OnInit {
                     ("url(" + x + ")");
             });
             this.imageService.getMoviePoster(issue.providerId).subscribe(x => {
-                this.posterPath = x.toString();
+                if (x.length === 0) {
+                    this.posterPath = "../../../images/default_movie_poster.png";
+                } else {
+                    this.posterPath = x.toString();
+                }
             });
 
         } else {
@@ -107,7 +111,11 @@ export class IssueDetailsComponent implements OnInit {
                     ("url(" + x + ")");
             });
             this.imageService.getTvPoster(Number(issue.providerId)).subscribe(x => {
-                this.posterPath = x.toString();
+                if (x.length === 0) {
+                    this.posterPath = "../../../images/default_tv_poster.png";
+                } else {
+                    this.posterPath = x.toString();
+                }
             });
         }
 

src/Ombi/ClientApp/app/issues/issuestable.component.html

@@ -1,25 +1,25 @@
 <table class="table table-striped table-hover table-responsive table-condensed">
         <thead>
             <tr>
-                <th (click)="setOrder('title')">
+                <th (click)="setOrder('title', $event)">
                     <a [translate]="'Issues.ColumnTitle'"></a>
                     <span *ngIf="order === 'title'">
                         <span [hidden]="reverse"><i class="fa fa-arrow-down" aria-hidden="true"></i></span><span [hidden]="!reverse"><i class="fa fa-arrow-up" aria-hidden="true"></i></span>
                     </span>
                 </th>
-                <th (click)="setOrder('issueCategory.value')">
+                <th (click)="setOrder('issueCategory.value', $event)">
                     <a [translate]="'Issues.Category'"></a>
                     <span *ngIf="order === 'issueCategory.value'">
                             <span [hidden]="reverse"><i class="fa fa-arrow-down" aria-hidden="true"></i></span><span [hidden]="!reverse"><i class="fa fa-arrow-up" aria-hidden="true"></i></span>
                     </span>
                 </th>
-                <th (click)="setOrder('status')">
+                <th (click)="setOrder('status', $event)">
                     <a [translate]="'Issues.Status'"></a>
                     <span *ngIf="order === 'status'">
                             <span [hidden]="reverse"><i class="fa fa-arrow-down" aria-hidden="true"></i></span><span [hidden]="!reverse"><i class="fa fa-arrow-up" aria-hidden="true"></i></span>
                     </span>
                 </th>
-                <th (click)="setOrder('reportedUser')">
+                <th (click)="setOrder('reportedUser', $event)">
                     <a [translate]="'Issues.ReportedBy'"></a>
                     <span *ngIf="order === 'reportedUser'">
                             <span [hidden]="reverse"><i class="fa fa-arrow-down" aria-hidden="true"></i></span><span [hidden]="!reverse"><i class="fa fa-arrow-up" aria-hidden="true"></i></span>

src/Ombi/ClientApp/app/issues/issuestable.component.ts

@@ -20,11 +20,25 @@ export class IssuesTableComponent  {
 
     public rowCount = 10;
 
-    public setOrder(value: string) {
+    public setOrder(value: string, el: any) {
-        if (this.order === value) {
+        el = el.toElement || el.relatedTarget || el.target || el.srcElement;
-          this.reverse = !this.reverse;
+
+        if (el.nodeName === "A") {
+            el = el.parentElement;
         }
-    
+
+        const parent = el.parentElement;
+        const previousFilter = parent.querySelector(".active");
+
+        if (this.order === value) {
+            this.reverse = !this.reverse;
+        } else {
+            if (previousFilter) {
+                previousFilter.className = "";
+            }
+            el.className = "active";
+        }
+
         this.order = value;
       }
 

src/Ombi/ClientApp/app/requests/movierequests.component.html

@@ -67,7 +67,7 @@
             <div class="tint" style="background-image: linear-gradient(to bottom, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.6) 100%);"></div>
             <div class="col-sm-2 small-padding">
 
-                <img class="img-responsive poster" src="https://image.tmdb.org/t/p/w300/{{request.posterPath}}" alt="poster">
+                <img class="img-responsive poster" src="{{request.posterPath}}" alt="poster">
 
             </div>
 
@@ -222,42 +222,43 @@
 <p-sidebar [(visible)]="filterDisplay" styleClass="ui-sidebar-md side-back side-small">
     <h3>{{ 'Requests.Filter' | translate }}</h3>
     <hr>
-
+    <div>
-    <h4>{{ 'Filter.FilterHeaderAvailability' | translate }}</h4>
+        <h4>{{ 'Filter.FilterHeaderAvailability' | translate }}</h4>
-    <div class="form-group">
+        <div class="form-group">
-        <div class="radio">
+            <div class="radio">
-            <input type="radio" id="Available" name="Availability" (click)="filterAvailability(filterType.Available)">
+                <input type="radio" id="Available" name="Availability" (click)="filterAvailability(filterType.Available, $event)">
-            <label for="Available">{{ 'Common.Available' | translate }}</label>
+                <label for="Available">{{ 'Common.Available' | translate }}</label>
+            </div>
+        </div>
+        <div class="form-group">
+            <div class="radio">
+                <input type="radio" id="notAvailable" name="Availability" (click)="filterAvailability(filterType.NotAvailable, $event)">
+                <label for="notAvailable">{{ 'Common.NotAvailable' | translate }}</label>
+            </div>
         </div>
     </div>
-    <div class="form-group">
+    <div>
-        <div class="radio">
+        <h4>{{ 'Filter.FilterHeaderRequestStatus' | translate }}</h4>
-            <input type="radio" id="notAvailable" name="Availability" (click)="filterAvailability(filterType.NotAvailable)">
+        <div class="form-group">
-            <label for="notAvailable">{{ 'Common.NotAvailable' | translate }}</label>
+            <div class="radio">
+                <input type="radio" id="approved" name="Status" (click)="filterStatus(filterType.Approved, $event)">
+                <label for="approved">{{ 'Filter.Approved' | translate }}</label>
+            </div>
+        </div>
+        <div class="form-group">
+            <div class="radio">
+                <input type="radio" id="Processing" name="Status" (click)="filterStatus(filterType.Processing, $event)">
+                <label for="Processing">{{ 'Common.ProcessingRequest' | translate }}</label>
+            </div>
+        </div>
+        <div class="form-group">
+            <div class="radio">
+                <input type="radio" id="pendingApproval" name="Status" (click)="filterStatus(filterType.PendingApproval, $event)">
+                <label for="pendingApproval">{{ 'Filter.PendingApproval' | translate }}</label>
+            </div>
         </div>
     </div>
 
-    <h4>{{ 'Filter.FilterHeaderRequestStatus' | translate }}</h4>
+    <button class="btn btn-sm btn-primary-outline" (click)="clearFilter($event)">
-    <div class="form-group">
-        <div class="radio">
-            <input type="radio" id="approved" name="Status" (click)="filterStatus(filterType.Approved)">
-            <label for="approved">{{ 'Filter.Approved' | translate }}</label>
-        </div>
-    </div>
-    <div class="form-group">
-        <div class="radio">
-            <input type="radio" id="Processing" name="Status" (click)="filterStatus(filterType.Processing)">
-            <label for="Processing">{{ 'Common.ProcessingRequest' | translate }}</label>
-        </div>
-    </div>
-    <div class="form-group">
-        <div class="radio">
-            <input type="radio" id="pendingApproval" name="Status" (click)="filterStatus(filterType.PendingApproval, $event)">
-            <label for="pendingApproval">{{ 'Filter.PendingApproval' | translate }}</label>
-        </div>
-    </div>
-
-
-    <button class="btn btn-sm btn-primary-outline" (click)="clearFilter()">
         <i class="fa fa-filter"></i> {{ 'Filter.ClearFilter' | translate }}</button>
 </p-sidebar>

src/Ombi/ClientApp/app/requests/movierequests.component.ts

@@ -149,7 +149,16 @@ export class MovieRequestsComponent implements OnInit {
         event.preventDefault();
     }
 
-    public clearFilter() {
+    public clearFilter(el: any) {
+        el = el.toElement || el.relatedTarget || el.target || el.srcElement;
+
+        el = el.parentElement;
+        el = el.querySelectorAll("INPUT");
+        for (el of el) {
+            el.checked = false;
+            el.parentElement.classList.remove("active");
+        }
+
         this.filterDisplay = false;
         this.filter.availabilityFilter = FilterType.None;
         this.filter.statusFilter = FilterType.None;
@@ -157,7 +166,8 @@ export class MovieRequestsComponent implements OnInit {
         this.resetSearch();
     }
 
-    public filterAvailability(filter: FilterType) {
+    public filterAvailability(filter: FilterType, el: any) {
+        this.filterActiveStyle(el);
         this.filter.availabilityFilter = filter;
         this.requestService.filterMovies(this.filter)
         .subscribe(x => {
@@ -166,7 +176,8 @@ export class MovieRequestsComponent implements OnInit {
         });
     }
 
-    public filterStatus(filter: FilterType) {
+    public filterStatus(filter: FilterType, el: any) {
+        this.filterActiveStyle(el);
         this.filter.statusFilter = filter;
         this.requestService.filterMovies(this.filter)
         .subscribe(x => {
@@ -190,6 +201,24 @@ export class MovieRequestsComponent implements OnInit {
         this.order = value;
       }
 
+    private filterActiveStyle(el: any) {
+        el = el.toElement || el.relatedTarget || el.target || el.srcElement;
+
+        el = el.parentElement; //gets radio div
+        el = el.parentElement; //gets form group div
+        el = el.parentElement; //gets status filter div
+        el = el.querySelectorAll("INPUT");
+        for (el of el) {
+            if (el.checked) {
+                if (!el.parentElement.classList.contains("active")) {
+                    el.parentElement.className += " active";
+                }
+            } else {
+                el.parentElement.classList.remove("active");
+            }
+        }
+    }
+
     private loadRequests(amountToLoad: number, currentlyLoaded: number) {
         this.requestService.getMovieRequests(amountToLoad, currentlyLoaded + 1)
             .subscribe(x => {
@@ -243,7 +272,8 @@ export class MovieRequestsComponent implements OnInit {
                 this.movieRequests = x;
 
                 this.movieRequests.forEach((req) => {
-                    this.movieRequests.forEach((req) => this.setBackground(req));
+                     this.setBackground(req);
+                     this.setPoster(req);
                 });
                 this.radarrService.getQualityProfilesFromSettings().subscribe(c => {
                     this.radarrProfiles = c;
@@ -296,11 +326,20 @@ export class MovieRequestsComponent implements OnInit {
     }
 
     private setOverride(req: IMovieRequests): void {
+        this.setPoster(req);
         this.setBackground(req);
         this.setQualityOverrides(req);
         this.setRootFolderOverrides(req);
     }
 
+    private setPoster(req: IMovieRequests): void {
+        if (req.posterPath === null) {
+            req.posterPath = "../../../images/default_movie_poster.png";
+        } else {
+            req.posterPath = "https://image.tmdb.org/t/p/w300/" + req.posterPath;
+        }
+    }
+
     private setBackground(req: IMovieRequests): void {
         req.backgroundPath = this.sanitizer.bypassSecurityTrustStyle
         ("url(" + "https://image.tmdb.org/t/p/w1280" + req.background + ")");

src/Ombi/ClientApp/app/requests/tvrequest-children.component.html

@@ -22,15 +22,7 @@
            
                     <button id="removeBtn" type="button" (click)="removeRequest(child)" class="btn btn-sm btn-danger-outline deny"><i class="fa fa-times"></i> {{ 'Requests.Remove' | translate }}</button>
                 </div>
-                <div class="dropdown" *ngIf="issueCategories && issuesEnabled" id="issueBtn">
+                
-                        <button class="btn btn-sm btn-primary-outline dropdown-toggle" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
-                            <i class="fa fa-plus"></i> {{ 'Requests.ReportIssue' | translate }}
-                            <span class="caret"></span>
-                        </button>
-                        <ul class="dropdown-menu" aria-labelledby="dropdownMenu1">
-                            <li *ngFor="let cat of issueCategories"><a [routerLink]="" (click)="reportIssue(cat, child)">{{cat.value}}</a></li>
-                        </ul>
-                    </div>
                 
             </div>
         </div>
@@ -101,8 +93,3 @@
     </div>
 
 </div>
-
-
-
-<issue-report [movie]="false" [visible]="issuesBarVisible" [title]="issueRequest?.title"
-[issueCategory]="issueCategorySelected" [id]="issueRequest?.id" [providerId]="issueProviderId" (visibleChange)="issuesBarVisible = $event;"></issue-report>

src/Ombi/ClientApp/app/requests/tvrequest-children.component.ts

@@ -1,5 +1,5 @@
 import { Component, EventEmitter, Input, Output } from "@angular/core";
-import { IChildRequests, IIssueCategory } from "../interfaces";
+import { IChildRequests } from "../interfaces";
 
 import { NotificationService, RequestService } from "../services";
 
@@ -13,13 +13,6 @@ export class TvRequestChildrenComponent {
 
     @Output() public requestDeleted = new EventEmitter<number>();
 
-    @Input() public issueCategories: IIssueCategory[];
-    @Input() public issuesEnabled: boolean;
-    @Input() public issueProviderId: string;
-    public issuesBarVisible = false;
-    public issueRequest: IChildRequests;
-    public issueCategorySelected: IIssueCategory;
-
     constructor(private requestService: RequestService,
                 private notificationService: NotificationService) { }
 
@@ -101,13 +94,6 @@ export class TvRequestChildrenComponent {
             });
     }
 
-    public reportIssue(catId: IIssueCategory, req: IChildRequests) {
-        this.issueRequest = req;
-        this.issueCategorySelected = catId;
-        this.issuesBarVisible = true;
-        this.issueProviderId = req.id.toString();
-    }
-
     private removeRequestFromUi(key: IChildRequests) {
         const index = this.childRequests.indexOf(key, 0);
         if (index > -1) {

src/Ombi/ClientApp/app/requests/tvrequests.component.html

@@ -64,51 +64,63 @@
                         </div>
                         <div class="col-sm-3 col-sm-push-3  small-padding">
 
-                            <button  style="text-align: right" class="btn btn-sm btn-success-outline" (click)="openClosestTab($event)"><i class="fa fa-plus"></i> View</button>
+                            <button style="text-align: right" class="btn btn-sm btn-success-outline" (click)="openClosestTab($event)"><i class="fa fa-plus"></i> View</button>
                             <div *ngIf="isAdmin">
-                                 <!--Sonarr Root Folder-->
+                                <!--Sonarr Root Folder-->
-                        <div *ngIf="sonarrRootFolders" class="btn-group btn-split" id="rootFolderBtn">
+                                <div *ngIf="sonarrRootFolders" class="btn-group btn-split" id="rootFolderBtn">
-                                <button type="button" class="btn btn-sm btn-warning-outline">
+                                    <button type="button" class="btn btn-sm btn-warning-outline">
-                                    <i class="fa fa-plus"></i> {{ 'Requests.ChangeRootFolder' | translate }}</button>
+                                        <i class="fa fa-plus"></i> {{ 'Requests.ChangeRootFolder' | translate }}
-                                <button type="button" class="btn btn-warning-outline dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                                    </button>
-                                    <span class="caret"></span>
+                                    <button type="button" class="btn btn-warning-outline dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-                                    <span class="sr-only">Toggle Dropdown</span>
+                                        <span class="caret"></span>
-                                </button>
+                                        <span class="sr-only">Toggle Dropdown</span>
-                                <ul class="dropdown-menu">
+                                    </button>
-                                    <li *ngFor="let folder of sonarrRootFolders">
+                                    <ul class="dropdown-menu">
-                                        <a href="#" (click)="selectRootFolder(node.data, folder, $event)">{{folder.path}}</a>
+                                        <li *ngFor="let folder of sonarrRootFolders">
-                                    </li>
+                                            <a href="#" (click)="selectRootFolder(node.data, folder, $event)">{{folder.path}}</a>
-                                </ul>
+                                        </li>
+                                    </ul>
+                                </div>
+
+                                <!--Sonarr Quality Profiles -->
+                                <div *ngIf="sonarrProfiles" class="btn-group btn-split" id="changeQualityBtn">
+                                    <button type="button" class="btn btn-sm btn-warning-outline">
+                                        <i class="fa fa-plus"></i> {{ 'Requests.ChangeQualityProfile' | translate }}
+                                    </button>
+                                    <button type="button" class="btn btn-warning-outline dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                                        <span class="caret"></span>
+                                        <span class="sr-only">Toggle Dropdown</span>
+                                    </button>
+                                    <ul class="dropdown-menu">
+                                        <li *ngFor="let profile of sonarrProfiles">
+                                            <a href="#" (click)="selectQualityProfile(node.data, profile, $event)">{{profile.name}}</a>
+                                        </li>
+                                    </ul>
+                                </div>
+
                             </div>
-    
+                            <div class="dropdown" *ngIf="issueCategories && issuesEnabled" id="issueBtn">
-                            <!--Sonarr Quality Profiles -->
+                                <button class="btn btn-sm btn-primary-outline dropdown-toggle" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
-                            <div *ngIf="sonarrProfiles" class="btn-group btn-split" id="changeQualityBtn">
+                                    <i class="fa fa-plus"></i> {{ 'Requests.ReportIssue' | translate }}
-                                <button type="button" class="btn btn-sm btn-warning-outline">
-                                    <i class="fa fa-plus"></i> {{ 'Requests.ChangeQualityProfile' | translate }}</button>
-                                <button type="button" class="btn btn-warning-outline dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                     <span class="caret"></span>
-                                    <span class="sr-only">Toggle Dropdown</span>
                                 </button>
-                                <ul class="dropdown-menu">
+                                <ul class="dropdown-menu" aria-labelledby="dropdownMenu1">
-                                    <li *ngFor="let profile of sonarrProfiles">
+                                    <li *ngFor="let cat of issueCategories"><a [routerLink]="" (click)="reportIssue(cat, node.data)">{{cat.value}}</a></li>
-                                        <a href="#" (click)="selectQualityProfile(node.data, profile, $event)">{{profile.name}}</a>
-                                    </li>
                                 </ul>
                             </div>
-    
-                            </div>
                         </div>
                     </div>
                 </div>
                 <!--This is the section that holds the child seasons if they want to specify specific episodes-->
                 <div *ngIf="node.leaf">
                     <tvrequests-children [childRequests]="node.data" [isAdmin] ="isAdmin" 
-                    (requestDeleted)="childRequestDeleted($event)" 
+                    (requestDeleted)="childRequestDeleted($event)"></tvrequests-children>
-                    [issueCategories]="issueCategories" [issuesEnabled]="issuesEnabled" 
-                    [issueProviderId]="node.data.tvDbId"></tvrequests-children>
                 </div>
             </ng-template>
         </p-column>
     </p-treeTable>
 
 </div>
+
+    <issue-report [movie]="false" [visible]="issuesBarVisible" [title]="issueRequest?.title"
+                  [issueCategory]="issueCategorySelected" [id]="issueRequest?.id" [providerId]="issueProviderId" (visibleChange)="issuesBarVisible = $event;"></issue-report>

src/Ombi/ClientApp/app/requests/tvrequests.component.ts

@@ -33,6 +33,9 @@ export class TvRequestsComponent implements OnInit {
     @Input() public issueCategories: IIssueCategory[];
     @Input() public issuesEnabled: boolean;
     public issueProviderId: string;
+    public issuesBarVisible = false;
+    public issueRequest: ITvRequests;
+    public issueCategorySelected: IIssueCategory;
 
     public sonarrProfiles: ISonarrProfile[] = [];
     public sonarrRootFolders: ISonarrRootFolder[] = [];
@@ -151,6 +154,13 @@ export class TvRequestsComponent implements OnInit {
         this.updateRequest(searchResult);
     }
 
+    public reportIssue(catId: IIssueCategory, req: ITvRequests) {
+        this.issueRequest = req;
+        this.issueCategorySelected = catId;
+        this.issuesBarVisible = true;
+        this.issueProviderId = req.id.toString();
+    }
+
     private setOverride(req: ITvRequests): void {
         this.setQualityOverrides(req);
         this.setRootFolderOverrides(req);
@@ -191,6 +201,7 @@ export class TvRequestsComponent implements OnInit {
             .subscribe(x => {
                 this.tvRequests = x;
                 this.tvRequests.forEach((val, index) => {
+                    this.setDefaults(val);
                     this.loadBackdrop(val);
                     this.setOverride(val.data);
             });     
@@ -209,6 +220,13 @@ export class TvRequestsComponent implements OnInit {
         this.currentlyLoaded = 5;
         this.loadInit();
     }
+
+    private setDefaults(val: any) {
+        if (val.data.posterPath === null) {
+            val.data.posterPath = "../../../images/default_tv_poster.png";
+        }
+    }
+
     private loadBackdrop(val: TreeNode): void {
         this.imageService.getTvBanner(val.data.tvDbId).subscribe(x => {
             val.data.background = this.sanitizer.bypassSecurityTrustStyle

src/Ombi/ClientApp/app/search/moviesearch.component.html

@@ -33,7 +33,7 @@
                     <div class="myBg backdrop" [style.background-image]="result.background"></div>
                     <div class="tint" style="background-image: linear-gradient(to bottom, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.6) 100%);"></div>
                 <div class="col-sm-2 small-padding">
-                    <img *ngIf="result.posterPath"  class="img-responsive poster" src="https://image.tmdb.org/t/p/w300/{{result.posterPath}}" alt="poster">
+                    <img *ngIf="result.posterPath"  class="img-responsive poster" src="{{result.posterPath}}" alt="poster">
 
                 </div>
                 <div class="col-sm-8 small-padding">

src/Ombi/ClientApp/app/search/moviesearch.component.ts

@@ -157,12 +157,15 @@ export class MovieSearchComponent implements OnInit {
 
    private getExtraInfo() {
 
-        this.movieResults.forEach((val, index) => {
+       this.movieResults.forEach((val, index) => {
-           
+           if (val.posterPath === null) {
-            val.background = this.sanitizer.
+               val.posterPath = "../../../images/default_movie_poster.png";
-            bypassSecurityTrustStyle
+           } else {
-            ("url(" + "https://image.tmdb.org/t/p/w1280" + val.backdropPath + ")");
+               val.posterPath = "https://image.tmdb.org/t/p/w300/" + val.posterPath;
-            this.searchService.getMovieInformation(val.id)
+           }
+           val.background = this.sanitizer.bypassSecurityTrustStyle
+           ("url(" + "https://image.tmdb.org/t/p/w1280" + val.backdropPath + ")");
+           this.searchService.getMovieInformation(val.id)
                 .subscribe(m => {
                     this.updateItem(val, m);
                 });
@@ -174,7 +177,8 @@ export class MovieSearchComponent implements OnInit {
         if (index > -1) {
             const copy = { ...this.movieResults[index] };
             this.movieResults[index] = updated;  
-            this.movieResults[index].background = copy.background;     
+            this.movieResults[index].background = copy.background;
+            this.movieResults[index].posterPath = copy.posterPath;
         }
     }
     private clearResults() {

src/Ombi/ClientApp/app/search/tvsearch.component.html

@@ -62,7 +62,7 @@
                             <div class="col-sm-8 small-padding">
                                 <div>
 
-                                    <a *ngIf="node.data.imdbId" href="http://www.imdb.com/title/{{node.data.imdbId}}/" target="_blank">
+                                    <a *ngIf="node.data.imdbId" href="{{node.data.imdbId}}" target="_blank">
                                         <h4>{{node.data.title}} ({{node.data.firstAired | date: 'yyyy'}})</h4>
 
                                     </a>

src/Ombi/ClientApp/app/search/tvsearch.component.ts

@@ -130,7 +130,6 @@ export class TvSearchComponent implements OnInit {
     public getExtraInfo() {
         this.tvResults.forEach((val, index) => {
             this.imageService.getTvBanner(val.data.id).subscribe(x => {
-                
                 val.data.background = this.sanitizer.
                 bypassSecurityTrustStyle
                 ("url(" + x + ")");
@@ -138,6 +137,7 @@ export class TvSearchComponent implements OnInit {
             this.searchService.getShowInformationTreeNode(val.data.id)
                 .subscribe(x => {
                     if (x.data) {
+                        this.setDefaults(x);
                         this.updateItem(val, x);
                     } else {
                         const index = this.tvResults.indexOf(val, 0);
@@ -216,6 +216,7 @@ export class TvSearchComponent implements OnInit {
         const index = this.tvResults.indexOf(key, 0);
         if (index > -1) {
             // Update certain properties, otherwise we will loose some data
+            this.tvResults[index].data.title = updated.data.title;
             this.tvResults[index].data.banner = updated.data.banner;
             this.tvResults[index].data.imdbId = updated.data.imdbId;
             this.tvResults[index].data.seasonRequests = updated.data.seasonRequests;
@@ -225,6 +226,18 @@ export class TvSearchComponent implements OnInit {
         }
     }
 
+    private setDefaults(x: any) {
+        if (x.data.banner === null) {
+            x.data.banner = "../../../images/default_tv_poster.png";
+        }
+
+        if (x.data.imdbId === null) {
+            x.data.imdbId = "https://www.tvmaze.com/shows/" + x.data.seriesId;
+        } else {
+            x.data.imdbId = "http://www.imdb.com/title/" + x.data.imdbId + "/";
+        }
+    }
+
     private clearResults() {
         this.tvResults = [];
         this.searchApplied = false;

src/Ombi/ClientApp/styles/Themes/plex.scss

@@ -351,5 +351,5 @@ button.list-group-item:focus {
     position: absolute;
  }
  table.table > thead > tr > th.active {
-    background-color: transparent;
+    background-color: $primary-colour;
 }

src/Ombi/ClientApp/styles/base.scss

@@ -541,6 +541,10 @@ $border-radius: 10px;
     cursor: pointer;
 }
 
+.table-usermanagement {
+    margin-top: 20px;
+}
+
 .input-group-sm {
     padding-top: 2px;
     padding-bottom: 2px;

src/Ombi/tsconfig.json

@@ -11,7 +11,7 @@
     "noUnusedLocals": true,
     "noImplicitThis": true,
     "noImplicitReturns": true,
-    "noImplicitAny": true,
+    "noImplicitAny": false,
     "suppressImplicitAnyIndexErrors": true,
     "alwaysStrict": true,
     "emitDecoratorMetadata": true,