From 65563611f45f06742bbcc8517dd117a1172608a9 Mon Sep 17 00:00:00 2001
From: Zoe Roux <zoe.roux@sdg.moe>
Date: Sat, 2 May 2020 00:00:20 +0200
Subject: [PATCH] Adding an identifying search bar

---
 src/app/metadata-edit/metadata-edit.component.html |  6 +++++-
 src/app/metadata-edit/metadata-edit.component.ts   | 12 ++++++++++--
 src/app/show-grid/show-grid.component.html         |  2 +-
 src/app/show-grid/show-grid.component.ts           |  7 +++++++
 4 files changed, 23 insertions(+), 4 deletions(-)

diff --git a/src/app/metadata-edit/metadata-edit.component.html b/src/app/metadata-edit/metadata-edit.component.html
index 7ecee13e..a5f2b959 100644
--- a/src/app/metadata-edit/metadata-edit.component.html
+++ b/src/app/metadata-edit/metadata-edit.component.html
@@ -84,7 +84,11 @@
                 <mat-panel-title>Identify show</mat-panel-title>
                 <mat-panel-description>Search on metadata providers</mat-panel-description>
             </mat-expansion-panel-header>
-            <app-show-grid [shows]="this.identityShow(this.show.title) | async"></app-show-grid>
+            <mat-form-field class="w-100 mx-5">
+                <mat-label>Search for</mat-label>
+                <input matInput value="{{show.title}}" (input)="this.reIdentify($event.target.value)">
+            </mat-form-field>
+            <app-show-grid #identifyGrid [externalShows]="true"></app-show-grid>
         </mat-expansion-panel>
     </mat-accordion>
 </div>
diff --git a/src/app/metadata-edit/metadata-edit.component.ts b/src/app/metadata-edit/metadata-edit.component.ts
index 16ebc3a1..efa7351c 100644
--- a/src/app/metadata-edit/metadata-edit.component.ts
+++ b/src/app/metadata-edit/metadata-edit.component.ts
@@ -8,6 +8,7 @@ import {MatAutocompleteSelectedEvent} from "@angular/material/autocomplete";
 import {Observable, of} from "rxjs";
 import {tap} from "rxjs/operators";
 import {Studio} from "../../models/studio";
+import {ShowGridComponent} from "../show-grid/show-grid.component";
 
 @Component({
 	selector: 'app-metadata-edit',
@@ -23,6 +24,7 @@ export class MetadataEditComponent implements OnInit
 	
 	private identifing: Observable<Show[]>;
 	private identifiedShows: [string, Show[]];
+	@ViewChild("identifyGrid") private identifyGrid: ShowGridComponent;
 	
 	constructor(public dialogRef: MatDialogRef<MetadataEditComponent>, @Inject(MAT_DIALOG_DATA) public show: Show, private http: HttpClient) 
 	{
@@ -34,6 +36,8 @@ export class MetadataEditComponent implements OnInit
 		{
 			this.allStudios = result;
 		});
+
+		this.reIdentify(this.show.title);
 	}
 
 	ngOnInit(): void 
@@ -89,8 +93,6 @@ export class MetadataEditComponent implements OnInit
 
 	identityShow(name: string): Observable<Show[]>
 	{
-		if (this.identifing)
-			return this.identifing;
 		if (this.identifiedShows && this.identifiedShows[0] === name)
 			return of(this.identifiedShows[1]);
 		this.identifing = this.http.get<Show[]>("/api/show/identify/" + name + "?isMovie=" + this.show.isMovie).pipe(
@@ -98,4 +100,10 @@ export class MetadataEditComponent implements OnInit
 		);
 		return this.identifing;
 	}
+	
+	reIdentify(search: string)
+	{
+		console.log("Searching for " + search);
+		this.identityShow(search).subscribe(x => this.identifyGrid.shows = x);
+	}
 }
diff --git a/src/app/show-grid/show-grid.component.html b/src/app/show-grid/show-grid.component.html
index 2ab1d2fc..1f505bc6 100644
--- a/src/app/show-grid/show-grid.component.html
+++ b/src/app/show-grid/show-grid.component.html
@@ -1,7 +1,7 @@
 <div class="container-fluid">
     <div *ngFor="let show of this.shows" class="show-container">
         <mat-card class="show">
-            <a href="/show/{{show.slug}}" routerLink="show/{{show.slug}}" class="d-flex">
+            <a [href]="getLink(show)" [routerLink]="getLink(show)" class="d-flex">
                 <div class="thumb">
                     <div [style.background-image]="getThumb(show)"> </div>
                 </div>
diff --git a/src/app/show-grid/show-grid.component.ts b/src/app/show-grid/show-grid.component.ts
index 3206cf93..19fec72f 100644
--- a/src/app/show-grid/show-grid.component.ts
+++ b/src/app/show-grid/show-grid.component.ts
@@ -18,4 +18,11 @@ export class ShowGridComponent
 	{
 		return this.sanitizer.bypassSecurityTrustStyle(`url(${show.poster})`);
 	}
+	
+	getLink(show: Show)
+	{
+		if (this.externalShows)
+			return null;
+		return `/show/${show.slug}`;
+	}
 }