From c8e94178f82aee2e76e8ada016d824c82ad14cc2 Mon Sep 17 00:00:00 2001
From: programmingPug <36635276+programmingPug@users.noreply.github.com>
Date: Sat, 31 Mar 2018 23:08:25 -0400
Subject: [PATCH] feat.

---
 src/app/game-grid/game-grid.component.html | 18 ++++++++++++++-
 src/app/game-grid/game-grid.component.ts   | 10 +++++++++
 src/app/games.service.ts                   | 26 +++++++++++++++++++++-
 src/app/view-card/view-card.component.html |  5 +++++
 src/app/view-card/view-card.component.ts   | 13 +++++++++++
 5 files changed, 70 insertions(+), 2 deletions(-)

diff --git a/src/app/game-grid/game-grid.component.html b/src/app/game-grid/game-grid.component.html
index 8f2669f..20082b7 100644
--- a/src/app/game-grid/game-grid.component.html
+++ b/src/app/game-grid/game-grid.component.html
@@ -1,10 +1,26 @@
 
 <div class="container">
+
+	<div class="row">
+		<div class="col-sm-5 text-center">
+			<button class="btn btn-primary btn-lg addMarginTop btn-landing" routerLink="/view-card">
+				New Game
+			</button>
+		</div>
+	</div>
+
+
 <div *ngIf="isEmptyObject(gamesData)">
+
+	<div class="row">
+		<div class="col-sm-5 text-center">
+			<input (keyup)="onKey($event)" placeholder="Search Games" class="form-control" >
+		</div>
+	</div>
+
 	<div class="flex-row row"  *ngIf="gamesData">
 	
 		<div *ngFor="let game of gamesData;">
-
 			
 				<div class="col-xs-6 col-sm-4 col-lg-3 cardParent">
 					<div class="card" style="width: 18rem;">
diff --git a/src/app/game-grid/game-grid.component.ts b/src/app/game-grid/game-grid.component.ts
index 314b1bf..558beee 100644
--- a/src/app/game-grid/game-grid.component.ts
+++ b/src/app/game-grid/game-grid.component.ts
@@ -59,6 +59,16 @@ export class GameGridComponent implements OnInit {
 		});
 	}
 
+	onKey( event: any ){
+		if( event.target.value != "" ){
+			this.gamesService.searchGamesByText( event.target.value ).subscribe( data => {
+				this.gamesData = data.games;
+			});
+		}else{
+			this.getGamesList();
+		}
+	}
+
 
 	isEmptyObject(obj) {
 		return (obj != undefined);
diff --git a/src/app/games.service.ts b/src/app/games.service.ts
index be28237..9d3baac 100644
--- a/src/app/games.service.ts
+++ b/src/app/games.service.ts
@@ -21,6 +21,15 @@ export class GamesService {
   		private http: HttpClient
 	){ }
 
+	searchGamesByText( searchText ): Observable<any> {
+		return this.http.get( this.APIURL + "/games?filter=Title,cs," + searchText + "&transform=1" )
+			.map(res => {
+				return(
+					res
+				);
+			});
+	}
+
 	getGames( queryFilters, querryPage, queryOrder, queryRecordMax ): Observable<any> {
 		return this.http.get( this.APIURL + "/games?filter="+ queryFilters +"&page="+ querryPage + "," + queryRecordMax +"&order="+ queryOrder +"&transform=1" )
 			.map(res => {
@@ -58,7 +67,7 @@ export class GamesService {
 	}
 
 	deleteGameById( gameId ): Observable<any> {
-		return this.http.get( this.APIURL + "/games/" + gameId )
+		return this.http.delete( this.APIURL + "/games/" + gameId )
 			.map(res => {
 				return(
 					res
@@ -66,4 +75,19 @@ export class GamesService {
 			});
 	}
 
+	postFile(fileToUpload: File): Observable<boolean> {
+		const endpoint = 'your-destination-url';
+		const formData: FormData = new FormData();
+		
+		formData.append('fileKey', fileToUpload, fileToUpload.name);
+			return this.httpClient
+				.post(endpoint, formData, { headers: yourHeadersConfig })
+				.map(() => { return true; })
+				.catch((e) => this.handleError(e));
+	}
+
+
+
+
+
 }
diff --git a/src/app/view-card/view-card.component.html b/src/app/view-card/view-card.component.html
index db800e2..2188d90 100644
--- a/src/app/view-card/view-card.component.html
+++ b/src/app/view-card/view-card.component.html
@@ -101,6 +101,8 @@
 							[type]="'text'"
 							[name]="'Art'">
 
+						<input type="file" id="file" (change)="handleFileInput($event.target.files)">
+
 					</div>
 				</div>
 			</div>
@@ -295,6 +297,9 @@
 					</button>
 				</div>
 				<div class="col-sm-2">
+					<button class="btn btn-primary btn-lg addMarginTop btn-landing" (click)="removeGame()" >
+						Remove Game
+					</button>
 				</div>
 				<div class="col-sm-5 col-sm-pull-7 buttonHolder text-center">
 					<input type="submit" class="btn btn-primary btn-lg" name="btnContinue" id="btnContinue" value="Submit Changes" [disabled]="!form.valid" />
diff --git a/src/app/view-card/view-card.component.ts b/src/app/view-card/view-card.component.ts
index 2d56dec..634452f 100644
--- a/src/app/view-card/view-card.component.ts
+++ b/src/app/view-card/view-card.component.ts
@@ -17,6 +17,7 @@ export class ViewCardComponent implements OnInit {
 	gameSubscription: any;
 	gameData: Game;
 	form: any;
+	fileToUpload: File = null;
 
 
 	constructor(
@@ -85,6 +86,18 @@ export class ViewCardComponent implements OnInit {
 		}
 	}
 
+	handleFileInput(files: FileList) {
+    	this.fileToUpload = files.item(0);
+	}
+
+	uploadFileToActivity() {
+		this.gamesService.postFile(this.fileToUpload).subscribe(data => {
+			// do something, if upload success
+		}, error => {
+			console.log(error);
+		});
+	}
+
 	removeGame(){
 		this.gameSubscription = this.gamesService.deleteGameById( this.gid ).subscribe( data => {
 			this.router.navigateByUrl("/game-grid");