From 60b9c7a8658248bc609380a10b2bc6ca9c6eba85 Mon Sep 17 00:00:00 2001
From: Mathieu Nayrolles <mathieu.nayrolles@gmail.com>
Date: Wed, 15 Mar 2017 14:08:44 -0400
Subject: [PATCH] feat(watch): Calibers are now suggested when adding a watch

---
 src/pages/watch/watch.html | 12 ++++++++++--
 1 file changed, 10 insertions(+), 2 deletions(-)

diff --git a/src/pages/watch/watch.html b/src/pages/watch/watch.html
index 2c94507..5982ccd 100755
--- a/src/pages/watch/watch.html
+++ b/src/pages/watch/watch.html
@@ -55,10 +55,18 @@
       [id]             = "'caliber'"
       [control]        = "watchForm.controls['caliber']" 
       [submitAttempt]  = "submitAttempt"
-      [model]         = true
-      [(value)]       = "watchModel.caliber"
+      [model]          = true
+      [(value)]        = "watchModel.caliber"
+      (valueChange)    = filterCaliber($event)
     >
     </mobile-input>
+    <div class="suggestions" *ngIf="filteredCaliberList.length > 0">
+      <ul>
+        <li *ngFor="let caliber of filteredCaliberList">
+          <a (click)="selectCaliber(caliber)">{{ caliber }}</a>
+        </li>
+      </ul>
+    </div>
 
     <mobile-input 
       [id]            = "'year'"