RanchiMall/flosight-api
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge pull request #567 from andrewfhart/master

Browse Source 
Give automatic focus to the header search box on page load
This commit is contained in:
Matias Alejo Garcia 2014-10-22 12:41:45 -03:00
commit 3c2add5f36
3 changed files with 19 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
public/src/js/directives.js
View File

@ -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();
});
}
});
}
};
});

5
public/views/includes/header.html
View File

@ -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"
data-ng-model="q" data-ng-class="{'loading': loading}"
placeholder="{{'Search for block, transaction or address'|translate}}" 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'|translate}}" data-ng-submit="search()" focus="true">
</div>
<div class="no_matching text-danger" data-ng-show="badQuery" translate>No matching records found!</div>
</form>

2
public/views/includes/search.html
View File

@ -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>