From 5941e962ecf9bdbac330f7ca731d9a3b54904a38 Mon Sep 17 00:00:00 2001
From: Jamie Rees <jamie.rees@myairops.com>
Date: Mon, 2 Nov 2020 21:21:18 +0000
Subject: [PATCH] wip

---
 .../themoviedb/themoviedb.component.html      | 22 +++++++++++++++++--
 .../themoviedb/themoviedb.component.ts        |  9 ++++++++
 2 files changed, 29 insertions(+), 2 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 9b325f299..85ffd4064 100644
--- a/src/Ombi/ClientApp/src/app/settings/themoviedb/themoviedb.component.html
+++ b/src/Ombi/ClientApp/src/app/settings/themoviedb/themoviedb.component.html
@@ -15,7 +15,7 @@
                 Excluded Keyword IDs for Movie Suggestions
             </label>
 <form [formGroup]='tagForm'>
-    <mat-form-field class="example-chip-list">
+    <!-- <mat-form-field class="example-chip-list">
             <mat-chip-list #chipList>
                 <mat-chip *ngFor="let fruit of excludedKeywords" [selectable]="false"
                          [removable]="true" (removed)="remove(fruit)">
@@ -35,7 +35,25 @@
                   {{fruit.name}}
                 </mat-option>
               </mat-autocomplete>
-            </mat-form-field>
+            </mat-form-field> -->
+
+
+
+<hr>
+<mat-form-field class="example-full-width">
+    <input type="text"
+           placeholder="Pick one"
+           aria-label="Number"
+           matInput
+           formControlName="input"
+           [matAutocomplete]="auto">
+    <mat-autocomplete (optionSelected)="optionSelected($event.option.value)" autoActiveFirstOption #auto="matAutocomplete">
+      <mat-option *ngFor="let option of filteredTags" [value]="option">
+        {{option.name}}
+      </mat-option>
+    </mat-autocomplete>
+  </mat-form-field>
+
             </form>
             <!-- <tag-input #input
                        [(ngModel)]="excludedKeywords"
diff --git a/src/Ombi/ClientApp/src/app/settings/themoviedb/themoviedb.component.ts b/src/Ombi/ClientApp/src/app/settings/themoviedb/themoviedb.component.ts
index 0c10ade22..892ff6755 100644
--- a/src/Ombi/ClientApp/src/app/settings/themoviedb/themoviedb.component.ts
+++ b/src/Ombi/ClientApp/src/app/settings/themoviedb/themoviedb.component.ts
@@ -137,4 +137,13 @@ export class TheMovieDbComponent implements OnInit {
             }
         });
     }
+
+    public async optionSelected(item: IMovieDbKeyword) {
+
+        if ((item.name || '').trim()) {
+            this.excludedKeywords.push({ id: item.id, name: item.name, initial: false });
+        }
+
+        this.tagForm.controls.input.setValue(null);
+    }
 }