From b29418b8cdcd493ed106cc6a220c224ce34e1964 Mon Sep 17 00:00:00 2001
From: Michael Lynch <mtlynch@users.noreply.github.com>
Date: Wed, 2 May 2018 08:12:52 -0400
Subject: [PATCH] Adding clearer placeholder and a reset button (#12)

---
 src/app/public/home-page/home-page.component.html | 5 +++--
 src/app/public/home-page/home-page.component.ts   | 5 +++++
 2 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/src/app/public/home-page/home-page.component.html b/src/app/public/home-page/home-page.component.html
index 7bd00ba..507b5d7 100644
--- a/src/app/public/home-page/home-page.component.html
+++ b/src/app/public/home-page/home-page.component.html
@@ -2,10 +2,11 @@
   <span>Ingredient Parser Demo</span>
 </mat-toolbar>
 <form>
-    <mat-form-field class="input-full-width">
-      <input matInput placeholder="Ingredient to parse" value="1/2 cup sugar"  name="ingredientRaw"[(ngModel)]="ingredientRaw">
+    <mat-form-field class="input-full-width" floatPlaceholder="never">
+      <input matInput placeholder="2 cups brown sugar" name="ingredientRaw" [(ngModel)]="ingredientRaw">
     </mat-form-field>
     <button mat-raised-button color="primary" (click)="parse(ingredientRaw)" [disabled]="isWaitingForParseResult">Parse</button>
+    <button mat-raised-button (click)="reset()">Reset</button>
   </form>
 <div *ngIf="isWaitingForParseResult">
     <mat-spinner></mat-spinner>
diff --git a/src/app/public/home-page/home-page.component.ts b/src/app/public/home-page/home-page.component.ts
index e64b041..1b625d3 100644
--- a/src/app/public/home-page/home-page.component.ts
+++ b/src/app/public/home-page/home-page.component.ts
@@ -30,4 +30,9 @@ export class HomePageComponent implements OnInit {
       });
   }
 
+  reset() {
+    this.ingredientRaw = '';
+    this.parseResult = null;
+  }
+
 }