57 lines
1.9 KiB
JavaScript
57 lines
1.9 KiB
JavaScript
|
/**
|
|||
|
|
* Reference by: https://github.com/TheSharpieOne/angular-input-match
|
|||
|
|
*/
|
|||
|
|
|
|||
|
|
(function (window, angular, undefined) {
|
|||
|
|
'use strict';
|
|||
|
|
|
|||
|
|
angular.module('CarbonFootprint').directive('match', match);
|
|||
|
|
|
|||
|
|
function match($parse) {
|
|||
|
|
return {
|
|||
|
|
require: '?ngModel',
|
|||
|
|
restrict: 'A',
|
|||
|
|
link: function (scope, elem, attrs, ctrl) {
|
|||
|
|
if (!ctrl) {
|
|||
|
|
if (console && console.warn) {
|
|||
|
|
console.warn('Match validation requires ngModel to be on the element');
|
|||
|
|
}
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
var matchGetter = $parse(attrs.match);
|
|||
|
|
var modelSetter = $parse(attrs.ngModel).assign;
|
|||
|
|
|
|||
|
|
scope.$watch(getMatchValue, function () {
|
|||
|
|
modelSetter(scope, parser(ctrl.$viewValue));
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
ctrl.$parsers.unshift(parser);
|
|||
|
|
ctrl.$formatters.unshift(formatter);
|
|||
|
|
|
|||
|
|
function parser(viewValue) {
|
|||
|
|
if (viewValue === getMatchValue()) {
|
|||
|
|
ctrl.$setValidity('match', true);
|
|||
|
|
return viewValue;
|
|||
|
|
} else {
|
|||
|
|
ctrl.$setValidity('match', false);
|
|||
|
|
return undefined;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function formatter(modelValue) {
|
|||
|
|
return modelValue === undefined ? ctrl.$isEmpty(ctrl.$viewValue) ? undefined : ctrl.$viewValue : modelValue;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function getMatchValue() {
|
|||
|
|
var match = matchGetter(scope);
|
|||
|
|
if (angular.isObject(match) && match.hasOwnProperty('$viewValue')) {
|
|||
|
|
match = match.$viewValue;
|
|||
|
|
}
|
|||
|
|
return match;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
};
|
|||
|
|
}
|
|||
|
|
match.$inject = ["$parse"];
|
|||
|
|
})(window, window.angular);
|