feat(watch): Calibers are now suggested when adding a watch

Toolwatchapp · Mar 15, 2017 · 60b9c7a · 60b9c7a
1 parent 8c6eddf
commit 60b9c7a
Showing 1 changed file with 10 additions and 2 deletions.
diff --git 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'"