2056 lines
71 KiB
JavaScript
2056 lines
71 KiB
JavaScript
/**
|
|
* angular-ui-utils - Swiss-Army-Knife of AngularJS tools (with no external dependencies!)
|
|
* @version v0.1.1 - 2014-02-05
|
|
* @link http://angular-ui.github.com
|
|
* @license MIT License, http://www.opensource.org/licenses/MIT
|
|
*/
|
|
'use strict';
|
|
|
|
angular.module('ui.alias', []).config(['$compileProvider', 'uiAliasConfig', function($compileProvider, uiAliasConfig){
|
|
uiAliasConfig = uiAliasConfig || {};
|
|
angular.forEach(uiAliasConfig, function(config, alias){
|
|
if (angular.isString(config)) {
|
|
config = {
|
|
replace: true,
|
|
template: config
|
|
};
|
|
}
|
|
$compileProvider.directive(alias, function(){
|
|
return config;
|
|
});
|
|
});
|
|
}]);
|
|
|
|
'use strict';
|
|
|
|
/**
|
|
* General-purpose Event binding. Bind any event not natively supported by Angular
|
|
* Pass an object with keynames for events to ui-event
|
|
* Allows $event object and $params object to be passed
|
|
*
|
|
* @example <input ui-event="{ focus : 'counter++', blur : 'someCallback()' }">
|
|
* @example <input ui-event="{ myCustomEvent : 'myEventHandler($event, $params)'}">
|
|
*
|
|
* @param ui-event {string|object literal} The event to bind to as a string or a hash of events with their callbacks
|
|
*/
|
|
angular.module('ui.event',[]).directive('uiEvent', ['$parse',
|
|
function ($parse) {
|
|
return function ($scope, elm, attrs) {
|
|
var events = $scope.$eval(attrs.uiEvent);
|
|
angular.forEach(events, function (uiEvent, eventName) {
|
|
var fn = $parse(uiEvent);
|
|
elm.bind(eventName, function (evt) {
|
|
var params = Array.prototype.slice.call(arguments);
|
|
//Take out first paramater (event object);
|
|
params = params.splice(1);
|
|
fn($scope, {$event: evt, $params: params});
|
|
if (!$scope.$$phase) {
|
|
$scope.$apply();
|
|
}
|
|
});
|
|
});
|
|
};
|
|
}]);
|
|
|
|
'use strict';
|
|
|
|
/**
|
|
* A replacement utility for internationalization very similar to sprintf.
|
|
*
|
|
* @param replace {mixed} The tokens to replace depends on type
|
|
* string: all instances of $0 will be replaced
|
|
* array: each instance of $0, $1, $2 etc. will be placed with each array item in corresponding order
|
|
* object: all attributes will be iterated through, with :key being replaced with its corresponding value
|
|
* @return string
|
|
*
|
|
* @example: 'Hello :name, how are you :day'.format({ name:'John', day:'Today' })
|
|
* @example: 'Records $0 to $1 out of $2 total'.format(['10', '20', '3000'])
|
|
* @example: '$0 agrees to all mentions $0 makes in the event that $0 hits a tree while $0 is driving drunk'.format('Bob')
|
|
*/
|
|
angular.module('ui.format',[]).filter('format', function(){
|
|
return function(value, replace) {
|
|
var target = value;
|
|
if (angular.isString(target) && replace !== undefined) {
|
|
if (!angular.isArray(replace) && !angular.isObject(replace)) {
|
|
replace = [replace];
|
|
}
|
|
if (angular.isArray(replace)) {
|
|
var rlen = replace.length;
|
|
var rfx = function (str, i) {
|
|
i = parseInt(i, 10);
|
|
return (i>=0 && i<rlen) ? replace[i] : str;
|
|
};
|
|
target = target.replace(/\$([0-9]+)/g, rfx);
|
|
}
|
|
else {
|
|
angular.forEach(replace, function(value, key){
|
|
target = target.split(':'+key).join(value);
|
|
});
|
|
}
|
|
}
|
|
return target;
|
|
};
|
|
});
|
|
|
|
'use strict';
|
|
|
|
/**
|
|
* Wraps the
|
|
* @param text {string} haystack to search through
|
|
* @param search {string} needle to search for
|
|
* @param [caseSensitive] {boolean} optional boolean to use case-sensitive searching
|
|
*/
|
|
angular.module('ui.highlight',[]).filter('highlight', function () {
|
|
return function (text, search, caseSensitive) {
|
|
if (search || angular.isNumber(search)) {
|
|
text = text.toString();
|
|
search = search.toString();
|
|
if (caseSensitive) {
|
|
return text.split(search).join('<span class="ui-match">' + search + '</span>');
|
|
} else {
|
|
return text.replace(new RegExp(search, 'gi'), '<span class="ui-match">$&</span>');
|
|
}
|
|
} else {
|
|
return text;
|
|
}
|
|
};
|
|
});
|
|
|
|
'use strict';
|
|
|
|
// modeled after: angular-1.0.7/src/ng/directive/ngInclude.js
|
|
angular.module('ui.include',[])
|
|
.directive('uiInclude', ['$http', '$templateCache', '$anchorScroll', '$compile',
|
|
function($http, $templateCache, $anchorScroll, $compile) {
|
|
return {
|
|
restrict: 'ECA',
|
|
terminal: true,
|
|
compile: function(element, attr) {
|
|
var srcExp = attr.uiInclude || attr.src,
|
|
fragExp = attr.fragment || '',
|
|
onloadExp = attr.onload || '',
|
|
autoScrollExp = attr.autoscroll;
|
|
|
|
return function(scope, element) {
|
|
var changeCounter = 0,
|
|
childScope;
|
|
|
|
var clearContent = function() {
|
|
if (childScope) {
|
|
childScope.$destroy();
|
|
childScope = null;
|
|
}
|
|
|
|
element.html('');
|
|
};
|
|
|
|
function ngIncludeWatchAction() {
|
|
var thisChangeId = ++changeCounter;
|
|
var src = scope.$eval(srcExp);
|
|
var fragment = scope.$eval(fragExp);
|
|
|
|
if (src) {
|
|
$http.get(src, {cache: $templateCache}).success(function(response) {
|
|
if (thisChangeId !== changeCounter) { return; }
|
|
|
|
if (childScope) { childScope.$destroy(); }
|
|
childScope = scope.$new();
|
|
|
|
var contents;
|
|
if (fragment) {
|
|
contents = angular.element('<div/>').html(response).find(fragment);
|
|
}
|
|
else {
|
|
contents = angular.element('<div/>').html(response).contents();
|
|
}
|
|
element.html(contents);
|
|
$compile(contents)(childScope);
|
|
|
|
if (angular.isDefined(autoScrollExp) && (!autoScrollExp || scope.$eval(autoScrollExp))) {
|
|
$anchorScroll();
|
|
}
|
|
|
|
childScope.$emit('$includeContentLoaded');
|
|
scope.$eval(onloadExp);
|
|
}).error(function() {
|
|
if (thisChangeId === changeCounter) { clearContent(); }
|
|
});
|
|
} else { clearContent(); }
|
|
}
|
|
|
|
scope.$watch(fragExp, ngIncludeWatchAction);
|
|
scope.$watch(srcExp, ngIncludeWatchAction);
|
|
};
|
|
}
|
|
};
|
|
}]);
|
|
|
|
'use strict';
|
|
|
|
/**
|
|
* Provides an easy way to toggle a checkboxes indeterminate property
|
|
*
|
|
* @example <input type="checkbox" ui-indeterminate="isUnkown">
|
|
*/
|
|
angular.module('ui.indeterminate',[]).directive('uiIndeterminate', [
|
|
function () {
|
|
return {
|
|
compile: function(tElm, tAttrs) {
|
|
if (!tAttrs.type || tAttrs.type.toLowerCase() !== 'checkbox') {
|
|
return angular.noop;
|
|
}
|
|
|
|
return function ($scope, elm, attrs) {
|
|
$scope.$watch(attrs.uiIndeterminate, function(newVal) {
|
|
elm[0].indeterminate = !!newVal;
|
|
});
|
|
};
|
|
}
|
|
};
|
|
}]);
|
|
|
|
'use strict';
|
|
|
|
/**
|
|
* Converts variable-esque naming conventions to something presentational, capitalized words separated by space.
|
|
* @param {String} value The value to be parsed and prettified.
|
|
* @param {String} [inflector] The inflector to use. Default: humanize.
|
|
* @return {String}
|
|
* @example {{ 'Here Is my_phoneNumber' | inflector:'humanize' }} => Here Is My Phone Number
|
|
* {{ 'Here Is my_phoneNumber' | inflector:'underscore' }} => here_is_my_phone_number
|
|
* {{ 'Here Is my_phoneNumber' | inflector:'variable' }} => hereIsMyPhoneNumber
|
|
*/
|
|
angular.module('ui.inflector',[]).filter('inflector', function () {
|
|
function ucwords(text) {
|
|
return text.replace(/^([a-z])|\s+([a-z])/g, function ($1) {
|
|
return $1.toUpperCase();
|
|
});
|
|
}
|
|
|
|
function breakup(text, separator) {
|
|
return text.replace(/[A-Z]/g, function (match) {
|
|
return separator + match;
|
|
});
|
|
}
|
|
|
|
var inflectors = {
|
|
humanize: function (value) {
|
|
return ucwords(breakup(value, ' ').split('_').join(' '));
|
|
},
|
|
underscore: function (value) {
|
|
return value.substr(0, 1).toLowerCase() + breakup(value.substr(1), '_').toLowerCase().split(' ').join('_');
|
|
},
|
|
variable: function (value) {
|
|
value = value.substr(0, 1).toLowerCase() + ucwords(value.split('_').join(' ')).substr(1).split(' ').join('');
|
|
return value;
|
|
}
|
|
};
|
|
|
|
return function (text, inflector) {
|
|
if (inflector !== false && angular.isString(text)) {
|
|
inflector = inflector || 'humanize';
|
|
return inflectors[inflector](text);
|
|
} else {
|
|
return text;
|
|
}
|
|
};
|
|
});
|
|
|
|
'use strict';
|
|
|
|
/**
|
|
* General-purpose jQuery wrapper. Simply pass the plugin name as the expression.
|
|
*
|
|
* It is possible to specify a default set of parameters for each jQuery plugin.
|
|
* Under the jq key, namespace each plugin by that which will be passed to ui-jq.
|
|
* Unfortunately, at this time you can only pre-define the first parameter.
|
|
* @example { jq : { datepicker : { showOn:'click' } } }
|
|
*
|
|
* @param ui-jq {string} The $elm.[pluginName]() to call.
|
|
* @param [ui-options] {mixed} Expression to be evaluated and passed as options to the function
|
|
* Multiple parameters can be separated by commas
|
|
* @param [ui-refresh] {expression} Watch expression and refire plugin on changes
|
|
*
|
|
* @example <input ui-jq="datepicker" ui-options="{showOn:'click'},secondParameter,thirdParameter" ui-refresh="iChange">
|
|
*/
|
|
angular.module('ui.jq',[]).
|
|
value('uiJqConfig',{}).
|
|
directive('uiJq', ['uiJqConfig', '$timeout', function uiJqInjectingFunction(uiJqConfig, $timeout) {
|
|
|
|
return {
|
|
restrict: 'A',
|
|
compile: function uiJqCompilingFunction(tElm, tAttrs) {
|
|
|
|
if (!angular.isFunction(tElm[tAttrs.uiJq])) {
|
|
throw new Error('ui-jq: The "' + tAttrs.uiJq + '" function does not exist');
|
|
}
|
|
var options = uiJqConfig && uiJqConfig[tAttrs.uiJq];
|
|
|
|
return function uiJqLinkingFunction(scope, elm, attrs) {
|
|
|
|
var linkOptions = [];
|
|
|
|
// If ui-options are passed, merge (or override) them onto global defaults and pass to the jQuery method
|
|
if (attrs.uiOptions) {
|
|
linkOptions = scope.$eval('[' + attrs.uiOptions + ']');
|
|
if (angular.isObject(options) && angular.isObject(linkOptions[0])) {
|
|
linkOptions[0] = angular.extend({}, options, linkOptions[0]);
|
|
}
|
|
} else if (options) {
|
|
linkOptions = [options];
|
|
}
|
|
// If change compatibility is enabled, the form input's "change" event will trigger an "input" event
|
|
if (attrs.ngModel && elm.is('select,input,textarea')) {
|
|
elm.bind('change', function() {
|
|
elm.trigger('input');
|
|
});
|
|
}
|
|
|
|
// Call jQuery method and pass relevant options
|
|
function callPlugin() {
|
|
$timeout(function() {
|
|
elm[attrs.uiJq].apply(elm, linkOptions);
|
|
}, 0, false);
|
|
}
|
|
|
|
// If ui-refresh is used, re-fire the the method upon every change
|
|
if (attrs.uiRefresh) {
|
|
scope.$watch(attrs.uiRefresh, function() {
|
|
callPlugin();
|
|
});
|
|
}
|
|
callPlugin();
|
|
};
|
|
}
|
|
};
|
|
}]);
|
|
|
|
'use strict';
|
|
|
|
angular.module('ui.keypress',[]).
|
|
factory('keypressHelper', ['$parse', function keypress($parse){
|
|
var keysByCode = {
|
|
8: 'backspace',
|
|
9: 'tab',
|
|
13: 'enter',
|
|
27: 'esc',
|
|
32: 'space',
|
|
33: 'pageup',
|
|
34: 'pagedown',
|
|
35: 'end',
|
|
36: 'home',
|
|
37: 'left',
|
|
38: 'up',
|
|
39: 'right',
|
|
40: 'down',
|
|
45: 'insert',
|
|
46: 'delete'
|
|
};
|
|
|
|
var capitaliseFirstLetter = function (string) {
|
|
return string.charAt(0).toUpperCase() + string.slice(1);
|
|
};
|
|
|
|
return function(mode, scope, elm, attrs) {
|
|
var params, combinations = [];
|
|
params = scope.$eval(attrs['ui'+capitaliseFirstLetter(mode)]);
|
|
|
|
// Prepare combinations for simple checking
|
|
angular.forEach(params, function (v, k) {
|
|
var combination, expression;
|
|
expression = $parse(v);
|
|
|
|
angular.forEach(k.split(' '), function(variation) {
|
|
combination = {
|
|
expression: expression,
|
|
keys: {}
|
|
};
|
|
angular.forEach(variation.split('-'), function (value) {
|
|
combination.keys[value] = true;
|
|
});
|
|
combinations.push(combination);
|
|
});
|
|
});
|
|
|
|
// Check only matching of pressed keys one of the conditions
|
|
elm.bind(mode, function (event) {
|
|
// No need to do that inside the cycle
|
|
var metaPressed = !!(event.metaKey && !event.ctrlKey);
|
|
var altPressed = !!event.altKey;
|
|
var ctrlPressed = !!event.ctrlKey;
|
|
var shiftPressed = !!event.shiftKey;
|
|
var keyCode = event.keyCode;
|
|
|
|
// normalize keycodes
|
|
if (mode === 'keypress' && !shiftPressed && keyCode >= 97 && keyCode <= 122) {
|
|
keyCode = keyCode - 32;
|
|
}
|
|
|
|
// Iterate over prepared combinations
|
|
angular.forEach(combinations, function (combination) {
|
|
|
|
var mainKeyPressed = combination.keys[keysByCode[keyCode]] || combination.keys[keyCode.toString()];
|
|
|
|
var metaRequired = !!combination.keys.meta;
|
|
var altRequired = !!combination.keys.alt;
|
|
var ctrlRequired = !!combination.keys.ctrl;
|
|
var shiftRequired = !!combination.keys.shift;
|
|
|
|
if (
|
|
mainKeyPressed &&
|
|
( metaRequired === metaPressed ) &&
|
|
( altRequired === altPressed ) &&
|
|
( ctrlRequired === ctrlPressed ) &&
|
|
( shiftRequired === shiftPressed )
|
|
) {
|
|
// Run the function
|
|
scope.$apply(function () {
|
|
combination.expression(scope, { '$event': event });
|
|
});
|
|
}
|
|
});
|
|
});
|
|
};
|
|
}]);
|
|
|
|
/**
|
|
* Bind one or more handlers to particular keys or their combination
|
|
* @param hash {mixed} keyBindings Can be an object or string where keybinding expression of keys or keys combinations and AngularJS Exspressions are set. Object syntax: "{ keys1: expression1 [, keys2: expression2 [ , ... ]]}". String syntax: ""expression1 on keys1 [ and expression2 on keys2 [ and ... ]]"". Expression is an AngularJS Expression, and key(s) are dash-separated combinations of keys and modifiers (one or many, if any. Order does not matter). Supported modifiers are 'ctrl', 'shift', 'alt' and key can be used either via its keyCode (13 for Return) or name. Named keys are 'backspace', 'tab', 'enter', 'esc', 'space', 'pageup', 'pagedown', 'end', 'home', 'left', 'up', 'right', 'down', 'insert', 'delete'.
|
|
* @example <input ui-keypress="{enter:'x = 1', 'ctrl-shift-space':'foo()', 'shift-13':'bar()'}" /> <input ui-keypress="foo = 2 on ctrl-13 and bar('hello') on shift-esc" />
|
|
**/
|
|
angular.module('ui.keypress').directive('uiKeydown', ['keypressHelper', function(keypressHelper){
|
|
return {
|
|
link: function (scope, elm, attrs) {
|
|
keypressHelper('keydown', scope, elm, attrs);
|
|
}
|
|
};
|
|
}]);
|
|
|
|
angular.module('ui.keypress').directive('uiKeypress', ['keypressHelper', function(keypressHelper){
|
|
return {
|
|
link: function (scope, elm, attrs) {
|
|
keypressHelper('keypress', scope, elm, attrs);
|
|
}
|
|
};
|
|
}]);
|
|
|
|
angular.module('ui.keypress').directive('uiKeyup', ['keypressHelper', function(keypressHelper){
|
|
return {
|
|
link: function (scope, elm, attrs) {
|
|
keypressHelper('keyup', scope, elm, attrs);
|
|
}
|
|
};
|
|
}]);
|
|
|
|
'use strict';
|
|
|
|
/*
|
|
Attaches input mask onto input element
|
|
*/
|
|
angular.module('ui.mask', [])
|
|
.value('uiMaskConfig', {
|
|
'maskDefinitions': {
|
|
'9': /\d/,
|
|
'A': /[a-zA-Z]/,
|
|
'*': /[a-zA-Z0-9]/
|
|
}
|
|
})
|
|
.directive('uiMask', ['uiMaskConfig', function (maskConfig) {
|
|
return {
|
|
priority: 100,
|
|
require: 'ngModel',
|
|
restrict: 'A',
|
|
compile: function uiMaskCompilingFunction(){
|
|
var options = maskConfig;
|
|
|
|
return function uiMaskLinkingFunction(scope, iElement, iAttrs, controller){
|
|
var maskProcessed = false, eventsBound = false,
|
|
maskCaretMap, maskPatterns, maskPlaceholder, maskComponents,
|
|
// Minimum required length of the value to be considered valid
|
|
minRequiredLength,
|
|
value, valueMasked, isValid,
|
|
// Vars for initializing/uninitializing
|
|
originalPlaceholder = iAttrs.placeholder,
|
|
originalMaxlength = iAttrs.maxlength,
|
|
// Vars used exclusively in eventHandler()
|
|
oldValue, oldValueUnmasked, oldCaretPosition, oldSelectionLength;
|
|
|
|
function initialize(maskAttr){
|
|
if (!angular.isDefined(maskAttr)) {
|
|
return uninitialize();
|
|
}
|
|
processRawMask(maskAttr);
|
|
if (!maskProcessed) {
|
|
return uninitialize();
|
|
}
|
|
initializeElement();
|
|
bindEventListeners();
|
|
return true;
|
|
}
|
|
|
|
function initPlaceholder(placeholderAttr) {
|
|
if(! angular.isDefined(placeholderAttr)) {
|
|
return;
|
|
}
|
|
|
|
maskPlaceholder = placeholderAttr;
|
|
|
|
// If the mask is processed, then we need to update the value
|
|
if (maskProcessed) {
|
|
eventHandler();
|
|
}
|
|
}
|
|
|
|
function formatter(fromModelValue){
|
|
if (!maskProcessed) {
|
|
return fromModelValue;
|
|
}
|
|
value = unmaskValue(fromModelValue || '');
|
|
isValid = validateValue(value);
|
|
controller.$setValidity('mask', isValid);
|
|
return isValid && value.length ? maskValue(value) : undefined;
|
|
}
|
|
|
|
function parser(fromViewValue){
|
|
if (!maskProcessed) {
|
|
return fromViewValue;
|
|
}
|
|
value = unmaskValue(fromViewValue || '');
|
|
isValid = validateValue(value);
|
|
// We have to set viewValue manually as the reformatting of the input
|
|
// value performed by eventHandler() doesn't happen until after
|
|
// this parser is called, which causes what the user sees in the input
|
|
// to be out-of-sync with what the controller's $viewValue is set to.
|
|
controller.$viewValue = value.length ? maskValue(value) : '';
|
|
controller.$setValidity('mask', isValid);
|
|
if (value === '' && controller.$error.required !== undefined) {
|
|
controller.$setValidity('required', false);
|
|
}
|
|
return isValid ? value : undefined;
|
|
}
|
|
|
|
var linkOptions = {};
|
|
|
|
if (iAttrs.uiOptions) {
|
|
linkOptions = scope.$eval('[' + iAttrs.uiOptions + ']');
|
|
if (angular.isObject(linkOptions[0])) {
|
|
// we can't use angular.copy nor angular.extend, they lack the power to do a deep merge
|
|
linkOptions = (function(original, current){
|
|
for(var i in original) {
|
|
if (Object.prototype.hasOwnProperty.call(original, i)) {
|
|
if (!current[i]) {
|
|
current[i] = angular.copy(original[i]);
|
|
} else {
|
|
angular.extend(current[i], original[i]);
|
|
}
|
|
}
|
|
}
|
|
return current;
|
|
})(options, linkOptions[0]);
|
|
}
|
|
} else {
|
|
linkOptions = options;
|
|
}
|
|
|
|
iAttrs.$observe('uiMask', initialize);
|
|
iAttrs.$observe('placeholder', initPlaceholder);
|
|
controller.$formatters.push(formatter);
|
|
controller.$parsers.push(parser);
|
|
|
|
function uninitialize(){
|
|
maskProcessed = false;
|
|
unbindEventListeners();
|
|
|
|
if (angular.isDefined(originalPlaceholder)) {
|
|
iElement.attr('placeholder', originalPlaceholder);
|
|
} else {
|
|
iElement.removeAttr('placeholder');
|
|
}
|
|
|
|
if (angular.isDefined(originalMaxlength)) {
|
|
iElement.attr('maxlength', originalMaxlength);
|
|
} else {
|
|
iElement.removeAttr('maxlength');
|
|
}
|
|
|
|
iElement.val(controller.$modelValue);
|
|
controller.$viewValue = controller.$modelValue;
|
|
return false;
|
|
}
|
|
|
|
function initializeElement(){
|
|
value = oldValueUnmasked = unmaskValue(controller.$modelValue || '');
|
|
valueMasked = oldValue = maskValue(value);
|
|
isValid = validateValue(value);
|
|
var viewValue = isValid && value.length ? valueMasked : '';
|
|
if (iAttrs.maxlength) { // Double maxlength to allow pasting new val at end of mask
|
|
iElement.attr('maxlength', maskCaretMap[maskCaretMap.length - 1] * 2);
|
|
}
|
|
iElement.attr('placeholder', maskPlaceholder);
|
|
iElement.val(viewValue);
|
|
controller.$viewValue = viewValue;
|
|
// Not using $setViewValue so we don't clobber the model value and dirty the form
|
|
// without any kind of user interaction.
|
|
}
|
|
|
|
function bindEventListeners(){
|
|
if (eventsBound) {
|
|
return;
|
|
}
|
|
iElement.bind('blur', blurHandler);
|
|
iElement.bind('mousedown mouseup', mouseDownUpHandler);
|
|
iElement.bind('input keyup click focus', eventHandler);
|
|
eventsBound = true;
|
|
}
|
|
|
|
function unbindEventListeners(){
|
|
if (!eventsBound) {
|
|
return;
|
|
}
|
|
iElement.unbind('blur', blurHandler);
|
|
iElement.unbind('mousedown', mouseDownUpHandler);
|
|
iElement.unbind('mouseup', mouseDownUpHandler);
|
|
iElement.unbind('input', eventHandler);
|
|
iElement.unbind('keyup', eventHandler);
|
|
iElement.unbind('click', eventHandler);
|
|
iElement.unbind('focus', eventHandler);
|
|
eventsBound = false;
|
|
}
|
|
|
|
function validateValue(value){
|
|
// Zero-length value validity is ngRequired's determination
|
|
return value.length ? value.length >= minRequiredLength : true;
|
|
}
|
|
|
|
function unmaskValue(value){
|
|
var valueUnmasked = '',
|
|
maskPatternsCopy = maskPatterns.slice();
|
|
// Preprocess by stripping mask components from value
|
|
value = value.toString();
|
|
angular.forEach(maskComponents, function (component){
|
|
value = value.replace(component, '');
|
|
});
|
|
angular.forEach(value.split(''), function (chr){
|
|
if (maskPatternsCopy.length && maskPatternsCopy[0].test(chr)) {
|
|
valueUnmasked += chr;
|
|
maskPatternsCopy.shift();
|
|
}
|
|
});
|
|
return valueUnmasked;
|
|
}
|
|
|
|
function maskValue(unmaskedValue){
|
|
var valueMasked = '',
|
|
maskCaretMapCopy = maskCaretMap.slice();
|
|
|
|
angular.forEach(maskPlaceholder.split(''), function (chr, i){
|
|
if (unmaskedValue.length && i === maskCaretMapCopy[0]) {
|
|
valueMasked += unmaskedValue.charAt(0) || '_';
|
|
unmaskedValue = unmaskedValue.substr(1);
|
|
maskCaretMapCopy.shift();
|
|
}
|
|
else {
|
|
valueMasked += chr;
|
|
}
|
|
});
|
|
return valueMasked;
|
|
}
|
|
|
|
function getPlaceholderChar(i) {
|
|
var placeholder = iAttrs.placeholder;
|
|
|
|
if (typeof placeholder !== 'undefined' && placeholder[i]) {
|
|
return placeholder[i];
|
|
} else {
|
|
return '_';
|
|
}
|
|
}
|
|
|
|
// Generate array of mask components that will be stripped from a masked value
|
|
// before processing to prevent mask components from being added to the unmasked value.
|
|
// E.g., a mask pattern of '+7 9999' won't have the 7 bleed into the unmasked value.
|
|
// If a maskable char is followed by a mask char and has a mask
|
|
// char behind it, we'll split it into it's own component so if
|
|
// a user is aggressively deleting in the input and a char ahead
|
|
// of the maskable char gets deleted, we'll still be able to strip
|
|
// it in the unmaskValue() preprocessing.
|
|
function getMaskComponents() {
|
|
return maskPlaceholder.replace(/[_]+/g, '_').replace(/([^_]+)([a-zA-Z0-9])([^_])/g, '$1$2_$3').split('_');
|
|
}
|
|
|
|
function processRawMask(mask){
|
|
var characterCount = 0;
|
|
|
|
maskCaretMap = [];
|
|
maskPatterns = [];
|
|
maskPlaceholder = '';
|
|
|
|
if (typeof mask === 'string') {
|
|
minRequiredLength = 0;
|
|
|
|
var isOptional = false,
|
|
splitMask = mask.split('');
|
|
|
|
angular.forEach(splitMask, function (chr, i){
|
|
if (linkOptions.maskDefinitions[chr]) {
|
|
|
|
maskCaretMap.push(characterCount);
|
|
|
|
maskPlaceholder += getPlaceholderChar(i);
|
|
maskPatterns.push(linkOptions.maskDefinitions[chr]);
|
|
|
|
characterCount++;
|
|
if (!isOptional) {
|
|
minRequiredLength++;
|
|
}
|
|
}
|
|
else if (chr === '?') {
|
|
isOptional = true;
|
|
}
|
|
else {
|
|
maskPlaceholder += chr;
|
|
characterCount++;
|
|
}
|
|
});
|
|
}
|
|
// Caret position immediately following last position is valid.
|
|
maskCaretMap.push(maskCaretMap.slice().pop() + 1);
|
|
|
|
maskComponents = getMaskComponents();
|
|
maskProcessed = maskCaretMap.length > 1 ? true : false;
|
|
}
|
|
|
|
function blurHandler(){
|
|
oldCaretPosition = 0;
|
|
oldSelectionLength = 0;
|
|
if (!isValid || value.length === 0) {
|
|
valueMasked = '';
|
|
iElement.val('');
|
|
scope.$apply(function (){
|
|
controller.$setViewValue('');
|
|
});
|
|
}
|
|
}
|
|
|
|
function mouseDownUpHandler(e){
|
|
if (e.type === 'mousedown') {
|
|
iElement.bind('mouseout', mouseoutHandler);
|
|
} else {
|
|
iElement.unbind('mouseout', mouseoutHandler);
|
|
}
|
|
}
|
|
|
|
iElement.bind('mousedown mouseup', mouseDownUpHandler);
|
|
|
|
function mouseoutHandler(){
|
|
/*jshint validthis: true */
|
|
oldSelectionLength = getSelectionLength(this);
|
|
iElement.unbind('mouseout', mouseoutHandler);
|
|
}
|
|
|
|
function eventHandler(e){
|
|
/*jshint validthis: true */
|
|
e = e || {};
|
|
// Allows more efficient minification
|
|
var eventWhich = e.which,
|
|
eventType = e.type;
|
|
|
|
// Prevent shift and ctrl from mucking with old values
|
|
if (eventWhich === 16 || eventWhich === 91) { return;}
|
|
|
|
var val = iElement.val(),
|
|
valOld = oldValue,
|
|
valMasked,
|
|
valUnmasked = unmaskValue(val),
|
|
valUnmaskedOld = oldValueUnmasked,
|
|
valAltered = false,
|
|
|
|
caretPos = getCaretPosition(this) || 0,
|
|
caretPosOld = oldCaretPosition || 0,
|
|
caretPosDelta = caretPos - caretPosOld,
|
|
caretPosMin = maskCaretMap[0],
|
|
caretPosMax = maskCaretMap[valUnmasked.length] || maskCaretMap.slice().shift(),
|
|
|
|
selectionLenOld = oldSelectionLength || 0,
|
|
isSelected = getSelectionLength(this) > 0,
|
|
wasSelected = selectionLenOld > 0,
|
|
|
|
// Case: Typing a character to overwrite a selection
|
|
isAddition = (val.length > valOld.length) || (selectionLenOld && val.length > valOld.length - selectionLenOld),
|
|
// Case: Delete and backspace behave identically on a selection
|
|
isDeletion = (val.length < valOld.length) || (selectionLenOld && val.length === valOld.length - selectionLenOld),
|
|
isSelection = (eventWhich >= 37 && eventWhich <= 40) && e.shiftKey, // Arrow key codes
|
|
|
|
isKeyLeftArrow = eventWhich === 37,
|
|
// Necessary due to "input" event not providing a key code
|
|
isKeyBackspace = eventWhich === 8 || (eventType !== 'keyup' && isDeletion && (caretPosDelta === -1)),
|
|
isKeyDelete = eventWhich === 46 || (eventType !== 'keyup' && isDeletion && (caretPosDelta === 0 ) && !wasSelected),
|
|
|
|
// Handles cases where caret is moved and placed in front of invalid maskCaretMap position. Logic below
|
|
// ensures that, on click or leftward caret placement, caret is moved leftward until directly right of
|
|
// non-mask character. Also applied to click since users are (arguably) more likely to backspace
|
|
// a character when clicking within a filled input.
|
|
caretBumpBack = (isKeyLeftArrow || isKeyBackspace || eventType === 'click') && caretPos > caretPosMin;
|
|
|
|
oldSelectionLength = getSelectionLength(this);
|
|
|
|
// These events don't require any action
|
|
if (isSelection || (isSelected && (eventType === 'click' || eventType === 'keyup'))) {
|
|
return;
|
|
}
|
|
|
|
// Value Handling
|
|
// ==============
|
|
|
|
// User attempted to delete but raw value was unaffected--correct this grievous offense
|
|
if ((eventType === 'input') && isDeletion && !wasSelected && valUnmasked === valUnmaskedOld) {
|
|
while (isKeyBackspace && caretPos > caretPosMin && !isValidCaretPosition(caretPos)) {
|
|
caretPos--;
|
|
}
|
|
while (isKeyDelete && caretPos < caretPosMax && maskCaretMap.indexOf(caretPos) === -1) {
|
|
caretPos++;
|
|
}
|
|
var charIndex = maskCaretMap.indexOf(caretPos);
|
|
// Strip out non-mask character that user would have deleted if mask hadn't been in the way.
|
|
valUnmasked = valUnmasked.substring(0, charIndex) + valUnmasked.substring(charIndex + 1);
|
|
valAltered = true;
|
|
}
|
|
|
|
// Update values
|
|
valMasked = maskValue(valUnmasked);
|
|
|
|
oldValue = valMasked;
|
|
oldValueUnmasked = valUnmasked;
|
|
iElement.val(valMasked);
|
|
if (valAltered) {
|
|
// We've altered the raw value after it's been $digest'ed, we need to $apply the new value.
|
|
scope.$apply(function (){
|
|
controller.$setViewValue(valUnmasked);
|
|
});
|
|
}
|
|
|
|
// Caret Repositioning
|
|
// ===================
|
|
|
|
// Ensure that typing always places caret ahead of typed character in cases where the first char of
|
|
// the input is a mask char and the caret is placed at the 0 position.
|
|
if (isAddition && (caretPos <= caretPosMin)) {
|
|
caretPos = caretPosMin + 1;
|
|
}
|
|
|
|
if (caretBumpBack) {
|
|
caretPos--;
|
|
}
|
|
|
|
// Make sure caret is within min and max position limits
|
|
caretPos = caretPos > caretPosMax ? caretPosMax : caretPos < caretPosMin ? caretPosMin : caretPos;
|
|
|
|
// Scoot the caret back or forth until it's in a non-mask position and within min/max position limits
|
|
while (!isValidCaretPosition(caretPos) && caretPos > caretPosMin && caretPos < caretPosMax) {
|
|
caretPos += caretBumpBack ? -1 : 1;
|
|
}
|
|
|
|
if ((caretBumpBack && caretPos < caretPosMax) || (isAddition && !isValidCaretPosition(caretPosOld))) {
|
|
caretPos++;
|
|
}
|
|
oldCaretPosition = caretPos;
|
|
setCaretPosition(this, caretPos);
|
|
}
|
|
|
|
function isValidCaretPosition(pos){ return maskCaretMap.indexOf(pos) > -1; }
|
|
|
|
function getCaretPosition(input){
|
|
if (!input) return 0;
|
|
if (input.selectionStart !== undefined) {
|
|
return input.selectionStart;
|
|
} else if (document.selection) {
|
|
// Curse you IE
|
|
input.focus();
|
|
var selection = document.selection.createRange();
|
|
selection.moveStart('character', -input.value.length);
|
|
return selection.text.length;
|
|
}
|
|
return 0;
|
|
}
|
|
|
|
function setCaretPosition(input, pos){
|
|
if (!input) return 0;
|
|
if (input.offsetWidth === 0 || input.offsetHeight === 0) {
|
|
return; // Input's hidden
|
|
}
|
|
if (input.setSelectionRange) {
|
|
input.focus();
|
|
input.setSelectionRange(pos, pos);
|
|
}
|
|
else if (input.createTextRange) {
|
|
// Curse you IE
|
|
var range = input.createTextRange();
|
|
range.collapse(true);
|
|
range.moveEnd('character', pos);
|
|
range.moveStart('character', pos);
|
|
range.select();
|
|
}
|
|
}
|
|
|
|
function getSelectionLength(input){
|
|
if (!input) return 0;
|
|
if (input.selectionStart !== undefined) {
|
|
return (input.selectionEnd - input.selectionStart);
|
|
}
|
|
if (document.selection) {
|
|
return (document.selection.createRange().text.length);
|
|
}
|
|
return 0;
|
|
}
|
|
|
|
// https://developer.mozilla.org/en-US/docs/JavaScript/Reference/Global_Objects/Array/indexOf
|
|
if (!Array.prototype.indexOf) {
|
|
Array.prototype.indexOf = function (searchElement /*, fromIndex */){
|
|
if (this === null) {
|
|
throw new TypeError();
|
|
}
|
|
var t = Object(this);
|
|
var len = t.length >>> 0;
|
|
if (len === 0) {
|
|
return -1;
|
|
}
|
|
var n = 0;
|
|
if (arguments.length > 1) {
|
|
n = Number(arguments[1]);
|
|
if (n !== n) { // shortcut for verifying if it's NaN
|
|
n = 0;
|
|
} else if (n !== 0 && n !== Infinity && n !== -Infinity) {
|
|
n = (n > 0 || -1) * Math.floor(Math.abs(n));
|
|
}
|
|
}
|
|
if (n >= len) {
|
|
return -1;
|
|
}
|
|
var k = n >= 0 ? n : Math.max(len - Math.abs(n), 0);
|
|
for (; k < len; k++) {
|
|
if (k in t && t[k] === searchElement) {
|
|
return k;
|
|
}
|
|
}
|
|
return -1;
|
|
};
|
|
}
|
|
|
|
};
|
|
}
|
|
};
|
|
}
|
|
]);
|
|
|
|
'use strict';
|
|
|
|
/**
|
|
* Add a clear button to form inputs to reset their value
|
|
*/
|
|
angular.module('ui.reset',[]).value('uiResetConfig',null).directive('uiReset', ['uiResetConfig', function (uiResetConfig) {
|
|
var resetValue = null;
|
|
if (uiResetConfig !== undefined){
|
|
resetValue = uiResetConfig;
|
|
}
|
|
return {
|
|
require: 'ngModel',
|
|
link: function (scope, elm, attrs, ctrl) {
|
|
var aElement;
|
|
aElement = angular.element('<a class="ui-reset" />');
|
|
elm.wrap('<span class="ui-resetwrap" />').after(aElement);
|
|
aElement.bind('click', function (e) {
|
|
e.preventDefault();
|
|
scope.$apply(function () {
|
|
if (attrs.uiReset){
|
|
ctrl.$setViewValue(scope.$eval(attrs.uiReset));
|
|
}else{
|
|
ctrl.$setViewValue(resetValue);
|
|
}
|
|
ctrl.$render();
|
|
});
|
|
});
|
|
}
|
|
};
|
|
}]);
|
|
|
|
'use strict';
|
|
|
|
/**
|
|
* Set a $uiRoute boolean to see if the current route matches
|
|
*/
|
|
angular.module('ui.route', []).directive('uiRoute', ['$location', '$parse', function ($location, $parse) {
|
|
return {
|
|
restrict: 'AC',
|
|
scope: true,
|
|
compile: function(tElement, tAttrs) {
|
|
var useProperty;
|
|
if (tAttrs.uiRoute) {
|
|
useProperty = 'uiRoute';
|
|
} else if (tAttrs.ngHref) {
|
|
useProperty = 'ngHref';
|
|
} else if (tAttrs.href) {
|
|
useProperty = 'href';
|
|
} else {
|
|
throw new Error('uiRoute missing a route or href property on ' + tElement[0]);
|
|
}
|
|
return function ($scope, elm, attrs) {
|
|
var modelSetter = $parse(attrs.ngModel || attrs.routeModel || '$uiRoute').assign;
|
|
var watcher = angular.noop;
|
|
|
|
// Used by href and ngHref
|
|
function staticWatcher(newVal) {
|
|
var hash = newVal.indexOf('#');
|
|
if (hash > -1){
|
|
newVal = newVal.substr(hash + 1);
|
|
}
|
|
watcher = function watchHref() {
|
|
modelSetter($scope, ($location.path().indexOf(newVal) > -1));
|
|
};
|
|
watcher();
|
|
}
|
|
// Used by uiRoute
|
|
function regexWatcher(newVal) {
|
|
var hash = newVal.indexOf('#');
|
|
if (hash > -1){
|
|
newVal = newVal.substr(hash + 1);
|
|
}
|
|
watcher = function watchRegex() {
|
|
var regexp = new RegExp('^' + newVal + '$', ['i']);
|
|
modelSetter($scope, regexp.test($location.path()));
|
|
};
|
|
watcher();
|
|
}
|
|
|
|
switch (useProperty) {
|
|
case 'uiRoute':
|
|
// if uiRoute={{}} this will be undefined, otherwise it will have a value and $observe() never gets triggered
|
|
if (attrs.uiRoute){
|
|
regexWatcher(attrs.uiRoute);
|
|
}else{
|
|
attrs.$observe('uiRoute', regexWatcher);
|
|
}
|
|
break;
|
|
case 'ngHref':
|
|
// Setup watcher() every time ngHref changes
|
|
if (attrs.ngHref){
|
|
staticWatcher(attrs.ngHref);
|
|
}else{
|
|
attrs.$observe('ngHref', staticWatcher);
|
|
}
|
|
break;
|
|
case 'href':
|
|
// Setup watcher()
|
|
staticWatcher(attrs.href);
|
|
}
|
|
|
|
$scope.$on('$routeChangeSuccess', function(){
|
|
watcher();
|
|
});
|
|
|
|
//Added for compatibility with ui-router
|
|
$scope.$on('$stateChangeSuccess', function(){
|
|
watcher();
|
|
});
|
|
};
|
|
}
|
|
};
|
|
}]);
|
|
|
|
'use strict';
|
|
|
|
angular.module('ui.scroll.jqlite', ['ui.scroll']).service('jqLiteExtras', [
|
|
'$log', '$window', function(console, window) {
|
|
return {
|
|
registerFor: function(element) {
|
|
var convertToPx, css, getMeasurements, getStyle, getWidthHeight, isWindow, scrollTo;
|
|
css = angular.element.prototype.css;
|
|
element.prototype.css = function(name, value) {
|
|
var elem, self;
|
|
self = this;
|
|
elem = self[0];
|
|
if (!(!elem || elem.nodeType === 3 || elem.nodeType === 8 || !elem.style)) {
|
|
return css.call(self, name, value);
|
|
}
|
|
};
|
|
isWindow = function(obj) {
|
|
return obj && obj.document && obj.location && obj.alert && obj.setInterval;
|
|
};
|
|
scrollTo = function(self, direction, value) {
|
|
var elem, method, preserve, prop, _ref;
|
|
elem = self[0];
|
|
_ref = {
|
|
top: ['scrollTop', 'pageYOffset', 'scrollLeft'],
|
|
left: ['scrollLeft', 'pageXOffset', 'scrollTop']
|
|
}[direction], method = _ref[0], prop = _ref[1], preserve = _ref[2];
|
|
if (isWindow(elem)) {
|
|
if (angular.isDefined(value)) {
|
|
return elem.scrollTo(self[preserve].call(self), value);
|
|
} else {
|
|
if (prop in elem) {
|
|
return elem[prop];
|
|
} else {
|
|
return elem.document.documentElement[method];
|
|
}
|
|
}
|
|
} else {
|
|
if (angular.isDefined(value)) {
|
|
return elem[method] = value;
|
|
} else {
|
|
return elem[method];
|
|
}
|
|
}
|
|
};
|
|
if (window.getComputedStyle) {
|
|
getStyle = function(elem) {
|
|
return window.getComputedStyle(elem, null);
|
|
};
|
|
convertToPx = function(elem, value) {
|
|
return parseFloat(value);
|
|
};
|
|
} else {
|
|
getStyle = function(elem) {
|
|
return elem.currentStyle;
|
|
};
|
|
convertToPx = function(elem, value) {
|
|
var core_pnum, left, result, rnumnonpx, rs, rsLeft, style;
|
|
core_pnum = /[+-]?(?:\d*\.|)\d+(?:[eE][+-]?\d+|)/.source;
|
|
rnumnonpx = new RegExp('^(' + core_pnum + ')(?!px)[a-z%]+$', 'i');
|
|
if (!rnumnonpx.test(value)) {
|
|
return parseFloat(value);
|
|
} else {
|
|
style = elem.style;
|
|
left = style.left;
|
|
rs = elem.runtimeStyle;
|
|
rsLeft = rs && rs.left;
|
|
if (rs) {
|
|
rs.left = style.left;
|
|
}
|
|
style.left = value;
|
|
result = style.pixelLeft;
|
|
style.left = left;
|
|
if (rsLeft) {
|
|
rs.left = rsLeft;
|
|
}
|
|
return result;
|
|
}
|
|
};
|
|
}
|
|
getMeasurements = function(elem, measure) {
|
|
var base, borderA, borderB, computedMarginA, computedMarginB, computedStyle, dirA, dirB, marginA, marginB, paddingA, paddingB, _ref;
|
|
if (isWindow(elem)) {
|
|
base = document.documentElement[{
|
|
height: 'clientHeight',
|
|
width: 'clientWidth'
|
|
}[measure]];
|
|
return {
|
|
base: base,
|
|
padding: 0,
|
|
border: 0,
|
|
margin: 0
|
|
};
|
|
}
|
|
_ref = {
|
|
width: [elem.offsetWidth, 'Left', 'Right'],
|
|
height: [elem.offsetHeight, 'Top', 'Bottom']
|
|
}[measure], base = _ref[0], dirA = _ref[1], dirB = _ref[2];
|
|
computedStyle = getStyle(elem);
|
|
paddingA = convertToPx(elem, computedStyle['padding' + dirA]) || 0;
|
|
paddingB = convertToPx(elem, computedStyle['padding' + dirB]) || 0;
|
|
borderA = convertToPx(elem, computedStyle['border' + dirA + 'Width']) || 0;
|
|
borderB = convertToPx(elem, computedStyle['border' + dirB + 'Width']) || 0;
|
|
computedMarginA = computedStyle['margin' + dirA];
|
|
computedMarginB = computedStyle['margin' + dirB];
|
|
marginA = convertToPx(elem, computedMarginA) || 0;
|
|
marginB = convertToPx(elem, computedMarginB) || 0;
|
|
return {
|
|
base: base,
|
|
padding: paddingA + paddingB,
|
|
border: borderA + borderB,
|
|
margin: marginA + marginB
|
|
};
|
|
};
|
|
getWidthHeight = function(elem, direction, measure) {
|
|
var computedStyle, measurements, result;
|
|
measurements = getMeasurements(elem, direction);
|
|
if (measurements.base > 0) {
|
|
return {
|
|
base: measurements.base - measurements.padding - measurements.border,
|
|
outer: measurements.base,
|
|
outerfull: measurements.base + measurements.margin
|
|
}[measure];
|
|
} else {
|
|
computedStyle = getStyle(elem);
|
|
result = computedStyle[direction];
|
|
if (result < 0 || result === null) {
|
|
result = elem.style[direction] || 0;
|
|
}
|
|
result = parseFloat(result) || 0;
|
|
return {
|
|
base: result - measurements.padding - measurements.border,
|
|
outer: result,
|
|
outerfull: result + measurements.padding + measurements.border + measurements.margin
|
|
}[measure];
|
|
}
|
|
};
|
|
return angular.forEach({
|
|
before: function(newElem) {
|
|
var children, elem, i, parent, self, _i, _ref;
|
|
self = this;
|
|
elem = self[0];
|
|
parent = self.parent();
|
|
children = parent.contents();
|
|
if (children[0] === elem) {
|
|
return parent.prepend(newElem);
|
|
} else {
|
|
for (i = _i = 1, _ref = children.length - 1; 1 <= _ref ? _i <= _ref : _i >= _ref; i = 1 <= _ref ? ++_i : --_i) {
|
|
if (children[i] === elem) {
|
|
angular.element(children[i - 1]).after(newElem);
|
|
return;
|
|
}
|
|
}
|
|
throw new Error('invalid DOM structure ' + elem.outerHTML);
|
|
}
|
|
},
|
|
height: function(value) {
|
|
var self;
|
|
self = this;
|
|
if (angular.isDefined(value)) {
|
|
if (angular.isNumber(value)) {
|
|
value = value + 'px';
|
|
}
|
|
return css.call(self, 'height', value);
|
|
} else {
|
|
return getWidthHeight(this[0], 'height', 'base');
|
|
}
|
|
},
|
|
outerHeight: function(option) {
|
|
return getWidthHeight(this[0], 'height', option ? 'outerfull' : 'outer');
|
|
},
|
|
offset: function(value) {
|
|
var box, doc, docElem, elem, self, win;
|
|
self = this;
|
|
if (arguments.length) {
|
|
if (value === void 0) {
|
|
return self;
|
|
} else {
|
|
return value;
|
|
|
|
}
|
|
}
|
|
box = {
|
|
top: 0,
|
|
left: 0
|
|
};
|
|
elem = self[0];
|
|
doc = elem && elem.ownerDocument;
|
|
if (!doc) {
|
|
return;
|
|
}
|
|
docElem = doc.documentElement;
|
|
if (elem.getBoundingClientRect) {
|
|
box = elem.getBoundingClientRect();
|
|
}
|
|
win = doc.defaultView || doc.parentWindow;
|
|
return {
|
|
top: box.top + (win.pageYOffset || docElem.scrollTop) - (docElem.clientTop || 0),
|
|
left: box.left + (win.pageXOffset || docElem.scrollLeft) - (docElem.clientLeft || 0)
|
|
};
|
|
},
|
|
scrollTop: function(value) {
|
|
return scrollTo(this, 'top', value);
|
|
},
|
|
scrollLeft: function(value) {
|
|
return scrollTo(this, 'left', value);
|
|
}
|
|
}, function(value, key) {
|
|
if (!element.prototype[key]) {
|
|
return element.prototype[key] = value;
|
|
}
|
|
});
|
|
}
|
|
};
|
|
}
|
|
]).run([
|
|
'$log', '$window', 'jqLiteExtras', function(console, window, jqLiteExtras) {
|
|
if (!window.jQuery) {
|
|
return jqLiteExtras.registerFor(angular.element);
|
|
}
|
|
}
|
|
]);
|
|
|
|
'use strict';
|
|
/*
|
|
|
|
List of used element methods available in JQuery but not in JQuery Lite
|
|
|
|
element.before(elem)
|
|
element.height()
|
|
element.outerHeight(true)
|
|
element.height(value) = only for Top/Bottom padding elements
|
|
element.scrollTop()
|
|
element.scrollTop(value)
|
|
*/
|
|
|
|
angular.module('ui.scroll', []).directive('ngScrollViewport', [
|
|
'$log', function() {
|
|
return {
|
|
controller: [
|
|
'$scope', '$element', function(scope, element) {
|
|
return element;
|
|
}
|
|
]
|
|
};
|
|
}
|
|
]).directive('ngScroll', [
|
|
'$log', '$injector', '$rootScope', '$timeout', function(console, $injector, $rootScope, $timeout) {
|
|
return {
|
|
require: ['?^ngScrollViewport'],
|
|
transclude: 'element',
|
|
priority: 1000,
|
|
terminal: true,
|
|
compile: function(element, attr, linker) {
|
|
return function($scope, $element, $attr, controllers) {
|
|
var adapter, adjustBuffer, adjustRowHeight, bof, bottomVisiblePos, buffer, bufferPadding, bufferSize, clipBottom, clipTop, datasource, datasourceName, enqueueFetch, eof, eventListener, fetch, finalize, first, insert, isDatasource, isLoading, itemName, loading, match, next, pending, reload, removeFromBuffer, resizeHandler, scrollHandler, scrollHeight, shouldLoadBottom, shouldLoadTop, tempScope, topVisiblePos, viewport;
|
|
match = $attr.ngScroll.match(/^\s*(\w+)\s+in\s+(\w+)\s*$/);
|
|
if (!match) {
|
|
throw new Error('Expected ngScroll in form of "item_ in _datasource_" but got "' + $attr.ngScroll + '"');
|
|
}
|
|
itemName = match[1];
|
|
datasourceName = match[2];
|
|
isDatasource = function(datasource) {
|
|
return angular.isObject(datasource) && datasource.get && angular.isFunction(datasource.get);
|
|
};
|
|
datasource = $scope[datasourceName];
|
|
if (!isDatasource(datasource)) {
|
|
datasource = $injector.get(datasourceName);
|
|
if (!isDatasource(datasource)) {
|
|
throw new Error(datasourceName + ' is not a valid datasource');
|
|
}
|
|
}
|
|
bufferSize = Math.max(3, +$attr.bufferSize || 10);
|
|
bufferPadding = function() {
|
|
return viewport.height() * Math.max(0.1, +$attr.padding || 0.1);
|
|
};
|
|
scrollHeight = function(elem) {
|
|
return elem[0].scrollHeight || elem[0].document.documentElement.scrollHeight;
|
|
};
|
|
adapter = null;
|
|
linker(tempScope = $scope.$new(), function(template) {
|
|
var bottomPadding, createPadding, padding, repeaterType, topPadding, viewport;
|
|
repeaterType = template[0].localName;
|
|
if (repeaterType === 'dl') {
|
|
throw new Error('ng-scroll directive does not support <' + template[0].localName + '> as a repeating tag: ' + template[0].outerHTML);
|
|
}
|
|
if (repeaterType !== 'li' && repeaterType !== 'tr') {
|
|
repeaterType = 'div';
|
|
}
|
|
viewport = controllers[0] || angular.element(window);
|
|
viewport.css({
|
|
'overflow-y': 'auto',
|
|
'display': 'block'
|
|
});
|
|
padding = function(repeaterType) {
|
|
var div, result, table;
|
|
switch (repeaterType) {
|
|
case 'tr':
|
|
table = angular.element('<table><tr><td><div></div></td></tr></table>');
|
|
div = table.find('div');
|
|
result = table.find('tr');
|
|
result.paddingHeight = function() {
|
|
return div.height.apply(div, arguments);
|
|
};
|
|
return result;
|
|
default:
|
|
result = angular.element('<' + repeaterType + '></' + repeaterType + '>');
|
|
result.paddingHeight = result.height;
|
|
return result;
|
|
}
|
|
};
|
|
createPadding = function(padding, element, direction) {
|
|
element[{
|
|
top: 'before',
|
|
bottom: 'after'
|
|
}[direction]](padding);
|
|
return {
|
|
paddingHeight: function() {
|
|
return padding.paddingHeight.apply(padding, arguments);
|
|
},
|
|
insert: function(element) {
|
|
return padding[{
|
|
top: 'after',
|
|
bottom: 'before'
|
|
}[direction]](element);
|
|
}
|
|
};
|
|
};
|
|
topPadding = createPadding(padding(repeaterType), element, 'top');
|
|
bottomPadding = createPadding(padding(repeaterType), element, 'bottom');
|
|
tempScope.$destroy();
|
|
return adapter = {
|
|
viewport: viewport,
|
|
topPadding: topPadding.paddingHeight,
|
|
bottomPadding: bottomPadding.paddingHeight,
|
|
append: bottomPadding.insert,
|
|
prepend: topPadding.insert,
|
|
bottomDataPos: function() {
|
|
return scrollHeight(viewport) - bottomPadding.paddingHeight();
|
|
},
|
|
topDataPos: function() {
|
|
return topPadding.paddingHeight();
|
|
}
|
|
};
|
|
});
|
|
viewport = adapter.viewport;
|
|
first = 1;
|
|
next = 1;
|
|
buffer = [];
|
|
pending = [];
|
|
eof = false;
|
|
bof = false;
|
|
loading = datasource.loading || function() {};
|
|
isLoading = false;
|
|
removeFromBuffer = function(start, stop) {
|
|
var i, _i;
|
|
for (i = _i = start; start <= stop ? _i < stop : _i > stop; i = start <= stop ? ++_i : --_i) {
|
|
buffer[i].scope.$destroy();
|
|
buffer[i].element.remove();
|
|
}
|
|
return buffer.splice(start, stop - start);
|
|
};
|
|
reload = function() {
|
|
first = 1;
|
|
next = 1;
|
|
removeFromBuffer(0, buffer.length);
|
|
adapter.topPadding(0);
|
|
adapter.bottomPadding(0);
|
|
pending = [];
|
|
eof = false;
|
|
bof = false;
|
|
return adjustBuffer(false);
|
|
};
|
|
bottomVisiblePos = function() {
|
|
return viewport.scrollTop() + viewport.height();
|
|
};
|
|
topVisiblePos = function() {
|
|
return viewport.scrollTop();
|
|
};
|
|
shouldLoadBottom = function() {
|
|
return !eof && adapter.bottomDataPos() < bottomVisiblePos() + bufferPadding();
|
|
};
|
|
clipBottom = function() {
|
|
var bottomHeight, i, itemHeight, overage, _i, _ref;
|
|
bottomHeight = 0;
|
|
overage = 0;
|
|
for (i = _i = _ref = buffer.length - 1; _ref <= 0 ? _i <= 0 : _i >= 0; i = _ref <= 0 ? ++_i : --_i) {
|
|
itemHeight = buffer[i].element.outerHeight(true);
|
|
if (adapter.bottomDataPos() - bottomHeight - itemHeight > bottomVisiblePos() + bufferPadding()) {
|
|
bottomHeight += itemHeight;
|
|
overage++;
|
|
eof = false;
|
|
} else {
|
|
break;
|
|
}
|
|
}
|
|
if (overage > 0) {
|
|
adapter.bottomPadding(adapter.bottomPadding() + bottomHeight);
|
|
removeFromBuffer(buffer.length - overage, buffer.length);
|
|
next -= overage;
|
|
return console.log('clipped off bottom ' + overage + ' bottom padding ' + (adapter.bottomPadding()));
|
|
}
|
|
};
|
|
shouldLoadTop = function() {
|
|
return !bof && (adapter.topDataPos() > topVisiblePos() - bufferPadding());
|
|
};
|
|
clipTop = function() {
|
|
var item, itemHeight, overage, topHeight, _i, _len;
|
|
topHeight = 0;
|
|
overage = 0;
|
|
for (_i = 0, _len = buffer.length; _i < _len; _i++) {
|
|
item = buffer[_i];
|
|
itemHeight = item.element.outerHeight(true);
|
|
if (adapter.topDataPos() + topHeight + itemHeight < topVisiblePos() - bufferPadding()) {
|
|
topHeight += itemHeight;
|
|
overage++;
|
|
bof = false;
|
|
} else {
|
|
break;
|
|
}
|
|
}
|
|
if (overage > 0) {
|
|
adapter.topPadding(adapter.topPadding() + topHeight);
|
|
removeFromBuffer(0, overage);
|
|
first += overage;
|
|
return console.log('clipped off top ' + overage + ' top padding ' + (adapter.topPadding()));
|
|
}
|
|
};
|
|
enqueueFetch = function(direction, scrolling) {
|
|
if (!isLoading) {
|
|
isLoading = true;
|
|
loading(true);
|
|
}
|
|
if (pending.push(direction) === 1) {
|
|
return fetch(scrolling);
|
|
}
|
|
};
|
|
insert = function(index, item) {
|
|
var itemScope, toBeAppended, wrapper;
|
|
itemScope = $scope.$new();
|
|
itemScope[itemName] = item;
|
|
toBeAppended = index > first;
|
|
itemScope.$index = index;
|
|
if (toBeAppended) {
|
|
itemScope.$index--;
|
|
}
|
|
wrapper = {
|
|
scope: itemScope
|
|
};
|
|
linker(itemScope, function(clone) {
|
|
wrapper.element = clone;
|
|
if (toBeAppended) {
|
|
if (index === next) {
|
|
adapter.append(clone);
|
|
return buffer.push(wrapper);
|
|
} else {
|
|
buffer[index - first].element.after(clone);
|
|
return buffer.splice(index - first + 1, 0, wrapper);
|
|
}
|
|
} else {
|
|
adapter.prepend(clone);
|
|
return buffer.unshift(wrapper);
|
|
}
|
|
});
|
|
return {
|
|
appended: toBeAppended,
|
|
wrapper: wrapper
|
|
};
|
|
};
|
|
adjustRowHeight = function(appended, wrapper) {
|
|
var newHeight;
|
|
if (appended) {
|
|
return adapter.bottomPadding(Math.max(0, adapter.bottomPadding() - wrapper.element.outerHeight(true)));
|
|
} else {
|
|
newHeight = adapter.topPadding() - wrapper.element.outerHeight(true);
|
|
if (newHeight >= 0) {
|
|
return adapter.topPadding(newHeight);
|
|
} else {
|
|
return viewport.scrollTop(viewport.scrollTop() + wrapper.element.outerHeight(true));
|
|
}
|
|
}
|
|
};
|
|
adjustBuffer = function(scrolling, newItems, finalize) {
|
|
var doAdjustment;
|
|
doAdjustment = function() {
|
|
console.log('top {actual=' + (adapter.topDataPos()) + ' visible from=' + (topVisiblePos()) + ' bottom {visible through=' + (bottomVisiblePos()) + ' actual=' + (adapter.bottomDataPos()) + '}');
|
|
if (shouldLoadBottom()) {
|
|
enqueueFetch(true, scrolling);
|
|
} else {
|
|
if (shouldLoadTop()) {
|
|
enqueueFetch(false, scrolling);
|
|
}
|
|
}
|
|
if (finalize) {
|
|
return finalize();
|
|
}
|
|
};
|
|
if (newItems) {
|
|
return $timeout(function() {
|
|
var row, _i, _len;
|
|
for (_i = 0, _len = newItems.length; _i < _len; _i++) {
|
|
row = newItems[_i];
|
|
adjustRowHeight(row.appended, row.wrapper);
|
|
}
|
|
return doAdjustment();
|
|
});
|
|
} else {
|
|
return doAdjustment();
|
|
}
|
|
};
|
|
finalize = function(scrolling, newItems) {
|
|
return adjustBuffer(scrolling, newItems, function() {
|
|
pending.shift();
|
|
if (pending.length === 0) {
|
|
isLoading = false;
|
|
return loading(false);
|
|
} else {
|
|
return fetch(scrolling);
|
|
}
|
|
});
|
|
};
|
|
fetch = function(scrolling) {
|
|
var direction;
|
|
direction = pending[0];
|
|
if (direction) {
|
|
if (buffer.length && !shouldLoadBottom()) {
|
|
return finalize(scrolling);
|
|
} else {
|
|
return datasource.get(next, bufferSize, function(result) {
|
|
var item, newItems, _i, _len;
|
|
newItems = [];
|
|
if (result.length === 0) {
|
|
eof = true;
|
|
adapter.bottomPadding(0);
|
|
console.log('appended: requested ' + bufferSize + ' records starting from ' + next + ' recieved: eof');
|
|
} else {
|
|
clipTop();
|
|
for (_i = 0, _len = result.length; _i < _len; _i++) {
|
|
item = result[_i];
|
|
newItems.push(insert(++next, item));
|
|
}
|
|
console.log('appended: requested ' + bufferSize + ' received ' + result.length + ' buffer size ' + buffer.length + ' first ' + first + ' next ' + next);
|
|
}
|
|
return finalize(scrolling, newItems);
|
|
});
|
|
}
|
|
} else {
|
|
if (buffer.length && !shouldLoadTop()) {
|
|
return finalize(scrolling);
|
|
} else {
|
|
return datasource.get(first - bufferSize, bufferSize, function(result) {
|
|
var i, newItems, _i, _ref;
|
|
newItems = [];
|
|
if (result.length === 0) {
|
|
bof = true;
|
|
adapter.topPadding(0);
|
|
console.log('prepended: requested ' + bufferSize + ' records starting from ' + (first - bufferSize) + ' recieved: bof');
|
|
} else {
|
|
clipBottom();
|
|
for (i = _i = _ref = result.length - 1; _ref <= 0 ? _i <= 0 : _i >= 0; i = _ref <= 0 ? ++_i : --_i) {
|
|
newItems.unshift(insert(--first, result[i]));
|
|
}
|
|
console.log('prepended: requested ' + bufferSize + ' received ' + result.length + ' buffer size ' + buffer.length + ' first ' + first + ' next ' + next);
|
|
}
|
|
return finalize(scrolling, newItems);
|
|
});
|
|
}
|
|
}
|
|
};
|
|
resizeHandler = function() {
|
|
if (!$rootScope.$$phase && !isLoading) {
|
|
adjustBuffer(false);
|
|
return $scope.$apply();
|
|
}
|
|
};
|
|
viewport.bind('resize', resizeHandler);
|
|
scrollHandler = function() {
|
|
if (!$rootScope.$$phase && !isLoading) {
|
|
adjustBuffer(true);
|
|
return $scope.$apply();
|
|
}
|
|
};
|
|
viewport.bind('scroll', scrollHandler);
|
|
$scope.$watch(datasource.revision, function() {
|
|
return reload();
|
|
});
|
|
if (datasource.scope) {
|
|
eventListener = datasource.scope.$new();
|
|
} else {
|
|
eventListener = $scope.$new();
|
|
}
|
|
$scope.$on('$destroy', function() {
|
|
eventListener.$destroy();
|
|
viewport.unbind('resize', resizeHandler);
|
|
return viewport.unbind('scroll', scrollHandler);
|
|
});
|
|
eventListener.$on('update.items', function(event, locator, newItem) {
|
|
var wrapper, _fn, _i, _len, _ref;
|
|
if (angular.isFunction(locator)) {
|
|
_fn = function(wrapper) {
|
|
return locator(wrapper.scope);
|
|
};
|
|
for (_i = 0, _len = buffer.length; _i < _len; _i++) {
|
|
wrapper = buffer[_i];
|
|
_fn(wrapper);
|
|
}
|
|
} else {
|
|
if ((0 <= (_ref = locator - first - 1) && _ref < buffer.length)) {
|
|
buffer[locator - first - 1].scope[itemName] = newItem;
|
|
}
|
|
}
|
|
return null;
|
|
});
|
|
eventListener.$on('delete.items', function(event, locator) {
|
|
var i, item, temp, wrapper, _fn, _i, _j, _k, _len, _len1, _len2, _ref;
|
|
if (angular.isFunction(locator)) {
|
|
temp = [];
|
|
for (_i = 0, _len = buffer.length; _i < _len; _i++) {
|
|
item = buffer[_i];
|
|
temp.unshift(item);
|
|
}
|
|
_fn = function(wrapper) {
|
|
if (locator(wrapper.scope)) {
|
|
removeFromBuffer(temp.length - 1 - i, temp.length - i);
|
|
return next--;
|
|
}
|
|
};
|
|
for (i = _j = 0, _len1 = temp.length; _j < _len1; i = ++_j) {
|
|
wrapper = temp[i];
|
|
_fn(wrapper);
|
|
}
|
|
} else {
|
|
if ((0 <= (_ref = locator - first - 1) && _ref < buffer.length)) {
|
|
removeFromBuffer(locator - first - 1, locator - first);
|
|
next--;
|
|
}
|
|
}
|
|
for (i = _k = 0, _len2 = buffer.length; _k < _len2; i = ++_k) {
|
|
item = buffer[i];
|
|
item.scope.$index = first + i;
|
|
}
|
|
return adjustBuffer(false);
|
|
});
|
|
return eventListener.$on('insert.item', function(event, locator, item) {
|
|
var i, inserted, temp, wrapper, _fn, _i, _j, _k, _len, _len1, _len2, _ref;
|
|
inserted = [];
|
|
if (angular.isFunction(locator)) {
|
|
temp = [];
|
|
for (_i = 0, _len = buffer.length; _i < _len; _i++) {
|
|
item = buffer[_i];
|
|
temp.unshift(item);
|
|
}
|
|
_fn = function(wrapper) {
|
|
var j, newItems, _k, _len2, _results;
|
|
if (newItems = locator(wrapper.scope)) {
|
|
insert = function(index, newItem) {
|
|
insert(index, newItem);
|
|
return next++;
|
|
};
|
|
if (angular.isArray(newItems)) {
|
|
_results = [];
|
|
for (j = _k = 0, _len2 = newItems.length; _k < _len2; j = ++_k) {
|
|
item = newItems[j];
|
|
_results.push(inserted.push(insert(i + j, item)));
|
|
}
|
|
return _results;
|
|
} else {
|
|
return inserted.push(insert(i, newItems));
|
|
}
|
|
}
|
|
};
|
|
for (i = _j = 0, _len1 = temp.length; _j < _len1; i = ++_j) {
|
|
wrapper = temp[i];
|
|
_fn(wrapper);
|
|
}
|
|
} else {
|
|
if ((0 <= (_ref = locator - first - 1) && _ref < buffer.length)) {
|
|
inserted.push(insert(locator, item));
|
|
next++;
|
|
}
|
|
}
|
|
for (i = _k = 0, _len2 = buffer.length; _k < _len2; i = ++_k) {
|
|
item = buffer[i];
|
|
item.scope.$index = first + i;
|
|
}
|
|
return adjustBuffer(false, inserted);
|
|
});
|
|
};
|
|
}
|
|
};
|
|
}
|
|
]);
|
|
|
|
'use strict';
|
|
|
|
/**
|
|
* Adds a 'ui-scrollfix' class to the element when the page scrolls past it's position.
|
|
* @param [offset] {int} optional Y-offset to override the detected offset.
|
|
* Takes 300 (absolute) or -300 or +300 (relative to detected)
|
|
*/
|
|
angular.module('ui.scrollfix',[]).directive('uiScrollfix', ['$window', function ($window) {
|
|
return {
|
|
require: '^?uiScrollfixTarget',
|
|
link: function (scope, elm, attrs, uiScrollfixTarget) {
|
|
var top = elm[0].offsetTop,
|
|
$target = uiScrollfixTarget && uiScrollfixTarget.$element || angular.element($window);
|
|
|
|
if (!attrs.uiScrollfix) {
|
|
attrs.uiScrollfix = top;
|
|
} else if (typeof(attrs.uiScrollfix) === 'string') {
|
|
// charAt is generally faster than indexOf: http://jsperf.com/indexof-vs-charat
|
|
if (attrs.uiScrollfix.charAt(0) === '-') {
|
|
attrs.uiScrollfix = top - parseFloat(attrs.uiScrollfix.substr(1));
|
|
} else if (attrs.uiScrollfix.charAt(0) === '+') {
|
|
attrs.uiScrollfix = top + parseFloat(attrs.uiScrollfix.substr(1));
|
|
}
|
|
}
|
|
|
|
function onScroll() {
|
|
// if pageYOffset is defined use it, otherwise use other crap for IE
|
|
var offset;
|
|
if (angular.isDefined($window.pageYOffset)) {
|
|
offset = $window.pageYOffset;
|
|
} else {
|
|
var iebody = (document.compatMode && document.compatMode !== 'BackCompat') ? document.documentElement : document.body;
|
|
offset = iebody.scrollTop;
|
|
}
|
|
if (!elm.hasClass('ui-scrollfix') && offset > attrs.uiScrollfix) {
|
|
elm.addClass('ui-scrollfix');
|
|
} else if (elm.hasClass('ui-scrollfix') && offset < attrs.uiScrollfix) {
|
|
elm.removeClass('ui-scrollfix');
|
|
}
|
|
}
|
|
|
|
$target.on('scroll', onScroll);
|
|
|
|
// Unbind scroll event handler when directive is removed
|
|
scope.$on('$destroy', function() {
|
|
$target.off('scroll', onScroll);
|
|
});
|
|
}
|
|
};
|
|
}]).directive('uiScrollfixTarget', [function () {
|
|
return {
|
|
controller: ['$element', function($element) {
|
|
this.$element = $element;
|
|
}]
|
|
};
|
|
}]);
|
|
|
|
'use strict';
|
|
|
|
/**
|
|
* uiShow Directive
|
|
*
|
|
* Adds a 'ui-show' class to the element instead of display:block
|
|
* Created to allow tighter control of CSS without bulkier directives
|
|
*
|
|
* @param expression {boolean} evaluated expression to determine if the class should be added
|
|
*/
|
|
angular.module('ui.showhide',[])
|
|
.directive('uiShow', [function () {
|
|
return function (scope, elm, attrs) {
|
|
scope.$watch(attrs.uiShow, function (newVal) {
|
|
if (newVal) {
|
|
elm.addClass('ui-show');
|
|
} else {
|
|
elm.removeClass('ui-show');
|
|
}
|
|
});
|
|
};
|
|
}])
|
|
|
|
/**
|
|
* uiHide Directive
|
|
*
|
|
* Adds a 'ui-hide' class to the element instead of display:block
|
|
* Created to allow tighter control of CSS without bulkier directives
|
|
*
|
|
* @param expression {boolean} evaluated expression to determine if the class should be added
|
|
*/
|
|
.directive('uiHide', [function () {
|
|
return function (scope, elm, attrs) {
|
|
scope.$watch(attrs.uiHide, function (newVal) {
|
|
if (newVal) {
|
|
elm.addClass('ui-hide');
|
|
} else {
|
|
elm.removeClass('ui-hide');
|
|
}
|
|
});
|
|
};
|
|
}])
|
|
|
|
/**
|
|
* uiToggle Directive
|
|
*
|
|
* Adds a class 'ui-show' if true, and a 'ui-hide' if false to the element instead of display:block/display:none
|
|
* Created to allow tighter control of CSS without bulkier directives. This also allows you to override the
|
|
* default visibility of the element using either class.
|
|
*
|
|
* @param expression {boolean} evaluated expression to determine if the class should be added
|
|
*/
|
|
.directive('uiToggle', [function () {
|
|
return function (scope, elm, attrs) {
|
|
scope.$watch(attrs.uiToggle, function (newVal) {
|
|
if (newVal) {
|
|
elm.removeClass('ui-hide').addClass('ui-show');
|
|
} else {
|
|
elm.removeClass('ui-show').addClass('ui-hide');
|
|
}
|
|
});
|
|
};
|
|
}]);
|
|
|
|
'use strict';
|
|
|
|
/**
|
|
* Filters out all duplicate items from an array by checking the specified key
|
|
* @param [key] {string} the name of the attribute of each object to compare for uniqueness
|
|
if the key is empty, the entire object will be compared
|
|
if the key === false then no filtering will be performed
|
|
* @return {array}
|
|
*/
|
|
angular.module('ui.unique',[]).filter('unique', ['$parse', function ($parse) {
|
|
|
|
return function (items, filterOn) {
|
|
|
|
if (filterOn === false) {
|
|
return items;
|
|
}
|
|
|
|
if ((filterOn || angular.isUndefined(filterOn)) && angular.isArray(items)) {
|
|
var newItems = [],
|
|
get = angular.isString(filterOn) ? $parse(filterOn) : function (item) { return item; };
|
|
|
|
var extractValueToCompare = function (item) {
|
|
return angular.isObject(item) ? get(item) : item;
|
|
};
|
|
|
|
angular.forEach(items, function (item) {
|
|
var isDuplicate = false;
|
|
|
|
for (var i = 0; i < newItems.length; i++) {
|
|
if (angular.equals(extractValueToCompare(newItems[i]), extractValueToCompare(item))) {
|
|
isDuplicate = true;
|
|
break;
|
|
}
|
|
}
|
|
if (!isDuplicate) {
|
|
newItems.push(item);
|
|
}
|
|
|
|
});
|
|
items = newItems;
|
|
}
|
|
return items;
|
|
};
|
|
}]);
|
|
|
|
'use strict';
|
|
|
|
/**
|
|
* General-purpose validator for ngModel.
|
|
* angular.js comes with several built-in validation mechanism for input fields (ngRequired, ngPattern etc.) but using
|
|
* an arbitrary validation function requires creation of a custom formatters and / or parsers.
|
|
* The ui-validate directive makes it easy to use any function(s) defined in scope as a validator function(s).
|
|
* A validator function will trigger validation on both model and input changes.
|
|
*
|
|
* @example <input ui-validate=" 'myValidatorFunction($value)' ">
|
|
* @example <input ui-validate="{ foo : '$value > anotherModel', bar : 'validateFoo($value)' }">
|
|
* @example <input ui-validate="{ foo : '$value > anotherModel' }" ui-validate-watch=" 'anotherModel' ">
|
|
* @example <input ui-validate="{ foo : '$value > anotherModel', bar : 'validateFoo($value)' }" ui-validate-watch=" { foo : 'anotherModel' } ">
|
|
*
|
|
* @param ui-validate {string|object literal} If strings is passed it should be a scope's function to be used as a validator.
|
|
* If an object literal is passed a key denotes a validation error key while a value should be a validator function.
|
|
* In both cases validator function should take a value to validate as its argument and should return true/false indicating a validation result.
|
|
*/
|
|
angular.module('ui.validate',[]).directive('uiValidate', function () {
|
|
|
|
return {
|
|
restrict: 'A',
|
|
require: 'ngModel',
|
|
link: function (scope, elm, attrs, ctrl) {
|
|
var validateFn, validators = {},
|
|
validateExpr = scope.$eval(attrs.uiValidate);
|
|
|
|
if (!validateExpr){ return;}
|
|
|
|
if (angular.isString(validateExpr)) {
|
|
validateExpr = { validator: validateExpr };
|
|
}
|
|
|
|
angular.forEach(validateExpr, function (exprssn, key) {
|
|
validateFn = function (valueToValidate) {
|
|
var expression = scope.$eval(exprssn, { '$value' : valueToValidate });
|
|
if (angular.isObject(expression) && angular.isFunction(expression.then)) {
|
|
// expression is a promise
|
|
expression.then(function(){
|
|
ctrl.$setValidity(key, true);
|
|
}, function(){
|
|
ctrl.$setValidity(key, false);
|
|
});
|
|
return valueToValidate;
|
|
} else if (expression) {
|
|
// expression is true
|
|
ctrl.$setValidity(key, true);
|
|
return valueToValidate;
|
|
} else {
|
|
// expression is false
|
|
ctrl.$setValidity(key, false);
|
|
return valueToValidate;
|
|
}
|
|
};
|
|
validators[key] = validateFn;
|
|
ctrl.$formatters.push(validateFn);
|
|
ctrl.$parsers.push(validateFn);
|
|
});
|
|
|
|
function apply_watch(watch)
|
|
{
|
|
//string - update all validators on expression change
|
|
if (angular.isString(watch))
|
|
{
|
|
scope.$watch(watch, function(){
|
|
angular.forEach(validators, function(validatorFn){
|
|
validatorFn(ctrl.$modelValue);
|
|
});
|
|
});
|
|
return;
|
|
}
|
|
|
|
//array - update all validators on change of any expression
|
|
if (angular.isArray(watch))
|
|
{
|
|
angular.forEach(watch, function(expression){
|
|
scope.$watch(expression, function()
|
|
{
|
|
angular.forEach(validators, function(validatorFn){
|
|
validatorFn(ctrl.$modelValue);
|
|
});
|
|
});
|
|
});
|
|
return;
|
|
}
|
|
|
|
//object - update appropriate validator
|
|
if (angular.isObject(watch))
|
|
{
|
|
angular.forEach(watch, function(expression, validatorKey)
|
|
{
|
|
//value is string - look after one expression
|
|
if (angular.isString(expression))
|
|
{
|
|
scope.$watch(expression, function(){
|
|
validators[validatorKey](ctrl.$modelValue);
|
|
});
|
|
}
|
|
|
|
//value is array - look after all expressions in array
|
|
if (angular.isArray(expression))
|
|
{
|
|
angular.forEach(expression, function(intExpression)
|
|
{
|
|
scope.$watch(intExpression, function(){
|
|
validators[validatorKey](ctrl.$modelValue);
|
|
});
|
|
});
|
|
}
|
|
});
|
|
}
|
|
}
|
|
// Support for ui-validate-watch
|
|
if (attrs.uiValidateWatch){
|
|
apply_watch( scope.$eval(attrs.uiValidateWatch) );
|
|
}
|
|
}
|
|
};
|
|
});
|
|
|
|
angular.module('ui.utils', [
|
|
'ui.event',
|
|
'ui.format',
|
|
'ui.highlight',
|
|
'ui.include',
|
|
'ui.indeterminate',
|
|
'ui.inflector',
|
|
'ui.jq',
|
|
'ui.keypress',
|
|
'ui.mask',
|
|
'ui.reset',
|
|
'ui.route',
|
|
'ui.scrollfix',
|
|
'ui.scroll',
|
|
'ui.scroll.jqlite',
|
|
'ui.showhide',
|
|
'ui.unique',
|
|
'ui.validate'
|
|
]);
|