/**

* @ngdoc directive

* @name patternfly.autofocus:pfFocused

* @restrict A

* @element ANY

* @param {expression=} pfFocused If the expression is true, the element is focused and selected (if possible).

*

* @description

* The focus on element is evaluated from given expression. If the expression provided as an attribute to this directive

* is evaluated as true, the element is selected (and focused).

*

* @example

<example module="patternfly.autofocus">

<file name="index.html">

<div>

<form class="form-horizontal">

<div class="form-group">

<label class="col-sm-2 control-label" for="i1">Focus next input:</label>

<div class="col-sm-10">

<input id="i1" ng-model="isFocus" type="checkbox"></input>

</div>

</div>

<div class="form-group">

<label class="col-sm-2 control-label" for="i2">Focused input:</label>

<div class="col-sm-10">

<input class="form-control" id="i1" ng-model="i2" pf-focused="isFocus" placeholder="This will be selected after checking the box above."></input>

</div>

</div>

</form>

</div>

</file>

</example>

*/

angular.module('patternfly.autofocus', []).directive('pfFocused', function ($timeout) {

'use strict';

return {

restrict: 'A',

link: function (scope, element, attrs) {

scope.$watch(attrs.pfFocused, function (newValue) {

$timeout(function () {

if (newValue) {

element[0].focus();

if (element[0].select) {

element[0].select();

}

}

});

});

}

};

});