From a3739f375c49f48e34da12f0a74e4e068f12ab40 Mon Sep 17 00:00:00 2001
From: tidusjar <tidusjar@gmail.com>
Date: Mon, 15 Nov 2021 22:25:46 +0000
Subject: [PATCH] fix(issues): :bug: Added the issue category to the issue
 'cards' #4403

---
 .../details-group.component.html              |  5 +++--
 .../components/details/details.component.scss |  4 ----
 .../components/details/details.component.ts   | 20 +++++++++----------
 3 files changed, 13 insertions(+), 16 deletions(-)

diff --git a/src/Ombi/ClientApp/src/app/issues/components/details-group/details-group.component.html b/src/Ombi/ClientApp/src/app/issues/components/details-group/details-group.component.html
index 01ddaf75e..74cc041d3 100644
--- a/src/Ombi/ClientApp/src/app/issues/components/details-group/details-group.component.html
+++ b/src/Ombi/ClientApp/src/app/issues/components/details-group/details-group.component.html
@@ -2,6 +2,7 @@
   <mat-card-header>
     <mat-card-title>{{issue.subject}}</mat-card-title>
     <mat-card-subtitle>{{'Issues.UserOnDate' | translate: { user: issue.userReported?.userName, date: issue.createdDate | amLocal | amUserLocale | amDateFormat: 'LL' } }}</mat-card-subtitle>
+    <mat-card-subtitle>{{issue.issueCategory.value}}</mat-card-subtitle>
   </mat-card-header>
   <mat-card-content>
     <p>
@@ -10,8 +11,8 @@
   </mat-card-content>
   <mat-card-actions>
     <button mat-raised-button (click)="openChat(issue)" color="accent"><i class="far fa-comments"></i> {{'Issues.Chat' | translate }}</button>
-    <div *ngIf="isAdmin && settings;then content else empty">here is ignored</div>    
-<ng-template #content> 
+    <div *ngIf="isAdmin && settings;then content else empty"></div>
+<ng-template #content>
 <button mat-raised-button color="accent"
 *ngIf="issue.status === IssueStatus.Pending && settings.enableInProgress"
 (click)="inProgress(issue)">{{'Issues.MarkInProgress' | translate }}</button>
diff --git a/src/Ombi/ClientApp/src/app/issues/components/details/details.component.scss b/src/Ombi/ClientApp/src/app/issues/components/details/details.component.scss
index d6dcd67de..77d4223ab 100644
--- a/src/Ombi/ClientApp/src/app/issues/components/details/details.component.scss
+++ b/src/Ombi/ClientApp/src/app/issues/components/details/details.component.scss
@@ -1,9 +1,5 @@
 @import "~styles/variables.scss";
 
-::ng-deep .mat-card {
-  background: $ombi-background-primary-accent;
-}
-
 .top-spacing {
   margin-top:2%;
 }
\ No newline at end of file
diff --git a/src/Ombi/ClientApp/src/app/issues/components/details/details.component.ts b/src/Ombi/ClientApp/src/app/issues/components/details/details.component.ts
index 4003acd40..12ceb422e 100644
--- a/src/Ombi/ClientApp/src/app/issues/components/details/details.component.ts
+++ b/src/Ombi/ClientApp/src/app/issues/components/details/details.component.ts
@@ -1,13 +1,13 @@
-import { Component, Inject, OnInit, ViewEncapsulation } from "@angular/core";
-import { MatDialog, MatDialogRef, MAT_DIALOG_DATA } from '@angular/material/dialog';
 import { ActivatedRoute, ActivatedRouteSnapshot, Router } from "@angular/router";
-import { TranslateService } from "@ngx-translate/core";
-import { AuthService } from "../../../auth/auth.service";
-import { IIssues, IIssueSettings, IIssuesSummary, IssueStatus, RequestType } from "../../../interfaces";
+import { Component, Inject, OnInit, ViewEncapsulation } from "@angular/core";
+import { IIssueSettings, IIssues, IIssuesSummary, IssueStatus, RequestType } from "../../../interfaces";
 import { IssuesService, NotificationService, SettingsService } from "../../../services";
-import { IssuesV2Service } from "../../../services/issuesv2.service";
-import { IssueChatComponent } from "../issue-chat/issue-chat.component";
+import { MAT_DIALOG_DATA, MatDialog, MatDialogRef } from '@angular/material/dialog';
 
+import { AuthService } from "../../../auth/auth.service";
+import { IssueChatComponent } from "../issue-chat/issue-chat.component";
+import { IssuesV2Service } from "../../../services/issuesv2.service";
+import { TranslateService } from "@ngx-translate/core";
 
 export interface IssuesDetailsGroupData {
     issues: IIssues[];
@@ -77,15 +77,15 @@ export class IssuesDetailsComponent implements OnInit {
         const firstIssue = this.details.issues[0];
         switch(firstIssue.requestType) {
             case RequestType.movie:
-                this.router.navigate(['/details/movie/', firstIssue.providerId]);
+                this.router.navigate(['/details/movie/', this.providerId]);
                 return;
 
             case RequestType.album:
-                this.router.navigate(['/details/artist/', firstIssue.providerId]);
+                this.router.navigate(['/details/artist/', this.providerId]);
                 return;
 
             case RequestType.tvShow:
-                this.router.navigate(['/details/tv/', firstIssue.providerId]);
+                this.router.navigate(['/details/tv/', this.providerId]);
                 return;
         }
     }