Merge pull request #567 from andrewfhart/master

Give automatic focus to the header search box on page load

public/src/js/directives.js

@@ -72,4 +72,20 @@ angular.module('insight')
         });
       }
     };
+  })
+  .directive('focus', function ($timeout) {
+    return {
+      scope: {
+        trigger: '@focus'
+      },
+      link: function (scope, element) {
+        scope.$watch('trigger', function (value) {
+          if (value === "true") {
+            $timeout(function () {
+              element[0].focus();
+            });
+          }
+        });
+      }
+    };
   });

public/views/includes/header.html

@@ -17,9 +17,8 @@
       </ul>
       <form id="search-form" data-ng-controller="SearchController" class="navbar-form navbar-left hidden-xs" role="search" data-ng-submit="search()">
         <div class="form-group" data-ng-class="{'has-error': badQuery}">
-          <input id="search" type="text" class="form-control" 
+          <input id="search" type="text" class="form-control" data-ng-model="q" data-ng-class="{'loading': loading}" 
-          data-ng-model="q" data-ng-class="{'loading': loading}" 
+          placeholder="{{'Search for block, transaction or address'|translate}}" data-ng-submit="search()" focus="true">
-          placeholder="{{'Search for block, transaction or address'|translate}}" data-ng-submit="search()">
         </div>
         <div class="no_matching text-danger" data-ng-show="badQuery" translate>No matching records found!</div>
       </form>

public/views/includes/search.html

@@ -1,6 +1,6 @@
 <form id="search-form-mobile" data-ng-controller="SearchController" class="visible-xs" role="search" data-ng-submit="search()">
   <div class="form-group" data-ng-class="{'has-error': badQuery}">
-    <input id="search" type="text" class="form-control" data-ng-model="q" data-ng-class="{'loading': loading}"  placeholder="Search for block, transaction or address" data-ng-submit="search()">
+    <input id="search" type="text" class="form-control" data-ng-model="q" data-ng-class="{'loading': loading}"  placeholder="Search for block, transaction or address" data-ng-submit="search()" focus="true">
     </div>
   <div class="no_matching text-danger" data-ng-show="badQuery" translate>No matching records found!</div>
 </form>