generator-gae-angular-material-starter/app/templates/main/public/modules/users/directives/gaPassword.client.dir.js

Google App Engine Angular Material Starter generator

(function() {
    'use strict';
    var module = angular.module('users');

    /**
     * @name gaPassword
     * @memberOf angularModule.users
     * @description
     * Inserts password input into page.
     * If model is passed in repeat-password="myPassword" it adds additional validity checking
     * for this directive. It will display error is passwords don't match
     */

    module.directive('gaPassword', function(gaValidators) {
        /*jslint unparam:true*/
        var link = function(scope, el, attrs, ctrls) {
            var form = ctrls[0];
            var ngModel = ctrls[1];
            scope.name = scope.name || 'password';
            scope.label = scope.label || 'Password';
            scope.lengths = gaValidators.user.password;
            scope.form = form;
            if (attrs.repeatPassword) {
                scope.$watch(function() {
                    return scope.repeatPassword() === ngModel.$modelValue;
                }, function(currentValue) {
                    form[scope.name].$setValidity('mismatch', currentValue);
                });
            }
        };

        return {
            link        : link,
            restrict    : 'EA',
            replace     : true,
            require     : ['^form', 'ngModel'],
            scope       : {
                inputTabindex  : '@',
                name           : '@',
                label          : '@',
                optional       : '@',
                ngModel        : '=',
                repeatPassword : '&'
            },
            templateUrl : '/p/modules/users/directives/gaPassword.client.view.html'
        };

    });

}());