From e899428feb8a35eb57a3ebc9935fd932036eb670 Mon Sep 17 00:00:00 2001
From: first last <email_to_use>
Date: Thu, 20 May 2021 13:57:24 -0400
Subject: [PATCH] Made genre exclusion a drop down

---
 .../themoviedb/themoviedb.component.html      | 36 ++++++++-----------
 1 file changed, 15 insertions(+), 21 deletions(-)

diff --git a/src/Ombi/ClientApp/src/app/settings/themoviedb/themoviedb.component.html b/src/Ombi/ClientApp/src/app/settings/themoviedb/themoviedb.component.html
index af05fa08e..007193058 100644
--- a/src/Ombi/ClientApp/src/app/settings/themoviedb/themoviedb.component.html
+++ b/src/Ombi/ClientApp/src/app/settings/themoviedb/themoviedb.component.html
@@ -28,47 +28,41 @@
 
                     <mat-chip-list #chipList>
                         <mat-chip *ngFor="let key of excludedKeywords" [selectable]="false" [removable]="true"
-                            (removed)="remove(key)">
+                            (removed)="remove(key, 'keyword')">
                             {{key.name}}
                             <i matChipRemove class="fas fa-times fa-lg"></i>
                         </mat-chip>
                     </mat-chip-list>
 
-                    <mat-form-field class="example-full-width">
-                        <input type="text" placeholder="Excluded Genres for Movie Suggestions" matInput
-                            formControlName="input" [matAutocomplete]="auto"
-                            matTooltip="Prevent movies with certain genres from being suggested. May require a restart to take effect.">
-                        <mat-autocomplete (optionSelected)="optionSelected($event.option.value)" autoActiveFirstOption
-                            #auto="matAutocomplete">
-                            <mat-option *ngFor="let option of filteredMovieGenres" [value]="option">
-                                {{option.name}}
+                    <mat-form-field appearance="outline" >
+                        <mat-label>Movie Genres</mat-label>
+                        <mat-select formControlName="excludedMovieGenres" multiple>
+                            <mat-option *ngFor="let genre of filteredMovieGenres" [value]="genre.id">
+                                {{genre.name}}
                             </mat-option>
-                        </mat-autocomplete>
+                        </mat-select>
                     </mat-form-field>
 
                     <mat-chip-list #chipList>
                         <mat-chip *ngFor="let key of excludedMovieGenres" [selectable]="false" [removable]="true"
-                            (removed)="remove(key)">
+                            (removed)="remove(key, 'movieGenre')">
                             {{key.name}}
                             <i matChipRemove class="fas fa-times fa-lg"></i>
                         </mat-chip>
                     </mat-chip-list>                    
 
-                    <mat-form-field class="example-full-width">
-                        <input type="text" placeholder="Excluded Genres for TV Suggestions" matInput
-                            formControlName="input" [matAutocomplete]="auto"
-                            matTooltip="Prevent TV Shows with certain genres from being suggested. May require a restart to take effect.">
-                        <mat-autocomplete (optionSelected)="optionSelected($event.option.value)" autoActiveFirstOption
-                            #auto="matAutocomplete">
-                            <mat-option *ngFor="let option of filteredTvGenres" [value]="option">
-                                {{option.name}}
+                    <mat-form-field appearance="outline" >
+                        <mat-label>Tv Genres</mat-label>
+                        <mat-select formControlName="excludedTvGenres" multiple>
+                            <mat-option *ngFor="let genre of filteredTvGenres" [value]="genre.id">
+                                {{genre.name}}
                             </mat-option>
-                        </mat-autocomplete>
+                        </mat-select>
                     </mat-form-field>
 
                     <mat-chip-list #chipList>
                         <mat-chip *ngFor="let key of excludedTvGenres" [selectable]="false" [removable]="true"
-                            (removed)="remove(key)">
+                            (removed)="remove(key, 'tvGenre')">
                             {{key.name}}
                             <i matChipRemove class="fas fa-times fa-lg"></i>
                         </mat-chip>