From 155ce89482478a91d25338a9db0f7ab1e838b742 Mon Sep 17 00:00:00 2001
From: Mathieu Nayrolles <mathieu.nayrolles@gmail.com>
Date: Thu, 5 Jan 2017 23:14:57 -0500
Subject: [PATCH] fix(watch): Only 1 click is required to select brand/model &
 error are correctly displayed

Contributes to #93 and #87
---
 src/pages/watch/watch.html | 17 ++++++++---------
 1 file changed, 8 insertions(+), 9 deletions(-)

diff --git a/src/pages/watch/watch.html b/src/pages/watch/watch.html
index 4660fb2..2c94507 100755
--- a/src/pages/watch/watch.html
+++ b/src/pages/watch/watch.html
@@ -7,9 +7,8 @@
     [formGroup]="watchForm"
     (ngSubmit)="onSubmit()"
   >     
-<!-- 
-    <pre>{{watchForm.value | json}}</pre>
-    <pre>{{watchModel | json}}</pre> -->
+ 
+
 
     <mobile-error [errors] = "errors"></mobile-error>
 
@@ -18,7 +17,6 @@
       [control]       = "watchForm.controls['brand']" 
       [errorLabel]    = "'brand-required'"
       [submitAttempt] = "submitAttempt"
-      [autoComplete]  = false
       [model]         = true
       [(value)]       = "watchModel.brand"
       (valueChange)   = filterBrand($event)
@@ -37,6 +35,7 @@
     <mobile-input 
       [id]            = "'name'"
       [label]         = "'model'"
+      [errorLabel]    = "'model-required'"
       [control]       = "watchForm.controls['name']" 
       [submitAttempt] = "submitAttempt"
       [model]         = true
@@ -84,19 +83,19 @@
 
       <div  [hidden]="watchModel.id!==null">
         <button
-        [disabled]="submitAttempt"
+        [disabled]="watchForm.valid && submitAttempt && error == false"
         ion-button  
         color="primary" type="submit"> 
-        <span [hidden]="submitAttempt">{{ 'add-watch' | translate }}</span>
-        <ion-spinner [hidden]="!submitAttempt"></ion-spinner>
+        <span [hidden]="submitAttempt && watchForm.valid && error == false">{{ 'add-watch' | translate }}</span>
+        <ion-spinner [hidden]="!submitAttempt || !watchForm.valid || error"></ion-spinner>
         </button>
       </div>
     
       <div [hidden]="watchModel.id===null">
-          <button [disabled]="submitAttempt" ion-button color="accent" type="submit"
+          <button [disabled]="submitAttempt && watchForm.valid" ion-button color="accent" type="submit"
           > 
           <span [hidden]="submitAttempt">{{ 'update-watch' | translate }}</span>
-          <ion-spinner [hidden]="!submitAttempt"></ion-spinner>
+          <ion-spinner [hidden]="!submitAttempt  && watchForm.valid"></ion-spinner>
           </button>
 
           <button [disabled]="submitAttempt" ion-button color="danger"