From b17dac96edfda656e227d93f177c6b1cff89fe5b Mon Sep 17 00:00:00 2001
From: Eric Heikes <eheikes@gmail.com>
Date: Fri, 3 Jul 2015 20:33:04 -0500
Subject: [PATCH] After resetting search, move focus back to the search field.

---
 toread.js           | 3 ++-
 toreadcontrols.html | 4 ++--
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/toread.js b/toread.js
index 575580b..d60a26d 100644
--- a/toread.js
+++ b/toread.js
@@ -117,9 +117,10 @@ module.directive('list', function($timeout, toreadService) {
         });
       };
 
-      scope.clearSearch = function() {
+      scope.clearSearch = function(event) {
         scope.q = '';
         scope.showList();
+        angular.element(event.target).parents('.search').find('input[name="q"]').focus();
       };
 
       scope.$on('refreshList', scope.showList);
diff --git a/toreadcontrols.html b/toreadcontrols.html
index 1734cfc..69ee095 100644
--- a/toreadcontrols.html
+++ b/toreadcontrols.html
@@ -6,10 +6,10 @@
   </div>
   <div class="col-md-6">
     <div class="search input-group has-feedback">
-      <input class="form-control" ng-class="{'alert-info': q != ''}" type="text" value="" placeholder="Search" ng-model="q" ng-change="showList()" ng-disabled="actionInProgress">
+      <input class="form-control" ng-class="{'alert-info': q != ''}" name="q" type="text" value="" placeholder="Search" ng-model="q" ng-change="showList()" ng-disabled="actionInProgress">
       <span class="glyphicon glyphicon-search form-control-feedback" ng-class="{hidden: q != ''}" aria-hidden="true"></span>
       <span class="input-group-btn">
-        <button class="btn btn-default" ng-class="{hidden: q == ''}" type="button" aria-label="Clear search" ng-click="clearSearch()">
+        <button class="btn btn-default" ng-class="{hidden: q == ''}" type="button" aria-label="Clear search" ng-click="clearSearch($event)">
           <span class="glyphicon glyphicon-remove" aria-hidden="true"></span>
         </button>
       </span>