From 527c3beab1be0c0434fa57bcf03a822e8d27c899 Mon Sep 17 00:00:00 2001
From: Matias Pando <mpando@bitpay.com>
Date: Wed, 19 Nov 2014 17:49:45 -0300
Subject: [PATCH] Added a directive to focus the first input fields

---
 js/directives.js         | 35 ++++++++++++++++++++++-------------
 views/create.html        |  2 +-
 views/createProfile.html |  2 +-
 views/home.html          |  2 +-
 views/join.html          |  2 +-
 views/send.html          |  2 +-
 6 files changed, 27 insertions(+), 18 deletions(-)

diff --git a/js/directives.js b/js/directives.js
index 658ad012e..7bf829def 100644
--- a/js/directives.js
+++ b/js/directives.js
@@ -112,20 +112,19 @@ angular.module('copayApp.directives')
     }
   ])
   .directive('walletSecret', function() {
-      return {
-        require: 'ngModel',
-        link: function(scope, elem, attrs, ctrl) {
-          var validator = function(value) {
-            var a = new Address(value);
-            ctrl.$setValidity('walletSecret', !a.isValid() && Boolean(copay.Wallet.decodeSecret(value)));
-            return value;
-          };
+    return {
+      require: 'ngModel',
+      link: function(scope, elem, attrs, ctrl) {
+        var validator = function(value) {
+          var a = new Address(value);
+          ctrl.$setValidity('walletSecret', !a.isValid() && Boolean(copay.Wallet.decodeSecret(value)));
+          return value;
+        };
 
-          ctrl.$parsers.unshift(validator);
-        }
-      };
-    }
-  )
+        ctrl.$parsers.unshift(validator);
+      }
+    };
+  })
   .directive('loading', function() {
     return {
       restrict: 'A',
@@ -270,6 +269,16 @@ angular.module('copayApp.directives')
     }
   }
 ])
+  .directive('autoFocus', function($timeout) {
+    return {
+      restrict: 'AC',
+      link: function(_scope, _element) {
+        $timeout(function() {
+          _element[0].focus();
+        }, 0);
+      }
+    };
+  })
   .directive('match', function() {
     return {
       require: 'ngModel',
diff --git a/views/create.html b/views/create.html
index 7d0efdad3..6b972956f 100644
--- a/views/create.html
+++ b/views/create.html
@@ -10,7 +10,7 @@
         <div class="large-12 columns">
           <div class="panel">
             <label><span translate>Wallet name</span>
-              <input type="text" placeholder="{{'Family vacation funds'|translate}}" class="form-control" ng-model="walletName">
+              <input type="text" placeholder="{{'Family vacation funds'|translate}}" class="form-control" ng-model="walletName" auto-focus>
             </label>
             <div class="row">
               <div class="large-6 medium-6 columns">
diff --git a/views/createProfile.html b/views/createProfile.html
index bb1aa7816..41fca6bd7 100644
--- a/views/createProfile.html
+++ b/views/createProfile.html
@@ -31,7 +31,7 @@
             <span class="icon-input right" ng-show="!profileForm.email.$invalid &&
               !profileForm.email.$pristine || error"><i class="fi-check"></i></span>
             <input type="email" ng-model="email" class="form-control fi-email"
-            name="email" placeholder="Email" required>
+            name="email" placeholder="Email" required auto-focus>
           </div>
  
         </div>
diff --git a/views/home.html b/views/home.html
index a87977a63..23b721f8b 100644
--- a/views/home.html
+++ b/views/home.html
@@ -48,7 +48,7 @@
           </p>
  
         <input type="email" ng-model="email" class="form-control"
-          name="email" placeholder="Email" required>
+          name="email" placeholder="Email" required auto-focus>
         <input type="password" ng-model="password" class="form-control"
           name="password" placeholder="Password" required>
           
diff --git a/views/join.html b/views/join.html
index c1bf473c2..43da2c85a 100644
--- a/views/join.html
+++ b/views/join.html
@@ -25,7 +25,7 @@
 
 
               <div class="pr">
-                <input id="connectionId" type="text" class="columns" placeholder="{{'Paste wallet secret here'|translate}}" name="connectionId" ng-model="connectionId" wallet-secret required>
+                <input id="connectionId" type="text" class="columns" placeholder="{{'Paste wallet secret here'|translate}}" name="connectionId" ng-model="connectionId" wallet-secret required auto-focus>
                 <div ng-hide="showScanner || disableScanner">
                   <a class="postfix button black" ng-click="openScanner()"><i class="fi-camera">&nbsp;</i></a>
                 </div>
diff --git a/views/send.html b/views/send.html
index 23cfe97d2..ce23b133f 100644
--- a/views/send.html
+++ b/views/send.html
@@ -41,7 +41,7 @@
 
               <div class="pr">
                 <input class="columns" type="text" id="address" name="address" ng-disabled="loading || !!$root.merchant"
-                placeholder="{{'Bitcoin address'|translate}}" ng-model="address" ng-change="onChanged()" valid-address required>
+                placeholder="{{'Bitcoin address'|translate}}" ng-model="address" ng-change="onChanged()" valid-address required auto-focus>
                 <div ng-hide="showScanner || disableScanner">
                   <button class="postfix button black" ng-click="openScanner()"><i class="fi-camera size-24"></i></button>
                 </div>