50 lines
1.1 KiB
JavaScript
50 lines
1.1 KiB
JavaScript
(function () {
|
|
'use strict';
|
|
|
|
window.app.directive('formGroupValidation',
|
|
function() {
|
|
return {
|
|
require: '^form',
|
|
replace: true,
|
|
transclude: true,
|
|
template:
|
|
'<div class="has-feedback" ng-class="vm.getValidationClass()">' +
|
|
'<ng-transclude></ng-transclude>' +
|
|
//'<input-validation-icons field="vm.field"></input-validation-icons>' +
|
|
'</div>',
|
|
scope: {
|
|
field: '@formGroupValidation'
|
|
},
|
|
controller: controller,
|
|
controllerAs: 'vm',
|
|
link: function(scope, element, attrs, formCtrl) {
|
|
scope.form = formCtrl;
|
|
}
|
|
}
|
|
});
|
|
|
|
controller.$inject = ['$scope'];
|
|
function controller($scope) {
|
|
var vm = this;
|
|
|
|
vm.field = $scope.field;
|
|
vm.getValidationClass = getValidationClass;
|
|
|
|
function getValidationClass() {
|
|
if (!canBeValidated()) return '';
|
|
|
|
if (isValid()) return 'has-success';
|
|
|
|
return 'has-error';
|
|
}
|
|
|
|
function canBeValidated() {
|
|
return ($scope.form[vm.field].$touched || $scope.form.$submitted);
|
|
}
|
|
|
|
function isValid() {
|
|
return $scope.form[vm.field].$valid;
|
|
}
|
|
}
|
|
|
|
})(); |