Please wait. This can take some minutes ...
Many resources are needed to download a project. Please understand that we have to compensate our server costs. Thank you in advance.
Project price only 1 $
You can buy this project and download/modify it how often you want.
static.idm.libs.angular-strap_2.1.6.angular-strap.js Maven / Gradle / Ivy
/**
* angular-strap
* @version v2.1.6 - 2015-01-11
* @link http://mgcrea.github.io/angular-strap
* @author Olivier Louvignes ([email protected] )
* @license MIT License, http://www.opensource.org/licenses/MIT
*/
(function(window, document, undefined) {
'use strict';
// Source: module.js
angular.module('mgcrea.ngStrap', [
'mgcrea.ngStrap.modal',
'mgcrea.ngStrap.aside',
'mgcrea.ngStrap.alert',
'mgcrea.ngStrap.button',
'mgcrea.ngStrap.select',
'mgcrea.ngStrap.datepicker',
'mgcrea.ngStrap.timepicker',
'mgcrea.ngStrap.navbar',
'mgcrea.ngStrap.tooltip',
'mgcrea.ngStrap.popover',
'mgcrea.ngStrap.dropdown',
'mgcrea.ngStrap.typeahead',
'mgcrea.ngStrap.scrollspy',
'mgcrea.ngStrap.affix',
'mgcrea.ngStrap.tab',
'mgcrea.ngStrap.collapse'
]);
// Source: affix.js
angular.module('mgcrea.ngStrap.affix', ['mgcrea.ngStrap.helpers.dimensions', 'mgcrea.ngStrap.helpers.debounce'])
.provider('$affix', function() {
var defaults = this.defaults = {
offsetTop: 'auto'
};
this.$get = ["$window", "debounce", "dimensions", function($window, debounce, dimensions) {
var bodyEl = angular.element($window.document.body);
var windowEl = angular.element($window);
function AffixFactory(element, config) {
var $affix = {};
// Common vars
var options = angular.extend({}, defaults, config);
var targetEl = options.target;
// Initial private vars
var reset = 'affix affix-top affix-bottom',
setWidth = false,
initialAffixTop = 0,
initialOffsetTop = 0,
offsetTop = 0,
offsetBottom = 0,
affixed = null,
unpin = null;
var parent = element.parent();
// Options: custom parent
if (options.offsetParent) {
if (options.offsetParent.match(/^\d+$/)) {
for (var i = 0; i < (options.offsetParent * 1) - 1; i++) {
parent = parent.parent();
}
}
else {
parent = angular.element(options.offsetParent);
}
}
$affix.init = function() {
this.$parseOffsets();
initialOffsetTop = dimensions.offset(element[0]).top + initialAffixTop;
setWidth = !element[0].style.width;
// Bind events
targetEl.on('scroll', this.checkPosition);
targetEl.on('click', this.checkPositionWithEventLoop);
windowEl.on('resize', this.$debouncedOnResize);
// Both of these checkPosition() calls are necessary for the case where
// the user hits refresh after scrolling to the bottom of the page.
this.checkPosition();
this.checkPositionWithEventLoop();
};
$affix.destroy = function() {
// Unbind events
targetEl.off('scroll', this.checkPosition);
targetEl.off('click', this.checkPositionWithEventLoop);
windowEl.off('resize', this.$debouncedOnResize);
};
$affix.checkPositionWithEventLoop = function() {
// IE 9 throws an error if we use 'this' instead of '$affix'
// in this setTimeout call
setTimeout($affix.checkPosition, 1);
};
$affix.checkPosition = function() {
// if (!this.$element.is(':visible')) return
var scrollTop = getScrollTop();
var position = dimensions.offset(element[0]);
var elementHeight = dimensions.height(element[0]);
// Get required affix class according to position
var affix = getRequiredAffixClass(unpin, position, elementHeight);
// Did affix status changed this last check?
if(affixed === affix) return;
affixed = affix;
// Add proper affix class
element.removeClass(reset).addClass('affix' + ((affix !== 'middle') ? '-' + affix : ''));
if(affix === 'top') {
unpin = null;
element.css('position', (options.offsetParent) ? '' : 'relative');
if(setWidth) {
element.css('width', '');
}
element.css('top', '');
} else if(affix === 'bottom') {
if (options.offsetUnpin) {
unpin = -(options.offsetUnpin * 1);
}
else {
// Calculate unpin threshold when affixed to bottom.
// Hopefully the browser scrolls pixel by pixel.
unpin = position.top - scrollTop;
}
if(setWidth) {
element.css('width', '');
}
element.css('position', (options.offsetParent) ? '' : 'relative');
element.css('top', (options.offsetParent) ? '' : ((bodyEl[0].offsetHeight - offsetBottom - elementHeight - initialOffsetTop) + 'px'));
} else { // affix === 'middle'
unpin = null;
if(setWidth) {
element.css('width', element[0].offsetWidth + 'px');
}
element.css('position', 'fixed');
element.css('top', initialAffixTop + 'px');
}
};
$affix.$onResize = function() {
$affix.$parseOffsets();
$affix.checkPosition();
};
$affix.$debouncedOnResize = debounce($affix.$onResize, 50);
$affix.$parseOffsets = function() {
var initialPosition = element.css('position');
// Reset position to calculate correct offsetTop
element.css('position', (options.offsetParent) ? '' : 'relative');
if(options.offsetTop) {
if(options.offsetTop === 'auto') {
options.offsetTop = '+0';
}
if(options.offsetTop.match(/^[-+]\d+$/)) {
initialAffixTop = - options.offsetTop * 1;
if(options.offsetParent) {
offsetTop = dimensions.offset(parent[0]).top + (options.offsetTop * 1);
}
else {
offsetTop = dimensions.offset(element[0]).top - dimensions.css(element[0], 'marginTop', true) + (options.offsetTop * 1);
}
}
else {
offsetTop = options.offsetTop * 1;
}
}
if(options.offsetBottom) {
if(options.offsetParent && options.offsetBottom.match(/^[-+]\d+$/)) {
// add 1 pixel due to rounding problems...
offsetBottom = getScrollHeight() - (dimensions.offset(parent[0]).top + dimensions.height(parent[0])) + (options.offsetBottom * 1) + 1;
}
else {
offsetBottom = options.offsetBottom * 1;
}
}
// Bring back the element's position after calculations
element.css('position', initialPosition);
};
// Private methods
function getRequiredAffixClass(unpin, position, elementHeight) {
var scrollTop = getScrollTop();
var scrollHeight = getScrollHeight();
if(scrollTop <= offsetTop) {
return 'top';
} else if(unpin !== null && (scrollTop + unpin <= position.top)) {
return 'middle';
} else if(offsetBottom !== null && (position.top + elementHeight + initialAffixTop >= scrollHeight - offsetBottom)) {
return 'bottom';
} else {
return 'middle';
}
}
function getScrollTop() {
return targetEl[0] === $window ? $window.pageYOffset : targetEl[0].scrollTop;
}
function getScrollHeight() {
return targetEl[0] === $window ? $window.document.body.scrollHeight : targetEl[0].scrollHeight;
}
$affix.init();
return $affix;
}
return AffixFactory;
}];
})
.directive('bsAffix', ["$affix", "$window", function($affix, $window) {
return {
restrict: 'EAC',
require: '^?bsAffixTarget',
link: function postLink(scope, element, attr, affixTarget) {
var options = {scope: scope, offsetTop: 'auto', target: affixTarget ? affixTarget.$element : angular.element($window)};
angular.forEach(['offsetTop', 'offsetBottom', 'offsetParent', 'offsetUnpin'], function(key) {
if(angular.isDefined(attr[key])) options[key] = attr[key];
});
var affix = $affix(element, options);
scope.$on('$destroy', function() {
affix && affix.destroy();
options = null;
affix = null;
});
}
};
}])
.directive('bsAffixTarget', function() {
return {
controller: ["$element", function($element) {
this.$element = $element;
}]
};
});
// Source: alert.js
// @BUG: following snippet won't compile correctly
// @TODO: submit issue to core
// ' ' +
angular.module('mgcrea.ngStrap.alert', ['mgcrea.ngStrap.modal'])
.provider('$alert', function() {
var defaults = this.defaults = {
animation: 'am-fade',
prefixClass: 'alert',
prefixEvent: 'alert',
placement: null,
template: 'alert/alert.tpl.html',
container: false,
element: null,
backdrop: false,
keyboard: true,
show: true,
// Specific options
duration: false,
type: false,
dismissable: true
};
this.$get = ["$modal", "$timeout", function($modal, $timeout) {
function AlertFactory(config) {
var $alert = {};
// Common vars
var options = angular.extend({}, defaults, config);
$alert = $modal(options);
// Support scope as string options [/*title, content, */ type, dismissable]
$alert.$scope.dismissable = !!options.dismissable;
if(options.type) {
$alert.$scope.type = options.type;
}
// Support auto-close duration
var show = $alert.show;
if(options.duration) {
$alert.show = function() {
show();
$timeout(function() {
$alert.hide();
}, options.duration * 1000);
};
}
return $alert;
}
return AlertFactory;
}];
})
.directive('bsAlert', ["$window", "$sce", "$alert", function($window, $sce, $alert) {
var requestAnimationFrame = $window.requestAnimationFrame || $window.setTimeout;
return {
restrict: 'EAC',
scope: true,
link: function postLink(scope, element, attr, transclusion) {
// Directive options
var options = {scope: scope, element: element, show: false};
angular.forEach(['template', 'placement', 'keyboard', 'html', 'container', 'animation', 'duration', 'dismissable'], function(key) {
if(angular.isDefined(attr[key])) options[key] = attr[key];
});
// Support scope as data-attrs
angular.forEach(['title', 'content', 'type'], function(key) {
attr[key] && attr.$observe(key, function(newValue, oldValue) {
scope[key] = $sce.trustAsHtml(newValue);
});
});
// Support scope as an object
attr.bsAlert && scope.$watch(attr.bsAlert, function(newValue, oldValue) {
if(angular.isObject(newValue)) {
angular.extend(scope, newValue);
} else {
scope.content = newValue;
}
}, true);
// Initialize alert
var alert = $alert(options);
// Trigger
element.on(attr.trigger || 'click', alert.toggle);
// Garbage collection
scope.$on('$destroy', function() {
if (alert) alert.destroy();
options = null;
alert = null;
});
}
};
}]);
// Source: aside.js
angular.module('mgcrea.ngStrap.aside', ['mgcrea.ngStrap.modal'])
.provider('$aside', function() {
var defaults = this.defaults = {
animation: 'am-fade-and-slide-right',
prefixClass: 'aside',
prefixEvent: 'aside',
placement: 'right',
template: 'aside/aside.tpl.html',
contentTemplate: false,
container: false,
element: null,
backdrop: true,
keyboard: true,
html: false,
show: true
};
this.$get = ["$modal", function($modal) {
function AsideFactory(config) {
var $aside = {};
// Common vars
var options = angular.extend({}, defaults, config);
$aside = $modal(options);
return $aside;
}
return AsideFactory;
}];
})
.directive('bsAside', ["$window", "$sce", "$aside", function($window, $sce, $aside) {
var requestAnimationFrame = $window.requestAnimationFrame || $window.setTimeout;
return {
restrict: 'EAC',
scope: true,
link: function postLink(scope, element, attr, transclusion) {
// Directive options
var options = {scope: scope, element: element, show: false};
angular.forEach(['template', 'contentTemplate', 'placement', 'backdrop', 'keyboard', 'html', 'container', 'animation'], function(key) {
if(angular.isDefined(attr[key])) options[key] = attr[key];
});
// Support scope as data-attrs
angular.forEach(['title', 'content'], function(key) {
attr[key] && attr.$observe(key, function(newValue, oldValue) {
scope[key] = $sce.trustAsHtml(newValue);
});
});
// Support scope as an object
attr.bsAside && scope.$watch(attr.bsAside, function(newValue, oldValue) {
if(angular.isObject(newValue)) {
angular.extend(scope, newValue);
} else {
scope.content = newValue;
}
}, true);
// Initialize aside
var aside = $aside(options);
// Trigger
element.on(attr.trigger || 'click', aside.toggle);
// Garbage collection
scope.$on('$destroy', function() {
if (aside) aside.destroy();
options = null;
aside = null;
});
}
};
}]);
// Source: button.js
angular.module('mgcrea.ngStrap.button', [])
.provider('$button', function() {
var defaults = this.defaults = {
activeClass:'active',
toggleEvent:'click'
};
this.$get = function() {
return {defaults: defaults};
};
})
.directive('bsCheckboxGroup', function() {
return {
restrict: 'A',
require: 'ngModel',
compile: function postLink(element, attr) {
element.attr('data-toggle', 'buttons');
element.removeAttr('ng-model');
var children = element[0].querySelectorAll('input[type="checkbox"]');
angular.forEach(children, function(child) {
var childEl = angular.element(child);
childEl.attr('bs-checkbox', '');
childEl.attr('ng-model', attr.ngModel + '.' + childEl.attr('value'));
});
}
};
})
.directive('bsCheckbox', ["$button", "$$rAF", function($button, $$rAF) {
var defaults = $button.defaults;
var constantValueRegExp = /^(true|false|\d+)$/;
return {
restrict: 'A',
require: 'ngModel',
link: function postLink(scope, element, attr, controller) {
var options = defaults;
// Support label > input[type="checkbox"]
var isInput = element[0].nodeName === 'INPUT';
var activeElement = isInput ? element.parent() : element;
var trueValue = angular.isDefined(attr.trueValue) ? attr.trueValue : true;
if(constantValueRegExp.test(attr.trueValue)) {
trueValue = scope.$eval(attr.trueValue);
}
var falseValue = angular.isDefined(attr.falseValue) ? attr.falseValue : false;
if(constantValueRegExp.test(attr.falseValue)) {
falseValue = scope.$eval(attr.falseValue);
}
// Parse exotic values
var hasExoticValues = typeof trueValue !== 'boolean' || typeof falseValue !== 'boolean';
if(hasExoticValues) {
controller.$parsers.push(function(viewValue) {
// console.warn('$parser', element.attr('ng-model'), 'viewValue', viewValue);
return viewValue ? trueValue : falseValue;
});
// modelValue -> $formatters -> viewValue
controller.$formatters.push(function(modelValue) {
// console.warn('$formatter("%s"): modelValue=%o (%o)', element.attr('ng-model'), modelValue, typeof modelValue);
return angular.equals(modelValue, trueValue);
});
// Fix rendering for exotic values
scope.$watch(attr.ngModel, function(newValue, oldValue) {
controller.$render();
});
}
// model -> view
controller.$render = function () {
// console.warn('$render', element.attr('ng-model'), 'controller.$modelValue', typeof controller.$modelValue, controller.$modelValue, 'controller.$viewValue', typeof controller.$viewValue, controller.$viewValue);
var isActive = angular.equals(controller.$modelValue, trueValue);
$$rAF(function() {
if(isInput) element[0].checked = isActive;
activeElement.toggleClass(options.activeClass, isActive);
});
};
// view -> model
element.bind(options.toggleEvent, function() {
scope.$apply(function () {
// console.warn('!click', element.attr('ng-model'), 'controller.$viewValue', typeof controller.$viewValue, controller.$viewValue, 'controller.$modelValue', typeof controller.$modelValue, controller.$modelValue);
if(!isInput) {
controller.$setViewValue(!activeElement.hasClass('active'));
}
if(!hasExoticValues) {
controller.$render();
}
});
});
}
};
}])
.directive('bsRadioGroup', function() {
return {
restrict: 'A',
require: 'ngModel',
compile: function postLink(element, attr) {
element.attr('data-toggle', 'buttons');
element.removeAttr('ng-model');
var children = element[0].querySelectorAll('input[type="radio"]');
angular.forEach(children, function(child) {
angular.element(child).attr('bs-radio', '');
angular.element(child).attr('ng-model', attr.ngModel);
});
}
};
})
.directive('bsRadio', ["$button", "$$rAF", function($button, $$rAF) {
var defaults = $button.defaults;
var constantValueRegExp = /^(true|false|\d+)$/;
return {
restrict: 'A',
require: 'ngModel',
link: function postLink(scope, element, attr, controller) {
var options = defaults;
// Support `label > input[type="radio"]` markup
var isInput = element[0].nodeName === 'INPUT';
var activeElement = isInput ? element.parent() : element;
var value = constantValueRegExp.test(attr.value) ? scope.$eval(attr.value) : attr.value;
// model -> view
controller.$render = function () {
// console.warn('$render', element.attr('value'), 'controller.$modelValue', typeof controller.$modelValue, controller.$modelValue, 'controller.$viewValue', typeof controller.$viewValue, controller.$viewValue);
var isActive = angular.equals(controller.$modelValue, value);
$$rAF(function() {
if(isInput) element[0].checked = isActive;
activeElement.toggleClass(options.activeClass, isActive);
});
};
// view -> model
element.bind(options.toggleEvent, function() {
scope.$apply(function () {
// console.warn('!click', element.attr('value'), 'controller.$viewValue', typeof controller.$viewValue, controller.$viewValue, 'controller.$modelValue', typeof controller.$modelValue, controller.$modelValue);
controller.$setViewValue(value);
controller.$render();
});
});
}
};
}]);
// Source: collapse.js
angular.module('mgcrea.ngStrap.collapse', [])
.provider('$collapse', function() {
var defaults = this.defaults = {
animation: 'am-collapse',
disallowToggle: false,
activeClass: 'in',
startCollapsed: false,
allowMultiple: false
};
var controller = this.controller = function($scope, $element, $attrs) {
var self = this;
// Attributes options
self.$options = angular.copy(defaults);
angular.forEach(['animation', 'disallowToggle', 'activeClass', 'startCollapsed', 'allowMultiple'], function (key) {
if(angular.isDefined($attrs[key])) self.$options[key] = $attrs[key];
});
self.$toggles = [];
self.$targets = [];
self.$viewChangeListeners = [];
self.$registerToggle = function(element) {
self.$toggles.push(element);
};
self.$registerTarget = function(element) {
self.$targets.push(element);
};
self.$unregisterToggle = function(element) {
var index = self.$toggles.indexOf(element);
// remove toggle from $toggles array
self.$toggles.splice(index, 1);
};
self.$unregisterTarget = function(element) {
var index = self.$targets.indexOf(element);
// remove element from $targets array
self.$targets.splice(index, 1);
if (self.$options.allowMultiple) {
// remove target index from $active array values
deactivateItem(element);
}
// fix active item indexes
fixActiveItemIndexes(index);
self.$viewChangeListeners.forEach(function(fn) {
fn();
});
};
// use array to store all the currently open panels
self.$targets.$active = !self.$options.startCollapsed ? [0] : [];
self.$setActive = $scope.$setActive = function(value) {
if(angular.isArray(value)) {
self.$targets.$active = angular.copy(value);
}
else if(!self.$options.disallowToggle) {
// toogle element active status
isActive(value) ? deactivateItem(value) : activateItem(value);
} else {
activateItem(value);
}
self.$viewChangeListeners.forEach(function(fn) {
fn();
});
};
self.$activeIndexes = function() {
return self.$options.allowMultiple ? self.$targets.$active :
self.$targets.$active.length === 1 ? self.$targets.$active[0] : -1;
};
function fixActiveItemIndexes(index) {
// item with index was removed, so we
// need to adjust other items index values
var activeIndexes = self.$targets.$active;
for(var i = 0; i < activeIndexes.length; i++) {
if (index < activeIndexes[i]) {
activeIndexes[i] = activeIndexes[i] - 1;
}
// the last item is active, so we need to
// adjust its index
if (activeIndexes[i] === self.$targets.length) {
activeIndexes[i] = self.$targets.length - 1;
}
}
}
function isActive(value) {
var activeItems = self.$targets.$active;
return activeItems.indexOf(value) === -1 ? false : true;
}
function deactivateItem(value) {
var index = self.$targets.$active.indexOf(value);
if (index !== -1) {
self.$targets.$active.splice(index, 1);
}
}
function activateItem(value) {
if (!self.$options.allowMultiple) {
// remove current selected item
self.$targets.$active.splice(0, 1);
}
if (self.$targets.$active.indexOf(value) === -1) {
self.$targets.$active.push(value);
}
}
};
this.$get = function() {
var $collapse = {};
$collapse.defaults = defaults;
$collapse.controller = controller;
return $collapse;
};
})
.directive('bsCollapse', ["$window", "$animate", "$collapse", function($window, $animate, $collapse) {
var defaults = $collapse.defaults;
return {
require: ['?ngModel', 'bsCollapse'],
controller: ['$scope', '$element', '$attrs', $collapse.controller],
link: function postLink(scope, element, attrs, controllers) {
var ngModelCtrl = controllers[0];
var bsCollapseCtrl = controllers[1];
if(ngModelCtrl) {
// Update the modelValue following
bsCollapseCtrl.$viewChangeListeners.push(function() {
ngModelCtrl.$setViewValue(bsCollapseCtrl.$activeIndexes());
});
// modelValue -> $formatters -> viewValue
ngModelCtrl.$formatters.push(function(modelValue) {
// console.warn('$formatter("%s"): modelValue=%o (%o)', element.attr('ng-model'), modelValue, typeof modelValue);
if (angular.isArray(modelValue)) {
// model value is an array, so just replace
// the active items directly
bsCollapseCtrl.$setActive(modelValue);
}
else {
var activeIndexes = bsCollapseCtrl.$activeIndexes();
if (angular.isArray(activeIndexes)) {
// we have an array of selected indexes
if (activeIndexes.indexOf(modelValue * 1) === -1) {
// item with modelValue index is not active
bsCollapseCtrl.$setActive(modelValue * 1);
}
}
else if (activeIndexes !== modelValue * 1) {
bsCollapseCtrl.$setActive(modelValue * 1);
}
}
return modelValue;
});
}
}
};
}])
.directive('bsCollapseToggle', function() {
return {
require: ['^?ngModel', '^bsCollapse'],
link: function postLink(scope, element, attrs, controllers) {
var ngModelCtrl = controllers[0];
var bsCollapseCtrl = controllers[1];
// Add base attr
element.attr('data-toggle', 'collapse');
// Push pane to parent bsCollapse controller
bsCollapseCtrl.$registerToggle(element);
// remove toggle from collapse controller when toggle is destroyed
scope.$on('$destroy', function() {
bsCollapseCtrl.$unregisterToggle(element);
});
element.on('click', function() {
var index = attrs.bsCollapseToggle || bsCollapseCtrl.$toggles.indexOf(element);
bsCollapseCtrl.$setActive(index * 1);
scope.$apply();
});
}
};
})
.directive('bsCollapseTarget', ["$animate", function($animate) {
return {
require: ['^?ngModel', '^bsCollapse'],
// scope: true,
link: function postLink(scope, element, attrs, controllers) {
var ngModelCtrl = controllers[0];
var bsCollapseCtrl = controllers[1];
// Add base class
element.addClass('collapse');
// Add animation class
if(bsCollapseCtrl.$options.animation) {
element.addClass(bsCollapseCtrl.$options.animation);
}
// Push pane to parent bsCollapse controller
bsCollapseCtrl.$registerTarget(element);
// remove pane target from collapse controller when target is destroyed
scope.$on('$destroy', function() {
bsCollapseCtrl.$unregisterTarget(element);
});
function render() {
var index = bsCollapseCtrl.$targets.indexOf(element);
var active = bsCollapseCtrl.$activeIndexes();
var action = 'removeClass';
if (angular.isArray(active)) {
if (active.indexOf(index) !== -1) {
action = 'addClass';
}
}
else if (index === active) {
action = 'addClass';
}
$animate[action](element, bsCollapseCtrl.$options.activeClass);
}
bsCollapseCtrl.$viewChangeListeners.push(function() {
render();
});
render();
}
};
}]);
// Source: datepicker.js
angular.module('mgcrea.ngStrap.datepicker', [
'mgcrea.ngStrap.helpers.dateParser',
'mgcrea.ngStrap.helpers.dateFormatter',
'mgcrea.ngStrap.tooltip'])
.provider('$datepicker', function() {
var defaults = this.defaults = {
animation: 'am-fade',
prefixClass: 'datepicker',
placement: 'bottom-left',
template: 'datepicker/datepicker.tpl.html',
trigger: 'focus',
container: false,
keyboard: true,
html: false,
delay: 0,
// lang: $locale.id,
useNative: false,
dateType: 'date',
dateFormat: 'shortDate',
modelDateFormat: null,
dayFormat: 'dd',
monthFormat: 'MMM',
yearFormat: 'yyyy',
monthTitleFormat: 'MMMM yyyy',
yearTitleFormat: 'yyyy',
strictFormat: false,
autoclose: false,
minDate: -Infinity,
maxDate: +Infinity,
startView: 0,
minView: 0,
startWeek: 0,
daysOfWeekDisabled: '',
iconLeft: 'glyphicon glyphicon-chevron-left',
iconRight: 'glyphicon glyphicon-chevron-right'
};
this.$get = ["$window", "$document", "$rootScope", "$sce", "$dateFormatter", "datepickerViews", "$tooltip", "$timeout", function($window, $document, $rootScope, $sce, $dateFormatter, datepickerViews, $tooltip, $timeout) {
var bodyEl = angular.element($window.document.body);
var isNative = /(ip(a|o)d|iphone|android)/ig.test($window.navigator.userAgent);
var isTouch = ('createTouch' in $window.document) && isNative;
if(!defaults.lang) defaults.lang = $dateFormatter.getDefaultLocale();
function DatepickerFactory(element, controller, config) {
var $datepicker = $tooltip(element, angular.extend({}, defaults, config));
var parentScope = config.scope;
var options = $datepicker.$options;
var scope = $datepicker.$scope;
if(options.startView) options.startView -= options.minView;
// View vars
var pickerViews = datepickerViews($datepicker);
$datepicker.$views = pickerViews.views;
var viewDate = pickerViews.viewDate;
scope.$mode = options.startView;
scope.$iconLeft = options.iconLeft;
scope.$iconRight = options.iconRight;
var $picker = $datepicker.$views[scope.$mode];
// Scope methods
scope.$select = function(date) {
$datepicker.select(date);
};
scope.$selectPane = function(value) {
$datepicker.$selectPane(value);
};
scope.$toggleMode = function() {
$datepicker.setMode((scope.$mode + 1) % $datepicker.$views.length);
};
// Public methods
$datepicker.update = function(date) {
// console.warn('$datepicker.update() newValue=%o', date);
if(angular.isDate(date) && !isNaN(date.getTime())) {
$datepicker.$date = date;
$picker.update.call($picker, date);
}
// Build only if pristine
$datepicker.$build(true);
};
$datepicker.updateDisabledDates = function(dateRanges) {
options.disabledDateRanges = dateRanges;
for(var i = 0, l = scope.rows.length; i < l; i++) {
angular.forEach(scope.rows[i], $datepicker.$setDisabledEl);
}
};
$datepicker.select = function(date, keep) {
// console.warn('$datepicker.select', date, scope.$mode);
if(!angular.isDate(controller.$dateValue)) controller.$dateValue = new Date(date);
if(!scope.$mode || keep) {
controller.$setViewValue(angular.copy(date));
controller.$render();
if(options.autoclose && !keep) {
$timeout(function() { $datepicker.hide(true); });
}
} else {
angular.extend(viewDate, {year: date.getFullYear(), month: date.getMonth(), date: date.getDate()});
$datepicker.setMode(scope.$mode - 1);
$datepicker.$build();
}
};
$datepicker.setMode = function(mode) {
// console.warn('$datepicker.setMode', mode);
scope.$mode = mode;
$picker = $datepicker.$views[scope.$mode];
$datepicker.$build();
};
// Protected methods
$datepicker.$build = function(pristine) {
// console.warn('$datepicker.$build() viewDate=%o', viewDate);
if(pristine === true && $picker.built) return;
if(pristine === false && !$picker.built) return;
$picker.build.call($picker);
};
$datepicker.$updateSelected = function() {
for(var i = 0, l = scope.rows.length; i < l; i++) {
angular.forEach(scope.rows[i], updateSelected);
}
};
$datepicker.$isSelected = function(date) {
return $picker.isSelected(date);
};
$datepicker.$setDisabledEl = function(el) {
el.disabled = $picker.isDisabled(el.date);
};
$datepicker.$selectPane = function(value) {
var steps = $picker.steps;
// set targetDate to first day of month to avoid problems with
// date values rollover. This assumes the viewDate does not
// depend on the day of the month
var targetDate = new Date(Date.UTC(viewDate.year + ((steps.year || 0) * value), viewDate.month + ((steps.month || 0) * value), 1));
angular.extend(viewDate, {year: targetDate.getUTCFullYear(), month: targetDate.getUTCMonth(), date: targetDate.getUTCDate()});
$datepicker.$build();
};
$datepicker.$onMouseDown = function(evt) {
// Prevent blur on mousedown on .dropdown-menu
evt.preventDefault();
evt.stopPropagation();
// Emulate click for mobile devices
if(isTouch) {
var targetEl = angular.element(evt.target);
if(targetEl[0].nodeName.toLowerCase() !== 'button') {
targetEl = targetEl.parent();
}
targetEl.triggerHandler('click');
}
};
$datepicker.$onKeyDown = function(evt) {
if (!/(38|37|39|40|13)/.test(evt.keyCode) || evt.shiftKey || evt.altKey) return;
evt.preventDefault();
evt.stopPropagation();
if(evt.keyCode === 13) {
if(!scope.$mode) {
return $datepicker.hide(true);
} else {
return scope.$apply(function() { $datepicker.setMode(scope.$mode - 1); });
}
}
// Navigate with keyboard
$picker.onKeyDown(evt);
parentScope.$digest();
};
// Private
function updateSelected(el) {
el.selected = $datepicker.$isSelected(el.date);
}
function focusElement() {
element[0].focus();
}
// Overrides
var _init = $datepicker.init;
$datepicker.init = function() {
if(isNative && options.useNative) {
element.prop('type', 'date');
element.css('-webkit-appearance', 'textfield');
return;
} else if(isTouch) {
element.prop('type', 'text');
element.attr('readonly', 'true');
element.on('click', focusElement);
}
_init();
};
var _destroy = $datepicker.destroy;
$datepicker.destroy = function() {
if(isNative && options.useNative) {
element.off('click', focusElement);
}
_destroy();
};
var _show = $datepicker.show;
$datepicker.show = function() {
_show();
// use timeout to hookup the events to prevent
// event bubbling from being processed imediately.
$timeout(function() {
// if $datepicker is no longer showing, don't setup events
if(!$datepicker.$isShown) return;
$datepicker.$element.on(isTouch ? 'touchstart' : 'mousedown', $datepicker.$onMouseDown);
if(options.keyboard) {
element.on('keydown', $datepicker.$onKeyDown);
}
}, 0, false);
};
var _hide = $datepicker.hide;
$datepicker.hide = function(blur) {
if(!$datepicker.$isShown) return;
$datepicker.$element.off(isTouch ? 'touchstart' : 'mousedown', $datepicker.$onMouseDown);
if(options.keyboard) {
element.off('keydown', $datepicker.$onKeyDown);
}
_hide(blur);
};
return $datepicker;
}
DatepickerFactory.defaults = defaults;
return DatepickerFactory;
}];
})
.directive('bsDatepicker', ["$window", "$parse", "$q", "$dateFormatter", "$dateParser", "$datepicker", function($window, $parse, $q, $dateFormatter, $dateParser, $datepicker) {
var defaults = $datepicker.defaults;
var isNative = /(ip(a|o)d|iphone|android)/ig.test($window.navigator.userAgent);
return {
restrict: 'EAC',
require: 'ngModel',
link: function postLink(scope, element, attr, controller) {
// Directive options
var options = {scope: scope, controller: controller};
angular.forEach(['placement', 'container', 'delay', 'trigger', 'keyboard', 'html', 'animation', 'template', 'autoclose', 'dateType', 'dateFormat', 'modelDateFormat', 'dayFormat', 'strictFormat', 'startWeek', 'startDate', 'useNative', 'lang', 'startView', 'minView', 'iconLeft', 'iconRight', 'daysOfWeekDisabled', 'id'], function(key) {
if(angular.isDefined(attr[key])) options[key] = attr[key];
});
// Visibility binding support
attr.bsShow && scope.$watch(attr.bsShow, function(newValue, oldValue) {
if(!datepicker || !angular.isDefined(newValue)) return;
if(angular.isString(newValue)) newValue = !!newValue.match(/true|,?(datepicker),?/i);
newValue === true ? datepicker.show() : datepicker.hide();
});
// Initialize datepicker
var datepicker = $datepicker(element, controller, options);
options = datepicker.$options;
// Set expected iOS format
if(isNative && options.useNative) options.dateFormat = 'yyyy-MM-dd';
var lang = options.lang;
var formatDate = function(date, format) {
return $dateFormatter.formatDate(date, format, lang);
};
var dateParser = $dateParser({format: options.dateFormat, lang: lang, strict: options.strictFormat});
// Observe attributes for changes
angular.forEach(['minDate', 'maxDate'], function(key) {
// console.warn('attr.$observe(%s)', key, attr[key]);
angular.isDefined(attr[key]) && attr.$observe(key, function(newValue) {
// console.warn('attr.$observe(%s)=%o', key, newValue);
datepicker.$options[key] = dateParser.getDateForAttribute(key, newValue);
// Build only if dirty
!isNaN(datepicker.$options[key]) && datepicker.$build(false);
validateAgainstMinMaxDate(controller.$dateValue);
});
});
// Watch model for changes
scope.$watch(attr.ngModel, function(newValue, oldValue) {
datepicker.update(controller.$dateValue);
}, true);
// Normalize undefined/null/empty array,
// so that we don't treat changing from undefined->null as a change.
function normalizeDateRanges(ranges) {
if (!ranges || !ranges.length) return null;
return ranges;
}
if (angular.isDefined(attr.disabledDates)) {
scope.$watch(attr.disabledDates, function(disabledRanges, previousValue) {
disabledRanges = normalizeDateRanges(disabledRanges);
previousValue = normalizeDateRanges(previousValue);
if (disabledRanges) {
datepicker.updateDisabledDates(disabledRanges);
}
});
}
function validateAgainstMinMaxDate(parsedDate) {
if (!angular.isDate(parsedDate)) return;
var isMinValid = isNaN(datepicker.$options.minDate) || parsedDate.getTime() >= datepicker.$options.minDate;
var isMaxValid = isNaN(datepicker.$options.maxDate) || parsedDate.getTime() <= datepicker.$options.maxDate;
var isValid = isMinValid && isMaxValid;
controller.$setValidity('date', isValid);
controller.$setValidity('min', isMinValid);
controller.$setValidity('max', isMaxValid);
// Only update the model when we have a valid date
if(isValid) controller.$dateValue = parsedDate;
}
// viewValue -> $parsers -> modelValue
controller.$parsers.unshift(function(viewValue) {
// console.warn('$parser("%s"): viewValue=%o', element.attr('ng-model'), viewValue);
// Null values should correctly reset the model value & validity
if(!viewValue) {
controller.$setValidity('date', true);
// BREAKING CHANGE:
// return null (not undefined) when input value is empty, so angularjs 1.3
// ngModelController can go ahead and run validators, like ngRequired
return null;
}
var parsedDate = dateParser.parse(viewValue, controller.$dateValue);
if(!parsedDate || isNaN(parsedDate.getTime())) {
controller.$setValidity('date', false);
// return undefined, causes ngModelController to
// invalidate model value
return;
} else {
validateAgainstMinMaxDate(parsedDate);
}
if(options.dateType === 'string') {
return formatDate(parsedDate, options.modelDateFormat || options.dateFormat);
} else if(options.dateType === 'number') {
return controller.$dateValue.getTime();
} else if(options.dateType === 'unix') {
return controller.$dateValue.getTime() / 1000;
} else if(options.dateType === 'iso') {
return controller.$dateValue.toISOString();
} else {
return new Date(controller.$dateValue);
}
});
// modelValue -> $formatters -> viewValue
controller.$formatters.push(function(modelValue) {
// console.warn('$formatter("%s"): modelValue=%o (%o)', element.attr('ng-model'), modelValue, typeof modelValue);
var date;
if(angular.isUndefined(modelValue) || modelValue === null) {
date = NaN;
} else if(angular.isDate(modelValue)) {
date = modelValue;
} else if(options.dateType === 'string') {
date = dateParser.parse(modelValue, null, options.modelDateFormat);
} else if(options.dateType === 'unix') {
date = new Date(modelValue * 1000);
} else {
date = new Date(modelValue);
}
// Setup default value?
// if(isNaN(date.getTime())) {
// var today = new Date();
// date = new Date(today.getFullYear(), today.getMonth(), today.getDate(), 0, 0, 0, 0);
// }
controller.$dateValue = date;
return getDateFormattedString();
});
// viewValue -> element
controller.$render = function() {
// console.warn('$render("%s"): viewValue=%o', element.attr('ng-model'), controller.$viewValue);
element.val(getDateFormattedString());
};
function getDateFormattedString() {
return !controller.$dateValue || isNaN(controller.$dateValue.getTime()) ? '' : formatDate(controller.$dateValue, options.dateFormat);
}
// Garbage collection
scope.$on('$destroy', function() {
if(datepicker) datepicker.destroy();
options = null;
datepicker = null;
});
}
};
}])
.provider('datepickerViews', function() {
var defaults = this.defaults = {
dayFormat: 'dd',
daySplit: 7
};
// Split array into smaller arrays
function split(arr, size) {
var arrays = [];
while(arr.length > 0) {
arrays.push(arr.splice(0, size));
}
return arrays;
}
// Modulus operator
function mod(n, m) {
return ((n % m) + m) % m;
}
this.$get = ["$dateFormatter", "$dateParser", "$sce", function($dateFormatter, $dateParser, $sce) {
return function(picker) {
var scope = picker.$scope;
var options = picker.$options;
var lang = options.lang;
var formatDate = function(date, format) {
return $dateFormatter.formatDate(date, format, lang);
};
var dateParser = $dateParser({format: options.dateFormat, lang: lang, strict: options.strictFormat});
var weekDaysMin = $dateFormatter.weekdaysShort(lang);
var weekDaysLabels = weekDaysMin.slice(options.startWeek).concat(weekDaysMin.slice(0, options.startWeek));
var weekDaysLabelsHtml = $sce.trustAsHtml('' + weekDaysLabels.join(' ') + ' ');
var startDate = picker.$date || (options.startDate ? dateParser.getDateForAttribute('startDate', options.startDate) : new Date());
var viewDate = {year: startDate.getFullYear(), month: startDate.getMonth(), date: startDate.getDate()};
var timezoneOffset = startDate.getTimezoneOffset() * 6e4;
var views = [{
format: options.dayFormat,
split: 7,
steps: { month: 1 },
update: function(date, force) {
if(!this.built || force || date.getFullYear() !== viewDate.year || date.getMonth() !== viewDate.month) {
angular.extend(viewDate, {year: picker.$date.getFullYear(), month: picker.$date.getMonth(), date: picker.$date.getDate()});
picker.$build();
} else if(date.getDate() !== viewDate.date) {
viewDate.date = picker.$date.getDate();
picker.$updateSelected();
}
},
build: function() {
var firstDayOfMonth = new Date(viewDate.year, viewDate.month, 1), firstDayOfMonthOffset = firstDayOfMonth.getTimezoneOffset();
var firstDate = new Date(+firstDayOfMonth - mod(firstDayOfMonth.getDay() - options.startWeek, 7) * 864e5), firstDateOffset = firstDate.getTimezoneOffset();
var today = new Date().toDateString();
// Handle daylight time switch
if(firstDateOffset !== firstDayOfMonthOffset) firstDate = new Date(+firstDate + (firstDateOffset - firstDayOfMonthOffset) * 60e3);
var days = [], day;
for(var i = 0; i < 42; i++) { // < 7 * 6
day = dateParser.daylightSavingAdjust(new Date(firstDate.getFullYear(), firstDate.getMonth(), firstDate.getDate() + i));
days.push({date: day, isToday: day.toDateString() === today, label: formatDate(day, this.format), selected: picker.$date && this.isSelected(day), muted: day.getMonth() !== viewDate.month, disabled: this.isDisabled(day)});
}
scope.title = formatDate(firstDayOfMonth, options.monthTitleFormat);
scope.showLabels = true;
scope.labels = weekDaysLabelsHtml;
scope.rows = split(days, this.split);
this.built = true;
},
isSelected: function(date) {
return picker.$date && date.getFullYear() === picker.$date.getFullYear() && date.getMonth() === picker.$date.getMonth() && date.getDate() === picker.$date.getDate();
},
isDisabled: function(date) {
var time = date.getTime();
// Disabled because of min/max date.
if (time < options.minDate || time > options.maxDate) return true;
// Disabled due to being a disabled day of the week
if (options.daysOfWeekDisabled.indexOf(date.getDay()) !== -1) return true;
// Disabled because of disabled date range.
if (options.disabledDateRanges) {
for (var i = 0; i < options.disabledDateRanges.length; i++) {
if (time >= options.disabledDateRanges[i].start && time <= options.disabledDateRanges[i].end) {
return true;
}
}
}
return false;
},
onKeyDown: function(evt) {
if (!picker.$date) {
return;
}
var actualTime = picker.$date.getTime();
var newDate;
if(evt.keyCode === 37) newDate = new Date(actualTime - 1 * 864e5);
else if(evt.keyCode === 38) newDate = new Date(actualTime - 7 * 864e5);
else if(evt.keyCode === 39) newDate = new Date(actualTime + 1 * 864e5);
else if(evt.keyCode === 40) newDate = new Date(actualTime + 7 * 864e5);
if (!this.isDisabled(newDate)) picker.select(newDate, true);
}
}, {
name: 'month',
format: options.monthFormat,
split: 4,
steps: { year: 1 },
update: function(date, force) {
if(!this.built || date.getFullYear() !== viewDate.year) {
angular.extend(viewDate, {year: picker.$date.getFullYear(), month: picker.$date.getMonth(), date: picker.$date.getDate()});
picker.$build();
} else if(date.getMonth() !== viewDate.month) {
angular.extend(viewDate, {month: picker.$date.getMonth(), date: picker.$date.getDate()});
picker.$updateSelected();
}
},
build: function() {
var firstMonth = new Date(viewDate.year, 0, 1);
var months = [], month;
for (var i = 0; i < 12; i++) {
month = new Date(viewDate.year, i, 1);
months.push({date: month, label: formatDate(month, this.format), selected: picker.$isSelected(month), disabled: this.isDisabled(month)});
}
scope.title = formatDate(month, options.yearTitleFormat);
scope.showLabels = false;
scope.rows = split(months, this.split);
this.built = true;
},
isSelected: function(date) {
return picker.$date && date.getFullYear() === picker.$date.getFullYear() && date.getMonth() === picker.$date.getMonth();
},
isDisabled: function(date) {
var lastDate = +new Date(date.getFullYear(), date.getMonth() + 1, 0);
return lastDate < options.minDate || date.getTime() > options.maxDate;
},
onKeyDown: function(evt) {
if (!picker.$date) {
return;
}
var actualMonth = picker.$date.getMonth();
var newDate = new Date(picker.$date);
if(evt.keyCode === 37) newDate.setMonth(actualMonth - 1);
else if(evt.keyCode === 38) newDate.setMonth(actualMonth - 4);
else if(evt.keyCode === 39) newDate.setMonth(actualMonth + 1);
else if(evt.keyCode === 40) newDate.setMonth(actualMonth + 4);
if (!this.isDisabled(newDate)) picker.select(newDate, true);
}
}, {
name: 'year',
format: options.yearFormat,
split: 4,
steps: { year: 12 },
update: function(date, force) {
if(!this.built || force || parseInt(date.getFullYear()/20, 10) !== parseInt(viewDate.year/20, 10)) {
angular.extend(viewDate, {year: picker.$date.getFullYear(), month: picker.$date.getMonth(), date: picker.$date.getDate()});
picker.$build();
} else if(date.getFullYear() !== viewDate.year) {
angular.extend(viewDate, {year: picker.$date.getFullYear(), month: picker.$date.getMonth(), date: picker.$date.getDate()});
picker.$updateSelected();
}
},
build: function() {
var firstYear = viewDate.year - viewDate.year % (this.split * 3);
var years = [], year;
for (var i = 0; i < 12; i++) {
year = new Date(firstYear + i, 0, 1);
years.push({date: year, label: formatDate(year, this.format), selected: picker.$isSelected(year), disabled: this.isDisabled(year)});
}
scope.title = years[0].label + '-' + years[years.length - 1].label;
scope.showLabels = false;
scope.rows = split(years, this.split);
this.built = true;
},
isSelected: function(date) {
return picker.$date && date.getFullYear() === picker.$date.getFullYear();
},
isDisabled: function(date) {
var lastDate = +new Date(date.getFullYear() + 1, 0, 0);
return lastDate < options.minDate || date.getTime() > options.maxDate;
},
onKeyDown: function(evt) {
if (!picker.$date) {
return;
}
var actualYear = picker.$date.getFullYear(),
newDate = new Date(picker.$date);
if(evt.keyCode === 37) newDate.setYear(actualYear - 1);
else if(evt.keyCode === 38) newDate.setYear(actualYear - 4);
else if(evt.keyCode === 39) newDate.setYear(actualYear + 1);
else if(evt.keyCode === 40) newDate.setYear(actualYear + 4);
if (!this.isDisabled(newDate)) picker.select(newDate, true);
}
}];
return {
views: options.minView ? Array.prototype.slice.call(views, options.minView) : views,
viewDate: viewDate
};
};
}];
});
// Source: dropdown.js
angular.module('mgcrea.ngStrap.dropdown', ['mgcrea.ngStrap.tooltip'])
.provider('$dropdown', function() {
var defaults = this.defaults = {
animation: 'am-fade',
prefixClass: 'dropdown',
placement: 'bottom-left',
template: 'dropdown/dropdown.tpl.html',
trigger: 'click',
container: false,
keyboard: true,
html: false,
delay: 0
};
this.$get = ["$window", "$rootScope", "$tooltip", "$timeout", function($window, $rootScope, $tooltip, $timeout) {
var bodyEl = angular.element($window.document.body);
var matchesSelector = Element.prototype.matchesSelector || Element.prototype.webkitMatchesSelector || Element.prototype.mozMatchesSelector || Element.prototype.msMatchesSelector || Element.prototype.oMatchesSelector;
function DropdownFactory(element, config) {
var $dropdown = {};
// Common vars
var options = angular.extend({}, defaults, config);
var scope = $dropdown.$scope = options.scope && options.scope.$new() || $rootScope.$new();
$dropdown = $tooltip(element, options);
var parentEl = element.parent();
// Protected methods
$dropdown.$onKeyDown = function(evt) {
if (!/(38|40)/.test(evt.keyCode)) return;
evt.preventDefault();
evt.stopPropagation();
// Retrieve focused index
var items = angular.element($dropdown.$element[0].querySelectorAll('li:not(.divider) a'));
if(!items.length) return;
var index;
angular.forEach(items, function(el, i) {
if(matchesSelector && matchesSelector.call(el, ':focus')) index = i;
});
// Navigate with keyboard
if(evt.keyCode === 38 && index > 0) index--;
else if(evt.keyCode === 40 && index < items.length - 1) index++;
else if(angular.isUndefined(index)) index = 0;
items.eq(index)[0].focus();
};
// Overrides
var show = $dropdown.show;
$dropdown.show = function() {
show();
// use timeout to hookup the events to prevent
// event bubbling from being processed imediately.
$timeout(function() {
options.keyboard && $dropdown.$element.on('keydown', $dropdown.$onKeyDown);
bodyEl.on('click', onBodyClick);
}, 0, false);
parentEl.hasClass('dropdown') && parentEl.addClass('open');
};
var hide = $dropdown.hide;
$dropdown.hide = function() {
if(!$dropdown.$isShown) return;
options.keyboard && $dropdown.$element.off('keydown', $dropdown.$onKeyDown);
bodyEl.off('click', onBodyClick);
parentEl.hasClass('dropdown') && parentEl.removeClass('open');
hide();
};
var destroy = $dropdown.destroy;
$dropdown.destroy = function() {
bodyEl.off('click', onBodyClick);
destroy();
};
// Private functions
function onBodyClick(evt) {
if(evt.target === element[0]) return;
return evt.target !== element[0] && $dropdown.hide();
}
return $dropdown;
}
return DropdownFactory;
}];
})
.directive('bsDropdown', ["$window", "$sce", "$dropdown", function($window, $sce, $dropdown) {
return {
restrict: 'EAC',
scope: true,
link: function postLink(scope, element, attr, transclusion) {
// Directive options
var options = {scope: scope};
angular.forEach(['placement', 'container', 'delay', 'trigger', 'keyboard', 'html', 'animation', 'template', 'id'], function(key) {
if(angular.isDefined(attr[key])) options[key] = attr[key];
});
// Support scope as an object
attr.bsDropdown && scope.$watch(attr.bsDropdown, function(newValue, oldValue) {
scope.content = newValue;
}, true);
// Visibility binding support
attr.bsShow && scope.$watch(attr.bsShow, function(newValue, oldValue) {
if(!dropdown || !angular.isDefined(newValue)) return;
if(angular.isString(newValue)) newValue = !!newValue.match(/true|,?(dropdown),?/i);
newValue === true ? dropdown.show() : dropdown.hide();
});
// Initialize dropdown
var dropdown = $dropdown(element, options);
// Garbage collection
scope.$on('$destroy', function() {
if (dropdown) dropdown.destroy();
options = null;
dropdown = null;
});
}
};
}]);
// Source: date-formatter.js
angular.module('mgcrea.ngStrap.helpers.dateFormatter', [])
.service('$dateFormatter', ["$locale", "dateFilter", function($locale, dateFilter) {
// The unused `lang` arguments are on purpose. The default implementation does not
// use them and it always uses the locale loaded into the `$locale` service.
// Custom implementations might use it, thus allowing different directives to
// have different languages.
this.getDefaultLocale = function() {
return $locale.id;
};
// Format is either a data format name, e.g. "shortTime" or "fullDate", or a date format
// Return either the corresponding date format or the given date format.
this.getDatetimeFormat = function(format, lang) {
return $locale.DATETIME_FORMATS[format] || format;
};
this.weekdaysShort = function(lang) {
return $locale.DATETIME_FORMATS.SHORTDAY;
};
function splitTimeFormat(format) {
return /(h+)([:\.])?(m+)[ ]?(a?)/i.exec(format).slice(1);
}
// h:mm a => h
this.hoursFormat = function(timeFormat) {
return splitTimeFormat(timeFormat)[0];
};
// h:mm a => mm
this.minutesFormat = function(timeFormat) {
return splitTimeFormat(timeFormat)[2];
};
// h:mm a => :
this.timeSeparator = function(timeFormat) {
return splitTimeFormat(timeFormat)[1];
};
// h:mm a => true, H.mm => false
this.showAM = function(timeFormat) {
return !!splitTimeFormat(timeFormat)[3];
};
this.formatDate = function(date, format, lang){
return dateFilter(date, format);
};
}]);
// Source: date-parser.js
angular.module('mgcrea.ngStrap.helpers.dateParser', [])
.provider('$dateParser', ["$localeProvider", function($localeProvider) {
// define a custom ParseDate object to use instead of native Date
// to avoid date values wrapping when setting date component values
function ParseDate() {
this.year = 1970;
this.month = 0;
this.day = 1;
this.hours = 0;
this.minutes = 0;
this.seconds = 0;
this.milliseconds = 0;
}
ParseDate.prototype.setMilliseconds = function(value) { this.milliseconds = value; };
ParseDate.prototype.setSeconds = function(value) { this.seconds = value; };
ParseDate.prototype.setMinutes = function(value) { this.minutes = value; };
ParseDate.prototype.setHours = function(value) { this.hours = value; };
ParseDate.prototype.getHours = function() { return this.hours; };
ParseDate.prototype.setDate = function(value) { this.day = value; };
ParseDate.prototype.setMonth = function(value) { this.month = value; };
ParseDate.prototype.setFullYear = function(value) { this.year = value; };
ParseDate.prototype.fromDate = function(value) {
this.year = value.getFullYear();
this.month = value.getMonth();
this.day = value.getDate();
this.hours = value.getHours();
this.minutes = value.getMinutes();
this.seconds = value.getSeconds();
this.milliseconds = value.getMilliseconds();
return this;
};
ParseDate.prototype.toDate = function() {
return new Date(this.year, this.month, this.day, this.hours, this.minutes, this.seconds, this.milliseconds);
};
var proto = ParseDate.prototype;
function noop() {
}
function isNumeric(n) {
return !isNaN(parseFloat(n)) && isFinite(n);
}
function indexOfCaseInsensitive(array, value) {
var len = array.length, str=value.toString().toLowerCase();
for (var i=0; i 12 when midnight changeover, but then cannot generate
* midnight datetime, so jump to 1AM, otherwise reset.
* @param date (Date) the date to check
* @return (Date) the corrected date
*
* __ copied from jquery ui datepicker __
*/
$dateParser.daylightSavingAdjust = function(date) {
if (!date) {
return null;
}
date.setHours(date.getHours() > 12 ? date.getHours() + 2 : 0);
return date;
};
// Private functions
function setMapForFormat(format) {
var keys = Object.keys(setFnMap), i;
var map = [], sortedMap = [];
// Map to setFn
var clonedFormat = format;
for(i = 0; i < keys.length; i++) {
if(format.split(keys[i]).length > 1) {
var index = clonedFormat.search(keys[i]);
format = format.split(keys[i]).join('');
if(setFnMap[keys[i]]) {
map[index] = setFnMap[keys[i]];
}
}
}
// Sort result map
angular.forEach(map, function(v) {
// conditional required since angular.forEach broke around v1.2.21
// related pr: https://github.com/angular/angular.js/pull/8525
if(v) sortedMap.push(v);
});
return sortedMap;
}
function escapeReservedSymbols(text) {
return text.replace(/\//g, '[\\/]').replace('/-/g', '[-]').replace(/\./g, '[.]').replace(/\\s/g, '[\\s]');
}
function regExpForFormat(format) {
var keys = Object.keys(regExpMap), i;
var re = format;
// Abstract replaces to avoid collisions
for(i = 0; i < keys.length; i++) {
re = re.split(keys[i]).join('${' + i + '}');
}
// Replace abstracted values
for(i = 0; i < keys.length; i++) {
re = re.split('${' + i + '}').join('(' + regExpMap[keys[i]] + ')');
}
format = escapeReservedSymbols(format);
return new RegExp('^' + re + '$', ['i']);
}
$dateParser.init();
return $dateParser;
};
return DateParserFactory;
}];
}]);
// Source: debounce.js
angular.module('mgcrea.ngStrap.helpers.debounce', [])
// @source jashkenas/underscore
// @url https://github.com/jashkenas/underscore/blob/1.5.2/underscore.js#L693
.factory('debounce', ["$timeout", function($timeout) {
return function(func, wait, immediate) {
var timeout = null;
return function() {
var context = this,
args = arguments,
callNow = immediate && !timeout;
if(timeout) {
$timeout.cancel(timeout);
}
timeout = $timeout(function later() {
timeout = null;
if(!immediate) {
func.apply(context, args);
}
}, wait, false);
if(callNow) {
func.apply(context, args);
}
return timeout;
};
};
}])
// @source jashkenas/underscore
// @url https://github.com/jashkenas/underscore/blob/1.5.2/underscore.js#L661
.factory('throttle', ["$timeout", function($timeout) {
return function(func, wait, options) {
var timeout = null;
options || (options = {});
return function() {
var context = this,
args = arguments;
if(!timeout) {
if(options.leading !== false) {
func.apply(context, args);
}
timeout = $timeout(function later() {
timeout = null;
if(options.trailing !== false) {
func.apply(context, args);
}
}, wait, false);
}
};
};
}]);
// Source: dimensions.js
angular.module('mgcrea.ngStrap.helpers.dimensions', [])
.factory('dimensions', ["$document", "$window", function($document, $window) {
var jqLite = angular.element;
var fn = {};
/**
* Test the element nodeName
* @param element
* @param name
*/
var nodeName = fn.nodeName = function(element, name) {
return element.nodeName && element.nodeName.toLowerCase() === name.toLowerCase();
};
/**
* Returns the element computed style
* @param element
* @param prop
* @param extra
*/
fn.css = function(element, prop, extra) {
var value;
if (element.currentStyle) { //IE
value = element.currentStyle[prop];
} else if (window.getComputedStyle) {
value = window.getComputedStyle(element)[prop];
} else {
value = element.style[prop];
}
return extra === true ? parseFloat(value) || 0 : value;
};
/**
* Provides read-only equivalent of jQuery's offset function:
* @required-by bootstrap-tooltip, bootstrap-affix
* @url http://api.jquery.com/offset/
* @param element
*/
fn.offset = function(element) {
var boxRect = element.getBoundingClientRect();
var docElement = element.ownerDocument;
return {
width: boxRect.width || element.offsetWidth,
height: boxRect.height || element.offsetHeight,
top: boxRect.top + (window.pageYOffset || docElement.documentElement.scrollTop) - (docElement.documentElement.clientTop || 0),
left: boxRect.left + (window.pageXOffset || docElement.documentElement.scrollLeft) - (docElement.documentElement.clientLeft || 0)
};
};
/**
* Provides read-only equivalent of jQuery's position function
* @required-by bootstrap-tooltip, bootstrap-affix
* @url http://api.jquery.com/offset/
* @param element
*/
fn.position = function(element) {
var offsetParentRect = {top: 0, left: 0},
offsetParentElement,
offset;
// Fixed elements are offset from window (parentOffset = {top:0, left: 0}, because it is it's only offset parent
if (fn.css(element, 'position') === 'fixed') {
// We assume that getBoundingClientRect is available when computed position is fixed
offset = element.getBoundingClientRect();
} else {
// Get *real* offsetParentElement
offsetParentElement = offsetParent(element);
// Get correct offsets
offset = fn.offset(element);
if (!nodeName(offsetParentElement, 'html')) {
offsetParentRect = fn.offset(offsetParentElement);
}
// Add offsetParent borders
offsetParentRect.top += fn.css(offsetParentElement, 'borderTopWidth', true);
offsetParentRect.left += fn.css(offsetParentElement, 'borderLeftWidth', true);
}
// Subtract parent offsets and element margins
return {
width: element.offsetWidth,
height: element.offsetHeight,
top: offset.top - offsetParentRect.top - fn.css(element, 'marginTop', true),
left: offset.left - offsetParentRect.left - fn.css(element, 'marginLeft', true)
};
};
/**
* Returns the closest, non-statically positioned offsetParent of a given element
* @required-by fn.position
* @param element
*/
var offsetParent = function offsetParentElement(element) {
var docElement = element.ownerDocument;
var offsetParent = element.offsetParent || docElement;
if(nodeName(offsetParent, '#document')) return docElement.documentElement;
while(offsetParent && !nodeName(offsetParent, 'html') && fn.css(offsetParent, 'position') === 'static') {
offsetParent = offsetParent.offsetParent;
}
return offsetParent || docElement.documentElement;
};
/**
* Provides equivalent of jQuery's height function
* @required-by bootstrap-affix
* @url http://api.jquery.com/height/
* @param element
* @param outer
*/
fn.height = function(element, outer) {
var value = element.offsetHeight;
if(outer) {
value += fn.css(element, 'marginTop', true) + fn.css(element, 'marginBottom', true);
} else {
value -= fn.css(element, 'paddingTop', true) + fn.css(element, 'paddingBottom', true) + fn.css(element, 'borderTopWidth', true) + fn.css(element, 'borderBottomWidth', true);
}
return value;
};
/**
* Provides equivalent of jQuery's width function
* @required-by bootstrap-affix
* @url http://api.jquery.com/width/
* @param element
* @param outer
*/
fn.width = function(element, outer) {
var value = element.offsetWidth;
if(outer) {
value += fn.css(element, 'marginLeft', true) + fn.css(element, 'marginRight', true);
} else {
value -= fn.css(element, 'paddingLeft', true) + fn.css(element, 'paddingRight', true) + fn.css(element, 'borderLeftWidth', true) + fn.css(element, 'borderRightWidth', true);
}
return value;
};
return fn;
}]);
// Source: parse-options.js
angular.module('mgcrea.ngStrap.helpers.parseOptions', [])
.provider('$parseOptions', function() {
var defaults = this.defaults = {
regexp: /^\s*(.*?)(?:\s+as\s+(.*?))?(?:\s+group\s+by\s+(.*))?\s+for\s+(?:([\$\w][\$\w]*)|(?:\(\s*([\$\w][\$\w]*)\s*,\s*([\$\w][\$\w]*)\s*\)))\s+in\s+(.*?)(?:\s+track\s+by\s+(.*?))?$/
};
this.$get = ["$parse", "$q", function($parse, $q) {
function ParseOptionsFactory(attr, config) {
var $parseOptions = {};
// Common vars
var options = angular.extend({}, defaults, config);
$parseOptions.$values = [];
// Private vars
var match, displayFn, valueName, keyName, groupByFn, valueFn, valuesFn;
$parseOptions.init = function() {
$parseOptions.$match = match = attr.match(options.regexp);
displayFn = $parse(match[2] || match[1]),
valueName = match[4] || match[6],
keyName = match[5],
groupByFn = $parse(match[3] || ''),
valueFn = $parse(match[2] ? match[1] : valueName),
valuesFn = $parse(match[7]);
};
$parseOptions.valuesFn = function(scope, controller) {
return $q.when(valuesFn(scope, controller))
.then(function(values) {
$parseOptions.$values = values ? parseValues(values, scope) : {};
return $parseOptions.$values;
});
};
$parseOptions.displayValue = function(modelValue) {
var scope = {};
scope[valueName] = modelValue;
return displayFn(scope);
};
// Private functions
function parseValues(values, scope) {
return values.map(function(match, index) {
var locals = {}, label, value;
locals[valueName] = match;
label = displayFn(scope, locals);
value = valueFn(scope, locals);
return {label: label, value: value, index: index};
});
}
$parseOptions.init();
return $parseOptions;
}
return ParseOptionsFactory;
}];
});
// Source: raf.js
(angular.version.minor < 3 && angular.version.dot < 14) && angular.module('ng')
.factory('$$rAF', ["$window", "$timeout", function($window, $timeout) {
var requestAnimationFrame = $window.requestAnimationFrame ||
$window.webkitRequestAnimationFrame ||
$window.mozRequestAnimationFrame;
var cancelAnimationFrame = $window.cancelAnimationFrame ||
$window.webkitCancelAnimationFrame ||
$window.mozCancelAnimationFrame ||
$window.webkitCancelRequestAnimationFrame;
var rafSupported = !!requestAnimationFrame;
var raf = rafSupported ?
function(fn) {
var id = requestAnimationFrame(fn);
return function() {
cancelAnimationFrame(id);
};
} :
function(fn) {
var timer = $timeout(fn, 16.66, false); // 1000 / 60 = 16.666
return function() {
$timeout.cancel(timer);
};
};
raf.supported = rafSupported;
return raf;
}]);
// .factory('$$animateReflow', function($$rAF, $document) {
// var bodyEl = $document[0].body;
// return function(fn) {
// //the returned function acts as the cancellation function
// return $$rAF(function() {
// //the line below will force the browser to perform a repaint
// //so that all the animated elements within the animation frame
// //will be properly updated and drawn on screen. This is
// //required to perform multi-class CSS based animations with
// //Firefox. DO NOT REMOVE THIS LINE.
// var a = bodyEl.offsetWidth + 1;
// fn();
// });
// };
// });
// Source: modal.js
angular.module('mgcrea.ngStrap.modal', ['mgcrea.ngStrap.helpers.dimensions'])
.provider('$modal', function() {
var defaults = this.defaults = {
animation: 'am-fade',
backdropAnimation: 'am-fade',
prefixClass: 'modal',
prefixEvent: 'modal',
placement: 'top',
template: 'modal/modal.tpl.html',
contentTemplate: false,
container: false,
element: null,
backdrop: true,
keyboard: true,
html: false,
show: true
};
this.$get = ["$window", "$rootScope", "$compile", "$q", "$templateCache", "$http", "$animate", "$timeout", "$sce", "dimensions", function($window, $rootScope, $compile, $q, $templateCache, $http, $animate, $timeout, $sce, dimensions) {
var forEach = angular.forEach;
var trim = String.prototype.trim;
var requestAnimationFrame = $window.requestAnimationFrame || $window.setTimeout;
var bodyElement = angular.element($window.document.body);
var htmlReplaceRegExp = /ng-bind="/ig;
function ModalFactory(config) {
var $modal = {};
// Common vars
var options = $modal.$options = angular.extend({}, defaults, config);
$modal.$promise = fetchTemplate(options.template);
var scope = $modal.$scope = options.scope && options.scope.$new() || $rootScope.$new();
if(!options.element && !options.container) {
options.container = 'body';
}
// store $id to identify the triggering element in events
// give priority to options.id, otherwise, try to use
// element id if defined
$modal.$id = options.id || options.element && options.element.attr('id') || '';
// Support scope as string options
forEach(['title', 'content'], function(key) {
if(options[key]) scope[key] = $sce.trustAsHtml(options[key]);
});
// Provide scope helpers
scope.$hide = function() {
scope.$$postDigest(function() {
$modal.hide();
});
};
scope.$show = function() {
scope.$$postDigest(function() {
$modal.show();
});
};
scope.$toggle = function() {
scope.$$postDigest(function() {
$modal.toggle();
});
};
// Publish isShown as a protected var on scope
$modal.$isShown = scope.$isShown = false;
// Support contentTemplate option
if(options.contentTemplate) {
$modal.$promise = $modal.$promise.then(function(template) {
var templateEl = angular.element(template);
return fetchTemplate(options.contentTemplate)
.then(function(contentTemplate) {
var contentEl = findElement('[ng-bind="content"]', templateEl[0]).removeAttr('ng-bind').html(contentTemplate);
// Drop the default footer as you probably don't want it if you use a custom contentTemplate
if(!config.template) contentEl.next().remove();
return templateEl[0].outerHTML;
});
});
}
// Fetch, compile then initialize modal
var modalLinker, modalElement;
var backdropElement = angular.element('
');
$modal.$promise.then(function(template) {
if(angular.isObject(template)) template = template.data;
if(options.html) template = template.replace(htmlReplaceRegExp, 'ng-bind-html="');
template = trim.apply(template);
modalLinker = $compile(template);
$modal.init();
});
$modal.init = function() {
// Options: show
if(options.show) {
scope.$$postDigest(function() {
$modal.show();
});
}
};
$modal.destroy = function() {
// Remove element
if(modalElement) {
modalElement.remove();
modalElement = null;
}
if(backdropElement) {
backdropElement.remove();
backdropElement = null;
}
// Destroy scope
scope.$destroy();
};
$modal.show = function() {
if($modal.$isShown) return;
if(scope.$emit(options.prefixEvent + '.show.before', $modal).defaultPrevented) {
return;
}
var parent, after;
if(angular.isElement(options.container)) {
parent = options.container;
after = options.container[0].lastChild ? angular.element(options.container[0].lastChild) : null;
} else {
if (options.container) {
parent = findElement(options.container);
after = parent[0].lastChild ? angular.element(parent[0].lastChild) : null;
} else {
parent = null;
after = options.element;
}
}
// Fetch a cloned element linked from template
modalElement = $modal.$element = modalLinker(scope, function(clonedElement, scope) {});
// Set the initial positioning.
modalElement.css({display: 'block'}).addClass(options.placement);
// Options: animation
if(options.animation) {
if(options.backdrop) {
backdropElement.addClass(options.backdropAnimation);
}
modalElement.addClass(options.animation);
}
if(options.backdrop) {
$animate.enter(backdropElement, bodyElement, null);
}
// Support v1.3+ $animate
// https://github.com/angular/angular.js/commit/bf0f5502b1bbfddc5cdd2f138efd9188b8c652a9
var promise = $animate.enter(modalElement, parent, after, enterAnimateCallback);
if(promise && promise.then) promise.then(enterAnimateCallback);
$modal.$isShown = scope.$isShown = true;
safeDigest(scope);
// Focus once the enter-animation has started
// Weird PhantomJS bug hack
var el = modalElement[0];
requestAnimationFrame(function() {
el.focus();
});
bodyElement.addClass(options.prefixClass + '-open');
if(options.animation) {
bodyElement.addClass(options.prefixClass + '-with-' + options.animation);
}
// Bind events
if(options.backdrop) {
modalElement.on('click', hideOnBackdropClick);
backdropElement.on('click', hideOnBackdropClick);
backdropElement.on('wheel', preventEventDefault);
}
if(options.keyboard) {
modalElement.on('keyup', $modal.$onKeyUp);
}
};
function enterAnimateCallback() {
scope.$emit(options.prefixEvent + '.show', $modal);
}
$modal.hide = function() {
if(!$modal.$isShown) return;
if(scope.$emit(options.prefixEvent + '.hide.before', $modal).defaultPrevented) {
return;
}
var promise = $animate.leave(modalElement, leaveAnimateCallback);
// Support v1.3+ $animate
// https://github.com/angular/angular.js/commit/bf0f5502b1bbfddc5cdd2f138efd9188b8c652a9
if(promise && promise.then) promise.then(leaveAnimateCallback);
if(options.backdrop) {
$animate.leave(backdropElement);
}
$modal.$isShown = scope.$isShown = false;
safeDigest(scope);
// Unbind events
if(options.backdrop) {
modalElement.off('click', hideOnBackdropClick);
backdropElement.off('click', hideOnBackdropClick);
backdropElement.off('wheel', preventEventDefault);
}
if(options.keyboard) {
modalElement.off('keyup', $modal.$onKeyUp);
}
};
function leaveAnimateCallback() {
scope.$emit(options.prefixEvent + '.hide', $modal);
bodyElement.removeClass(options.prefixClass + '-open');
if(options.animation) {
bodyElement.removeClass(options.prefixClass + '-with-' + options.animation);
}
}
$modal.toggle = function() {
$modal.$isShown ? $modal.hide() : $modal.show();
};
$modal.focus = function() {
modalElement[0].focus();
};
// Protected methods
$modal.$onKeyUp = function(evt) {
if (evt.which === 27 && $modal.$isShown) {
$modal.hide();
evt.stopPropagation();
}
};
// Private methods
function hideOnBackdropClick(evt) {
if(evt.target !== evt.currentTarget) return;
options.backdrop === 'static' ? $modal.focus() : $modal.hide();
}
function preventEventDefault(evt) {
evt.preventDefault();
}
return $modal;
}
// Helper functions
function safeDigest(scope) {
scope.$$phase || (scope.$root && scope.$root.$$phase) || scope.$digest();
}
function findElement(query, element) {
return angular.element((element || document).querySelectorAll(query));
}
var fetchPromises = {};
function fetchTemplate(template) {
if(fetchPromises[template]) return fetchPromises[template];
return (fetchPromises[template] = $q.when($templateCache.get(template) || $http.get(template))
.then(function(res) {
if(angular.isObject(res)) {
$templateCache.put(template, res.data);
return res.data;
}
return res;
}));
}
return ModalFactory;
}];
})
.directive('bsModal', ["$window", "$sce", "$modal", function($window, $sce, $modal) {
return {
restrict: 'EAC',
scope: true,
link: function postLink(scope, element, attr, transclusion) {
// Directive options
var options = {scope: scope, element: element, show: false};
angular.forEach(['template', 'contentTemplate', 'placement', 'backdrop', 'keyboard', 'html', 'container', 'animation', 'id'], function(key) {
if(angular.isDefined(attr[key])) options[key] = attr[key];
});
// Support scope as data-attrs
angular.forEach(['title', 'content'], function(key) {
attr[key] && attr.$observe(key, function(newValue, oldValue) {
scope[key] = $sce.trustAsHtml(newValue);
});
});
// Support scope as an object
attr.bsModal && scope.$watch(attr.bsModal, function(newValue, oldValue) {
if(angular.isObject(newValue)) {
angular.extend(scope, newValue);
} else {
scope.content = newValue;
}
}, true);
// Initialize modal
var modal = $modal(options);
// Trigger
element.on(attr.trigger || 'click', modal.toggle);
// Garbage collection
scope.$on('$destroy', function() {
if (modal) modal.destroy();
options = null;
modal = null;
});
}
};
}]);
// Source: navbar.js
angular.module('mgcrea.ngStrap.navbar', [])
.provider('$navbar', function() {
var defaults = this.defaults = {
activeClass: 'active',
routeAttr: 'data-match-route',
strict: false
};
this.$get = function() {
return {defaults: defaults};
};
})
.directive('bsNavbar', ["$window", "$location", "$navbar", function($window, $location, $navbar) {
var defaults = $navbar.defaults;
return {
restrict: 'A',
link: function postLink(scope, element, attr, controller) {
// Directive options
var options = angular.copy(defaults);
angular.forEach(Object.keys(defaults), function(key) {
if(angular.isDefined(attr[key])) options[key] = attr[key];
});
// Watch for the $location
scope.$watch(function() {
return $location.path();
}, function(newValue, oldValue) {
var liElements = element[0].querySelectorAll('li[' + options.routeAttr + ']');
angular.forEach(liElements, function(li) {
var liElement = angular.element(li);
var pattern = liElement.attr(options.routeAttr).replace('/', '\\/');
if(options.strict) {
pattern = '^' + pattern + '$';
}
var regexp = new RegExp(pattern, ['i']);
if(regexp.test(newValue)) {
liElement.addClass(options.activeClass);
} else {
liElement.removeClass(options.activeClass);
}
});
});
}
};
}]);
// Source: popover.js
angular.module('mgcrea.ngStrap.popover', ['mgcrea.ngStrap.tooltip'])
.provider('$popover', function() {
var defaults = this.defaults = {
animation: 'am-fade',
customClass: '',
container: false,
target: false,
placement: 'right',
template: 'popover/popover.tpl.html',
contentTemplate: false,
trigger: 'click',
keyboard: true,
html: false,
title: '',
content: '',
delay: 0,
autoClose: false
};
this.$get = ["$tooltip", function($tooltip) {
function PopoverFactory(element, config) {
// Common vars
var options = angular.extend({}, defaults, config);
var $popover = $tooltip(element, options);
// Support scope as string options [/*title, */content]
if(options.content) {
$popover.$scope.content = options.content;
}
return $popover;
}
return PopoverFactory;
}];
})
.directive('bsPopover', ["$window", "$sce", "$popover", function($window, $sce, $popover) {
var requestAnimationFrame = $window.requestAnimationFrame || $window.setTimeout;
return {
restrict: 'EAC',
scope: true,
link: function postLink(scope, element, attr) {
// Directive options
var options = {scope: scope};
angular.forEach(['template', 'contentTemplate', 'placement', 'container', 'target', 'delay', 'trigger', 'keyboard', 'html', 'animation', 'customClass', 'autoClose', 'id'], function(key) {
if(angular.isDefined(attr[key])) options[key] = attr[key];
});
// Support scope as data-attrs
angular.forEach(['title', 'content'], function(key) {
attr[key] && attr.$observe(key, function(newValue, oldValue) {
scope[key] = $sce.trustAsHtml(newValue);
angular.isDefined(oldValue) && requestAnimationFrame(function() {
popover && popover.$applyPlacement();
});
});
});
// Support scope as an object
attr.bsPopover && scope.$watch(attr.bsPopover, function(newValue, oldValue) {
if(angular.isObject(newValue)) {
angular.extend(scope, newValue);
} else {
scope.content = newValue;
}
angular.isDefined(oldValue) && requestAnimationFrame(function() {
popover && popover.$applyPlacement();
});
}, true);
// Visibility binding support
attr.bsShow && scope.$watch(attr.bsShow, function(newValue, oldValue) {
if(!popover || !angular.isDefined(newValue)) return;
if(angular.isString(newValue)) newValue = !!newValue.match(/true|,?(popover),?/i);
newValue === true ? popover.show() : popover.hide();
});
// Initialize popover
var popover = $popover(element, options);
// Garbage collection
scope.$on('$destroy', function() {
if (popover) popover.destroy();
options = null;
popover = null;
});
}
};
}]);
// Source: select.js
angular.module('mgcrea.ngStrap.select', ['mgcrea.ngStrap.tooltip', 'mgcrea.ngStrap.helpers.parseOptions'])
.provider('$select', function() {
var defaults = this.defaults = {
animation: 'am-fade',
prefixClass: 'select',
prefixEvent: '$select',
placement: 'bottom-left',
template: 'select/select.tpl.html',
trigger: 'focus',
container: false,
keyboard: true,
html: false,
delay: 0,
multiple: false,
allNoneButtons: false,
sort: true,
caretHtml: ' ',
placeholder: 'Choose among the following...',
allText: 'All',
noneText: 'None',
maxLength: 3,
maxLengthHtml: 'selected',
iconCheckmark: 'glyphicon glyphicon-ok'
};
this.$get = ["$window", "$document", "$rootScope", "$tooltip", "$timeout", function($window, $document, $rootScope, $tooltip, $timeout) {
var bodyEl = angular.element($window.document.body);
var isNative = /(ip(a|o)d|iphone|android)/ig.test($window.navigator.userAgent);
var isTouch = ('createTouch' in $window.document) && isNative;
function SelectFactory(element, controller, config) {
var $select = {};
// Common vars
var options = angular.extend({}, defaults, config);
$select = $tooltip(element, options);
var scope = $select.$scope;
scope.$matches = [];
scope.$activeIndex = 0;
scope.$isMultiple = options.multiple;
scope.$showAllNoneButtons = options.allNoneButtons && options.multiple;
scope.$iconCheckmark = options.iconCheckmark;
scope.$allText = options.allText;
scope.$noneText = options.noneText;
scope.$activate = function(index) {
scope.$$postDigest(function() {
$select.activate(index);
});
};
scope.$select = function(index, evt) {
scope.$$postDigest(function() {
$select.select(index);
});
};
scope.$isVisible = function() {
return $select.$isVisible();
};
scope.$isActive = function(index) {
return $select.$isActive(index);
};
scope.$selectAll = function () {
for (var i = 0; i < scope.$matches.length; i++) {
if (!scope.$isActive(i)) {
scope.$select(i);
}
}
};
scope.$selectNone = function () {
for (var i = 0; i < scope.$matches.length; i++) {
if (scope.$isActive(i)) {
scope.$select(i);
}
}
};
// Public methods
$select.update = function(matches) {
scope.$matches = matches;
$select.$updateActiveIndex();
};
$select.activate = function(index) {
if(options.multiple) {
scope.$activeIndex.sort();
$select.$isActive(index) ? scope.$activeIndex.splice(scope.$activeIndex.indexOf(index), 1) : scope.$activeIndex.push(index);
if(options.sort) scope.$activeIndex.sort();
} else {
scope.$activeIndex = index;
}
return scope.$activeIndex;
};
$select.select = function(index) {
var value = scope.$matches[index].value;
scope.$apply(function() {
$select.activate(index);
if(options.multiple) {
controller.$setViewValue(scope.$activeIndex.map(function(index) {
return scope.$matches[index].value;
}));
} else {
controller.$setViewValue(value);
// Hide if single select
$select.hide();
}
});
// Emit event
scope.$emit(options.prefixEvent + '.select', value, index, $select);
};
// Protected methods
$select.$updateActiveIndex = function() {
if(controller.$modelValue && scope.$matches.length) {
if(options.multiple && angular.isArray(controller.$modelValue)) {
scope.$activeIndex = controller.$modelValue.map(function(value) {
return $select.$getIndex(value);
});
} else {
scope.$activeIndex = $select.$getIndex(controller.$modelValue);
}
} else if(scope.$activeIndex >= scope.$matches.length) {
scope.$activeIndex = options.multiple ? [] : 0;
}
};
$select.$isVisible = function() {
if(!options.minLength || !controller) {
return scope.$matches.length;
}
// minLength support
return scope.$matches.length && controller.$viewValue.length >= options.minLength;
};
$select.$isActive = function(index) {
if(options.multiple) {
return scope.$activeIndex.indexOf(index) !== -1;
} else {
return scope.$activeIndex === index;
}
};
$select.$getIndex = function(value) {
var l = scope.$matches.length, i = l;
if(!l) return;
for(i = l; i--;) {
if(scope.$matches[i].value === value) break;
}
if(i < 0) return;
return i;
};
$select.$onMouseDown = function(evt) {
// Prevent blur on mousedown on .dropdown-menu
evt.preventDefault();
evt.stopPropagation();
// Emulate click for mobile devices
if(isTouch) {
var targetEl = angular.element(evt.target);
targetEl.triggerHandler('click');
}
};
$select.$onKeyDown = function(evt) {
if (!/(9|13|38|40)/.test(evt.keyCode)) return;
evt.preventDefault();
evt.stopPropagation();
// Select with enter
if(!options.multiple && (evt.keyCode === 13 || evt.keyCode === 9)) {
return $select.select(scope.$activeIndex);
}
// Navigate with keyboard
if(evt.keyCode === 38 && scope.$activeIndex > 0) scope.$activeIndex--;
else if(evt.keyCode === 40 && scope.$activeIndex < scope.$matches.length - 1) scope.$activeIndex++;
else if(angular.isUndefined(scope.$activeIndex)) scope.$activeIndex = 0;
scope.$digest();
};
// Overrides
var _show = $select.show;
$select.show = function() {
_show();
if(options.multiple) {
$select.$element.addClass('select-multiple');
}
// use timeout to hookup the events to prevent
// event bubbling from being processed imediately.
$timeout(function() {
$select.$element.on(isTouch ? 'touchstart' : 'mousedown', $select.$onMouseDown);
if(options.keyboard) {
element.on('keydown', $select.$onKeyDown);
}
}, 0, false);
};
var _hide = $select.hide;
$select.hide = function() {
$select.$element.off(isTouch ? 'touchstart' : 'mousedown', $select.$onMouseDown);
if(options.keyboard) {
element.off('keydown', $select.$onKeyDown);
}
_hide(true);
};
return $select;
}
SelectFactory.defaults = defaults;
return SelectFactory;
}];
})
.directive('bsSelect', ["$window", "$parse", "$q", "$select", "$parseOptions", function($window, $parse, $q, $select, $parseOptions) {
var defaults = $select.defaults;
return {
restrict: 'EAC',
require: 'ngModel',
link: function postLink(scope, element, attr, controller) {
// Directive options
var options = {scope: scope, placeholder: defaults.placeholder};
angular.forEach(['placement', 'container', 'delay', 'trigger', 'keyboard', 'html', 'animation', 'template', 'placeholder', 'multiple', 'allNoneButtons', 'maxLength', 'maxLengthHtml', 'allText', 'noneText', 'iconCheckmark', 'autoClose', 'id'], function(key) {
if(angular.isDefined(attr[key])) options[key] = attr[key];
});
// Add support for select markup
if(element[0].nodeName.toLowerCase() === 'select') {
var inputEl = element;
inputEl.css('display', 'none');
element = angular.element(' ');
inputEl.after(element);
}
// Build proper ngOptions
var parsedOptions = $parseOptions(attr.ngOptions);
// Initialize select
var select = $select(element, controller, options);
// Watch ngOptions values before filtering for changes
var watchedOptions = parsedOptions.$match[7].replace(/\|.+/, '').trim();
scope.$watch(watchedOptions, function(newValue, oldValue) {
// console.warn('scope.$watch(%s)', watchedOptions, newValue, oldValue);
parsedOptions.valuesFn(scope, controller)
.then(function(values) {
select.update(values);
controller.$render();
});
}, true);
// Watch model for changes
scope.$watch(attr.ngModel, function(newValue, oldValue) {
// console.warn('scope.$watch(%s)', attr.ngModel, newValue, oldValue);
select.$updateActiveIndex();
controller.$render();
}, true);
// Model rendering in view
controller.$render = function () {
// console.warn('$render', element.attr('ng-model'), 'controller.$modelValue', typeof controller.$modelValue, controller.$modelValue, 'controller.$viewValue', typeof controller.$viewValue, controller.$viewValue);
var selected, index;
if(options.multiple && angular.isArray(controller.$modelValue)) {
selected = controller.$modelValue.map(function(value) {
index = select.$getIndex(value);
return angular.isDefined(index) ? select.$scope.$matches[index].label : false;
}).filter(angular.isDefined);
if(selected.length > (options.maxLength || defaults.maxLength)) {
selected = selected.length + ' ' + (options.maxLengthHtml || defaults.maxLengthHtml);
} else {
selected = selected.join(', ');
}
} else {
index = select.$getIndex(controller.$modelValue);
selected = angular.isDefined(index) ? select.$scope.$matches[index].label : false;
}
element.html((selected ? selected : options.placeholder) + defaults.caretHtml);
};
if(options.multiple){
controller.$isEmpty = function(value){
return !value || value.length === 0;
};
}
// Garbage collection
scope.$on('$destroy', function() {
if (select) select.destroy();
options = null;
select = null;
});
}
};
}]);
// Source: tab.js
angular.module('mgcrea.ngStrap.tab', [])
.provider('$tab', function() {
var defaults = this.defaults = {
animation: 'am-fade',
template: 'tab/tab.tpl.html',
navClass: 'nav-tabs',
activeClass: 'active'
};
var controller = this.controller = function($scope, $element, $attrs) {
var self = this;
// Attributes options
self.$options = angular.copy(defaults);
angular.forEach(['animation', 'navClass', 'activeClass'], function(key) {
if(angular.isDefined($attrs[key])) self.$options[key] = $attrs[key];
});
// Publish options on scope
$scope.$navClass = self.$options.navClass;
$scope.$activeClass = self.$options.activeClass;
self.$panes = $scope.$panes = [];
// DEPRECATED: $viewChangeListeners, please use $activePaneChangeListeners
// Because we deprecated ngModel usage, we rename viewChangeListeners to
// activePaneChangeListeners to make more sense.
self.$activePaneChangeListeners = self.$viewChangeListeners = [];
self.$push = function(pane) {
self.$panes.push(pane);
};
self.$remove = function(pane) {
var index = self.$panes.indexOf(pane);
var activeIndex = self.$panes.$active;
// remove pane from $panes array
self.$panes.splice(index, 1);
if (index < activeIndex) {
// we removed a pane before the active pane, so we need to
// decrement the active pane index
activeIndex--;
}
else if (index === activeIndex && activeIndex === self.$panes.length) {
// we remove the active pane and it was the one at the end,
// so select the previous one
activeIndex--;
}
self.$setActive(activeIndex);
};
self.$panes.$active = 0;
self.$setActive = $scope.$setActive = function(value) {
self.$panes.$active = value;
self.$activePaneChangeListeners.forEach(function(fn) {
fn();
});
};
};
this.$get = function() {
var $tab = {};
$tab.defaults = defaults;
$tab.controller = controller;
return $tab;
};
})
.directive('bsTabs', ["$window", "$animate", "$tab", "$parse", function($window, $animate, $tab, $parse) {
var defaults = $tab.defaults;
return {
require: ['?ngModel', 'bsTabs'],
transclude: true,
scope: true,
controller: ['$scope', '$element', '$attrs', $tab.controller],
templateUrl: function(element, attr) {
return attr.template || defaults.template;
},
link: function postLink(scope, element, attrs, controllers) {
var ngModelCtrl = controllers[0];
var bsTabsCtrl = controllers[1];
// DEPRECATED: ngModel, please use bsActivePane
// 'ngModel' is deprecated bacause if interferes with form validation
// and status, so avoid using it here.
if(ngModelCtrl) {
console.warn('Usage of ngModel is deprecated, please use bsActivePane instead!');
// Update the modelValue following
bsTabsCtrl.$activePaneChangeListeners.push(function() {
ngModelCtrl.$setViewValue(bsTabsCtrl.$panes.$active);
});
// modelValue -> $formatters -> viewValue
ngModelCtrl.$formatters.push(function(modelValue) {
// console.warn('$formatter("%s"): modelValue=%o (%o)', element.attr('ng-model'), modelValue, typeof modelValue);
bsTabsCtrl.$setActive(modelValue * 1);
return modelValue;
});
}
if (attrs.bsActivePane) {
// adapted from angularjs ngModelController bindings
// https://github.com/angular/angular.js/blob/v1.3.1/src%2Fng%2Fdirective%2Finput.js#L1730
var parsedBsActivePane = $parse(attrs.bsActivePane);
// Update bsActivePane value with change
bsTabsCtrl.$activePaneChangeListeners.push(function() {
parsedBsActivePane.assign(scope, bsTabsCtrl.$panes.$active);
});
// watch bsActivePane for value changes
scope.$watch(attrs.bsActivePane, function(newValue, oldValue) {
bsTabsCtrl.$setActive(newValue * 1);
}, true);
}
}
};
}])
.directive('bsPane', ["$window", "$animate", "$sce", function($window, $animate, $sce) {
return {
require: ['^?ngModel', '^bsTabs'],
scope: true,
link: function postLink(scope, element, attrs, controllers) {
var ngModelCtrl = controllers[0];
var bsTabsCtrl = controllers[1];
// Add base class
element.addClass('tab-pane');
// Observe title attribute for change
attrs.$observe('title', function(newValue, oldValue) {
scope.title = $sce.trustAsHtml(newValue);
});
// Add animation class
if(bsTabsCtrl.$options.animation) {
element.addClass(bsTabsCtrl.$options.animation);
}
// Push pane to parent bsTabs controller
bsTabsCtrl.$push(scope);
// remove pane from tab controller when pane is destroyed
scope.$on('$destroy', function() {
bsTabsCtrl.$remove(scope);
});
function render() {
var index = bsTabsCtrl.$panes.indexOf(scope);
var active = bsTabsCtrl.$panes.$active;
$animate[index === active ? 'addClass' : 'removeClass'](element, bsTabsCtrl.$options.activeClass);
}
bsTabsCtrl.$activePaneChangeListeners.push(function() {
render();
});
render();
}
};
}]);
// Source: scrollspy.js
angular.module('mgcrea.ngStrap.scrollspy', ['mgcrea.ngStrap.helpers.debounce', 'mgcrea.ngStrap.helpers.dimensions'])
.provider('$scrollspy', function() {
// Pool of registered spies
var spies = this.$$spies = {};
var defaults = this.defaults = {
debounce: 150,
throttle: 100,
offset: 100
};
this.$get = ["$window", "$document", "$rootScope", "dimensions", "debounce", "throttle", function($window, $document, $rootScope, dimensions, debounce, throttle) {
var windowEl = angular.element($window);
var docEl = angular.element($document.prop('documentElement'));
var bodyEl = angular.element($window.document.body);
// Helper functions
function nodeName(element, name) {
return element[0].nodeName && element[0].nodeName.toLowerCase() === name.toLowerCase();
}
function ScrollSpyFactory(config) {
// Common vars
var options = angular.extend({}, defaults, config);
if(!options.element) options.element = bodyEl;
var isWindowSpy = nodeName(options.element, 'body');
var scrollEl = isWindowSpy ? windowEl : options.element;
var scrollId = isWindowSpy ? 'window' : options.id;
// Use existing spy
if(spies[scrollId]) {
spies[scrollId].$$count++;
return spies[scrollId];
}
var $scrollspy = {};
// Private vars
var unbindViewContentLoaded, unbindIncludeContentLoaded;
var trackedElements = $scrollspy.$trackedElements = [];
var sortedElements = [];
var activeTarget;
var debouncedCheckPosition;
var throttledCheckPosition;
var debouncedCheckOffsets;
var viewportHeight;
var scrollTop;
$scrollspy.init = function() {
// Setup internal ref counter
this.$$count = 1;
// Bind events
debouncedCheckPosition = debounce(this.checkPosition, options.debounce);
throttledCheckPosition = throttle(this.checkPosition, options.throttle);
scrollEl.on('click', this.checkPositionWithEventLoop);
windowEl.on('resize', debouncedCheckPosition);
scrollEl.on('scroll', throttledCheckPosition);
debouncedCheckOffsets = debounce(this.checkOffsets, options.debounce);
unbindViewContentLoaded = $rootScope.$on('$viewContentLoaded', debouncedCheckOffsets);
unbindIncludeContentLoaded = $rootScope.$on('$includeContentLoaded', debouncedCheckOffsets);
debouncedCheckOffsets();
// Register spy for reuse
if(scrollId) {
spies[scrollId] = $scrollspy;
}
};
$scrollspy.destroy = function() {
// Check internal ref counter
this.$$count--;
if(this.$$count > 0) {
return;
}
// Unbind events
scrollEl.off('click', this.checkPositionWithEventLoop);
windowEl.off('resize', debouncedCheckPosition);
scrollEl.off('scroll', throttledCheckPosition);
unbindViewContentLoaded();
unbindIncludeContentLoaded();
if (scrollId) {
delete spies[scrollId];
}
};
$scrollspy.checkPosition = function() {
// Not ready yet
if(!sortedElements.length) return;
// Calculate the scroll position
scrollTop = (isWindowSpy ? $window.pageYOffset : scrollEl.prop('scrollTop')) || 0;
// Calculate the viewport height for use by the components
viewportHeight = Math.max($window.innerHeight, docEl.prop('clientHeight'));
// Activate first element if scroll is smaller
if(scrollTop < sortedElements[0].offsetTop && activeTarget !== sortedElements[0].target) {
return $scrollspy.$activateElement(sortedElements[0]);
}
// Activate proper element
for (var i = sortedElements.length; i--;) {
if(angular.isUndefined(sortedElements[i].offsetTop) || sortedElements[i].offsetTop === null) continue;
if(activeTarget === sortedElements[i].target) continue;
if(scrollTop < sortedElements[i].offsetTop) continue;
if(sortedElements[i + 1] && scrollTop > sortedElements[i + 1].offsetTop) continue;
return $scrollspy.$activateElement(sortedElements[i]);
}
};
$scrollspy.checkPositionWithEventLoop = function() {
// IE 9 throws an error if we use 'this' instead of '$scrollspy'
// in this setTimeout call
setTimeout($scrollspy.checkPosition, 1);
};
// Protected methods
$scrollspy.$activateElement = function(element) {
if(activeTarget) {
var activeElement = $scrollspy.$getTrackedElement(activeTarget);
if(activeElement) {
activeElement.source.removeClass('active');
if(nodeName(activeElement.source, 'li') && nodeName(activeElement.source.parent().parent(), 'li')) {
activeElement.source.parent().parent().removeClass('active');
}
}
}
activeTarget = element.target;
element.source.addClass('active');
if(nodeName(element.source, 'li') && nodeName(element.source.parent().parent(), 'li')) {
element.source.parent().parent().addClass('active');
}
};
$scrollspy.$getTrackedElement = function(target) {
return trackedElements.filter(function(obj) {
return obj.target === target;
})[0];
};
// Track offsets behavior
$scrollspy.checkOffsets = function() {
angular.forEach(trackedElements, function(trackedElement) {
var targetElement = document.querySelector(trackedElement.target);
trackedElement.offsetTop = targetElement ? dimensions.offset(targetElement).top : null;
if(options.offset && trackedElement.offsetTop !== null) trackedElement.offsetTop -= options.offset * 1;
});
sortedElements = trackedElements
.filter(function(el) {
return el.offsetTop !== null;
})
.sort(function(a, b) {
return a.offsetTop - b.offsetTop;
});
debouncedCheckPosition();
};
$scrollspy.trackElement = function(target, source) {
trackedElements.push({target: target, source: source});
};
$scrollspy.untrackElement = function(target, source) {
var toDelete;
for (var i = trackedElements.length; i--;) {
if(trackedElements[i].target === target && trackedElements[i].source === source) {
toDelete = i;
break;
}
}
trackedElements = trackedElements.splice(toDelete, 1);
};
$scrollspy.activate = function(i) {
trackedElements[i].addClass('active');
};
// Initialize plugin
$scrollspy.init();
return $scrollspy;
}
return ScrollSpyFactory;
}];
})
.directive('bsScrollspy', ["$rootScope", "debounce", "dimensions", "$scrollspy", function($rootScope, debounce, dimensions, $scrollspy) {
return {
restrict: 'EAC',
link: function postLink(scope, element, attr) {
var options = {scope: scope};
angular.forEach(['offset', 'target'], function(key) {
if(angular.isDefined(attr[key])) options[key] = attr[key];
});
var scrollspy = $scrollspy(options);
scrollspy.trackElement(options.target, element);
scope.$on('$destroy', function() {
if (scrollspy) {
scrollspy.untrackElement(options.target, element);
scrollspy.destroy();
}
options = null;
scrollspy = null;
});
}
};
}])
.directive('bsScrollspyList', ["$rootScope", "debounce", "dimensions", "$scrollspy", function($rootScope, debounce, dimensions, $scrollspy) {
return {
restrict: 'A',
compile: function postLink(element, attr) {
var children = element[0].querySelectorAll('li > a[href]');
angular.forEach(children, function(child) {
var childEl = angular.element(child);
childEl.parent().attr('bs-scrollspy', '').attr('data-target', childEl.attr('href'));
});
}
};
}]);
// Source: timepicker.js
angular.module('mgcrea.ngStrap.timepicker', [
'mgcrea.ngStrap.helpers.dateParser',
'mgcrea.ngStrap.helpers.dateFormatter',
'mgcrea.ngStrap.tooltip'])
.provider('$timepicker', function() {
var defaults = this.defaults = {
animation: 'am-fade',
prefixClass: 'timepicker',
placement: 'bottom-left',
template: 'timepicker/timepicker.tpl.html',
trigger: 'focus',
container: false,
keyboard: true,
html: false,
delay: 0,
// lang: $locale.id,
useNative: true,
timeType: 'date',
timeFormat: 'shortTime',
modelTimeFormat: null,
autoclose: false,
minTime: -Infinity,
maxTime: +Infinity,
length: 5,
hourStep: 1,
minuteStep: 5,
iconUp: 'glyphicon glyphicon-chevron-up',
iconDown: 'glyphicon glyphicon-chevron-down',
arrowBehavior: 'pager'
};
this.$get = ["$window", "$document", "$rootScope", "$sce", "$dateFormatter", "$tooltip", "$timeout", function($window, $document, $rootScope, $sce, $dateFormatter, $tooltip, $timeout) {
var bodyEl = angular.element($window.document.body);
var isNative = /(ip(a|o)d|iphone|android)/ig.test($window.navigator.userAgent);
var isTouch = ('createTouch' in $window.document) && isNative;
if(!defaults.lang) defaults.lang = $dateFormatter.getDefaultLocale();
function timepickerFactory(element, controller, config) {
var $timepicker = $tooltip(element, angular.extend({}, defaults, config));
var parentScope = config.scope;
var options = $timepicker.$options;
var scope = $timepicker.$scope;
var lang = options.lang;
var formatDate = function(date, format) {
return $dateFormatter.formatDate(date, format, lang);
};
// View vars
var selectedIndex = 0;
var startDate = controller.$dateValue || new Date();
var viewDate = {hour: startDate.getHours(), meridian: startDate.getHours() < 12, minute: startDate.getMinutes(), second: startDate.getSeconds(), millisecond: startDate.getMilliseconds()};
var format = $dateFormatter.getDatetimeFormat(options.timeFormat, lang);
var hoursFormat = $dateFormatter.hoursFormat(format),
timeSeparator = $dateFormatter.timeSeparator(format),
minutesFormat = $dateFormatter.minutesFormat(format),
showAM = $dateFormatter.showAM(format);
scope.$iconUp = options.iconUp;
scope.$iconDown = options.iconDown;
// Scope methods
scope.$select = function(date, index) {
$timepicker.select(date, index);
};
scope.$moveIndex = function(value, index) {
$timepicker.$moveIndex(value, index);
};
scope.$switchMeridian = function(date) {
$timepicker.switchMeridian(date);
};
// Public methods
$timepicker.update = function(date) {
// console.warn('$timepicker.update() newValue=%o', date);
if(angular.isDate(date) && !isNaN(date.getTime())) {
$timepicker.$date = date;
angular.extend(viewDate, {hour: date.getHours(), minute: date.getMinutes(), second: date.getSeconds(), millisecond: date.getMilliseconds()});
$timepicker.$build();
} else if(!$timepicker.$isBuilt) {
$timepicker.$build();
}
};
$timepicker.select = function(date, index, keep) {
// console.warn('$timepicker.select', date, scope.$mode);
if(!controller.$dateValue || isNaN(controller.$dateValue.getTime())) controller.$dateValue = new Date(1970, 0, 1);
if(!angular.isDate(date)) date = new Date(date);
if(index === 0) controller.$dateValue.setHours(date.getHours());
else if(index === 1) controller.$dateValue.setMinutes(date.getMinutes());
controller.$setViewValue(angular.copy(controller.$dateValue));
controller.$render();
if(options.autoclose && !keep) {
$timeout(function() { $timepicker.hide(true); });
}
};
$timepicker.switchMeridian = function(date) {
if (!controller.$dateValue || isNaN(controller.$dateValue.getTime())) {
return;
}
var hours = (date || controller.$dateValue).getHours();
controller.$dateValue.setHours(hours < 12 ? hours + 12 : hours - 12);
controller.$setViewValue(angular.copy(controller.$dateValue));
controller.$render();
};
// Protected methods
$timepicker.$build = function() {
// console.warn('$timepicker.$build() viewDate=%o', viewDate);
var i, midIndex = scope.midIndex = parseInt(options.length / 2, 10);
var hours = [], hour;
for(i = 0; i < options.length; i++) {
hour = new Date(1970, 0, 1, viewDate.hour - (midIndex - i) * options.hourStep);
hours.push({date: hour, label: formatDate(hour, hoursFormat), selected: $timepicker.$date && $timepicker.$isSelected(hour, 0), disabled: $timepicker.$isDisabled(hour, 0)});
}
var minutes = [], minute;
for(i = 0; i < options.length; i++) {
minute = new Date(1970, 0, 1, 0, viewDate.minute - (midIndex - i) * options.minuteStep);
minutes.push({date: minute, label: formatDate(minute, minutesFormat), selected: $timepicker.$date && $timepicker.$isSelected(minute, 1), disabled: $timepicker.$isDisabled(minute, 1)});
}
var rows = [];
for(i = 0; i < options.length; i++) {
rows.push([hours[i], minutes[i]]);
}
scope.rows = rows;
scope.showAM = showAM;
scope.isAM = ($timepicker.$date || hours[midIndex].date).getHours() < 12;
scope.timeSeparator = timeSeparator;
$timepicker.$isBuilt = true;
};
$timepicker.$isSelected = function(date, index) {
if(!$timepicker.$date) return false;
else if(index === 0) {
return date.getHours() === $timepicker.$date.getHours();
} else if(index === 1) {
return date.getMinutes() === $timepicker.$date.getMinutes();
}
};
$timepicker.$isDisabled = function(date, index) {
var selectedTime;
if(index === 0) {
selectedTime = date.getTime() + viewDate.minute * 6e4;
} else if(index === 1) {
selectedTime = date.getTime() + viewDate.hour * 36e5;
}
return selectedTime < options.minTime * 1 || selectedTime > options.maxTime * 1;
};
scope.$arrowAction = function (value, index) {
if (options.arrowBehavior === 'picker') {
$timepicker.$setTimeByStep(value,index);
} else {
$timepicker.$moveIndex(value,index);
}
};
$timepicker.$setTimeByStep = function(value, index) {
var newDate = new Date($timepicker.$date);
var hours = newDate.getHours(), hoursLength = formatDate(newDate, hoursFormat).length;
var minutes = newDate.getMinutes(), minutesLength = formatDate(newDate, minutesFormat).length;
if (index === 0) {
newDate.setHours(hours - (parseInt(options.hourStep, 10) * value));
}
else {
newDate.setMinutes(minutes - (parseInt(options.minuteStep, 10) * value));
}
$timepicker.select(newDate, index, true);
};
$timepicker.$moveIndex = function(value, index) {
var targetDate;
if(index === 0) {
targetDate = new Date(1970, 0, 1, viewDate.hour + (value * options.length), viewDate.minute);
angular.extend(viewDate, {hour: targetDate.getHours()});
} else if(index === 1) {
targetDate = new Date(1970, 0, 1, viewDate.hour, viewDate.minute + (value * options.length * options.minuteStep));
angular.extend(viewDate, {minute: targetDate.getMinutes()});
}
$timepicker.$build();
};
$timepicker.$onMouseDown = function(evt) {
// Prevent blur on mousedown on .dropdown-menu
if(evt.target.nodeName.toLowerCase() !== 'input') evt.preventDefault();
evt.stopPropagation();
// Emulate click for mobile devices
if(isTouch) {
var targetEl = angular.element(evt.target);
if(targetEl[0].nodeName.toLowerCase() !== 'button') {
targetEl = targetEl.parent();
}
targetEl.triggerHandler('click');
}
};
$timepicker.$onKeyDown = function(evt) {
if (!/(38|37|39|40|13)/.test(evt.keyCode) || evt.shiftKey || evt.altKey) return;
evt.preventDefault();
evt.stopPropagation();
// Close on enter
if(evt.keyCode === 13) return $timepicker.hide(true);
// Navigate with keyboard
var newDate = new Date($timepicker.$date);
var hours = newDate.getHours(), hoursLength = formatDate(newDate, hoursFormat).length;
var minutes = newDate.getMinutes(), minutesLength = formatDate(newDate, minutesFormat).length;
var lateralMove = /(37|39)/.test(evt.keyCode);
var count = 2 + showAM * 1;
// Navigate indexes (left, right)
if (lateralMove) {
if(evt.keyCode === 37) selectedIndex = selectedIndex < 1 ? count - 1 : selectedIndex - 1;
else if(evt.keyCode === 39) selectedIndex = selectedIndex < count - 1 ? selectedIndex + 1 : 0;
}
// Update values (up, down)
var selectRange = [0, hoursLength];
if(selectedIndex === 0) {
if(evt.keyCode === 38) newDate.setHours(hours - parseInt(options.hourStep, 10));
else if(evt.keyCode === 40) newDate.setHours(hours + parseInt(options.hourStep, 10));
// re-calculate hours length because we have changed hours value
hoursLength = formatDate(newDate, hoursFormat).length;
selectRange = [0, hoursLength];
} else if(selectedIndex === 1) {
if(evt.keyCode === 38) newDate.setMinutes(minutes - parseInt(options.minuteStep, 10));
else if(evt.keyCode === 40) newDate.setMinutes(minutes + parseInt(options.minuteStep, 10));
// re-calculate minutes length because we have changes minutes value
minutesLength = formatDate(newDate, minutesFormat).length;
selectRange = [hoursLength + 1, hoursLength + 1 + minutesLength];
} else if(selectedIndex === 2) {
if(!lateralMove) $timepicker.switchMeridian();
selectRange = [hoursLength + 1 + minutesLength + 1, hoursLength + 1 + minutesLength + 3];
}
$timepicker.select(newDate, selectedIndex, true);
createSelection(selectRange[0], selectRange[1]);
parentScope.$digest();
};
// Private
function createSelection(start, end) {
if(element[0].createTextRange) {
var selRange = element[0].createTextRange();
selRange.collapse(true);
selRange.moveStart('character', start);
selRange.moveEnd('character', end);
selRange.select();
} else if(element[0].setSelectionRange) {
element[0].setSelectionRange(start, end);
} else if(angular.isUndefined(element[0].selectionStart)) {
element[0].selectionStart = start;
element[0].selectionEnd = end;
}
}
function focusElement() {
element[0].focus();
}
// Overrides
var _init = $timepicker.init;
$timepicker.init = function() {
if(isNative && options.useNative) {
element.prop('type', 'time');
element.css('-webkit-appearance', 'textfield');
return;
} else if(isTouch) {
element.prop('type', 'text');
element.attr('readonly', 'true');
element.on('click', focusElement);
}
_init();
};
var _destroy = $timepicker.destroy;
$timepicker.destroy = function() {
if(isNative && options.useNative) {
element.off('click', focusElement);
}
_destroy();
};
var _show = $timepicker.show;
$timepicker.show = function() {
_show();
// use timeout to hookup the events to prevent
// event bubbling from being processed imediately.
$timeout(function() {
$timepicker.$element.on(isTouch ? 'touchstart' : 'mousedown', $timepicker.$onMouseDown);
if(options.keyboard) {
element.on('keydown', $timepicker.$onKeyDown);
}
}, 0, false);
};
var _hide = $timepicker.hide;
$timepicker.hide = function(blur) {
if(!$timepicker.$isShown) return;
$timepicker.$element.off(isTouch ? 'touchstart' : 'mousedown', $timepicker.$onMouseDown);
if(options.keyboard) {
element.off('keydown', $timepicker.$onKeyDown);
}
_hide(blur);
};
return $timepicker;
}
timepickerFactory.defaults = defaults;
return timepickerFactory;
}];
})
.directive('bsTimepicker', ["$window", "$parse", "$q", "$dateFormatter", "$dateParser", "$timepicker", function($window, $parse, $q, $dateFormatter, $dateParser, $timepicker) {
var defaults = $timepicker.defaults;
var isNative = /(ip(a|o)d|iphone|android)/ig.test($window.navigator.userAgent);
var requestAnimationFrame = $window.requestAnimationFrame || $window.setTimeout;
return {
restrict: 'EAC',
require: 'ngModel',
link: function postLink(scope, element, attr, controller) {
// Directive options
var options = {scope: scope, controller: controller};
angular.forEach(['placement', 'container', 'delay', 'trigger', 'keyboard', 'html', 'animation', 'template', 'autoclose', 'timeType', 'timeFormat', 'modelTimeFormat', 'useNative', 'hourStep', 'minuteStep', 'length', 'arrowBehavior', 'iconUp', 'iconDown', 'id'], function(key) {
if(angular.isDefined(attr[key])) options[key] = attr[key];
});
// Visibility binding support
attr.bsShow && scope.$watch(attr.bsShow, function(newValue, oldValue) {
if(!timepicker || !angular.isDefined(newValue)) return;
if(angular.isString(newValue)) newValue = !!newValue.match(/true|,?(timepicker),?/i);
newValue === true ? timepicker.show() : timepicker.hide();
});
// Initialize timepicker
if(isNative && (options.useNative || defaults.useNative)) options.timeFormat = 'HH:mm';
var timepicker = $timepicker(element, controller, options);
options = timepicker.$options;
var lang = options.lang;
var formatDate = function(date, format) {
return $dateFormatter.formatDate(date, format, lang);
};
// Initialize parser
var dateParser = $dateParser({format: options.timeFormat, lang: lang});
// Observe attributes for changes
angular.forEach(['minTime', 'maxTime'], function(key) {
// console.warn('attr.$observe(%s)', key, attr[key]);
angular.isDefined(attr[key]) && attr.$observe(key, function(newValue) {
timepicker.$options[key] = dateParser.getTimeForAttribute(key, newValue);
!isNaN(timepicker.$options[key]) && timepicker.$build();
validateAgainstMinMaxTime(controller.$dateValue);
});
});
// Watch model for changes
scope.$watch(attr.ngModel, function(newValue, oldValue) {
// console.warn('scope.$watch(%s)', attr.ngModel, newValue, oldValue, controller.$dateValue);
timepicker.update(controller.$dateValue);
}, true);
function validateAgainstMinMaxTime(parsedTime) {
if (!angular.isDate(parsedTime)) return;
var isMinValid = isNaN(options.minTime) || new Date(parsedTime.getTime()).setFullYear(1970, 0, 1) >= options.minTime;
var isMaxValid = isNaN(options.maxTime) || new Date(parsedTime.getTime()).setFullYear(1970, 0, 1) <= options.maxTime;
var isValid = isMinValid && isMaxValid;
controller.$setValidity('date', isValid);
controller.$setValidity('min', isMinValid);
controller.$setValidity('max', isMaxValid);
// Only update the model when we have a valid date
if(!isValid) {
return;
}
controller.$dateValue = parsedTime;
}
// viewValue -> $parsers -> modelValue
controller.$parsers.unshift(function(viewValue) {
// console.warn('$parser("%s"): viewValue=%o', element.attr('ng-model'), viewValue);
// Null values should correctly reset the model value & validity
if(!viewValue) {
// BREAKING CHANGE:
// return null (not undefined) when input value is empty, so angularjs 1.3
// ngModelController can go ahead and run validators, like ngRequired
controller.$setValidity('date', true);
return null;
}
var parsedTime = angular.isDate(viewValue) ? viewValue : dateParser.parse(viewValue, controller.$dateValue);
if(!parsedTime || isNaN(parsedTime.getTime())) {
controller.$setValidity('date', false);
// return undefined, causes ngModelController to
// invalidate model value
return;
} else {
validateAgainstMinMaxTime(parsedTime);
}
if(options.timeType === 'string') {
return formatDate(parsedTime, options.modelTimeFormat || options.timeFormat);
} else if(options.timeType === 'number') {
return controller.$dateValue.getTime();
} else if(options.timeType === 'unix') {
return controller.$dateValue.getTime() / 1000;
} else if(options.timeType === 'iso') {
return controller.$dateValue.toISOString();
} else {
return new Date(controller.$dateValue);
}
});
// modelValue -> $formatters -> viewValue
controller.$formatters.push(function(modelValue) {
// console.warn('$formatter("%s"): modelValue=%o (%o)', element.attr('ng-model'), modelValue, typeof modelValue);
var date;
if(angular.isUndefined(modelValue) || modelValue === null) {
date = NaN;
} else if(angular.isDate(modelValue)) {
date = modelValue;
} else if(options.timeType === 'string') {
date = dateParser.parse(modelValue, null, options.modelTimeFormat);
} else if(options.timeType === 'unix') {
date = new Date(modelValue * 1000);
} else {
date = new Date(modelValue);
}
// Setup default value?
// if(isNaN(date.getTime())) date = new Date(new Date().setMinutes(0) + 36e5);
controller.$dateValue = date;
return getTimeFormattedString();
});
// viewValue -> element
controller.$render = function() {
// console.warn('$render("%s"): viewValue=%o', element.attr('ng-model'), controller.$viewValue);
element.val(getTimeFormattedString());
};
function getTimeFormattedString() {
return !controller.$dateValue || isNaN(controller.$dateValue.getTime()) ? '' : formatDate(controller.$dateValue, options.timeFormat);
}
// Garbage collection
scope.$on('$destroy', function() {
if (timepicker) timepicker.destroy();
options = null;
timepicker = null;
});
}
};
}]);
// Source: tooltip.js
angular.module('mgcrea.ngStrap.tooltip', ['mgcrea.ngStrap.helpers.dimensions'])
.provider('$tooltip', function() {
var defaults = this.defaults = {
animation: 'am-fade',
customClass: '',
prefixClass: 'tooltip',
prefixEvent: 'tooltip',
container: false,
target: false,
placement: 'top',
template: 'tooltip/tooltip.tpl.html',
contentTemplate: false,
trigger: 'hover focus',
keyboard: false,
html: false,
show: false,
title: '',
type: '',
delay: 0,
autoClose: false,
bsEnabled: true
};
this.$get = ["$window", "$rootScope", "$compile", "$q", "$templateCache", "$http", "$animate", "$sce", "dimensions", "$$rAF", "$timeout", function($window, $rootScope, $compile, $q, $templateCache, $http, $animate, $sce, dimensions, $$rAF, $timeout) {
var trim = String.prototype.trim;
var isTouch = 'createTouch' in $window.document;
var htmlReplaceRegExp = /ng-bind="/ig;
var $body = angular.element($window.document);
function TooltipFactory(element, config) {
var $tooltip = {};
// Common vars
var nodeName = element[0].nodeName.toLowerCase();
var options = $tooltip.$options = angular.extend({}, defaults, config);
$tooltip.$promise = fetchTemplate(options.template);
var scope = $tooltip.$scope = options.scope && options.scope.$new() || $rootScope.$new();
if(options.delay && angular.isString(options.delay)) {
var split = options.delay.split(',').map(parseFloat);
options.delay = split.length > 1 ? {show: split[0], hide: split[1]} : split[0];
}
// store $id to identify the triggering element in events
// give priority to options.id, otherwise, try to use
// element id if defined
$tooltip.$id = options.id || element.attr('id') || '';
// Support scope as string options
if(options.title) {
scope.title = $sce.trustAsHtml(options.title);
}
// Provide scope helpers
scope.$setEnabled = function(isEnabled) {
scope.$$postDigest(function() {
$tooltip.setEnabled(isEnabled);
});
};
scope.$hide = function() {
scope.$$postDigest(function() {
$tooltip.hide();
});
};
scope.$show = function() {
scope.$$postDigest(function() {
$tooltip.show();
});
};
scope.$toggle = function() {
scope.$$postDigest(function() {
$tooltip.toggle();
});
};
// Publish isShown as a protected var on scope
$tooltip.$isShown = scope.$isShown = false;
// Private vars
var timeout, hoverState;
// Support contentTemplate option
if(options.contentTemplate) {
$tooltip.$promise = $tooltip.$promise.then(function(template) {
var templateEl = angular.element(template);
return fetchTemplate(options.contentTemplate)
.then(function(contentTemplate) {
var contentEl = findElement('[ng-bind="content"]', templateEl[0]);
if(!contentEl.length) contentEl = findElement('[ng-bind="title"]', templateEl[0]);
contentEl.removeAttr('ng-bind').html(contentTemplate);
return templateEl[0].outerHTML;
});
});
}
// Fetch, compile then initialize tooltip
var tipLinker, tipElement, tipTemplate, tipContainer, tipScope;
$tooltip.$promise.then(function(template) {
if(angular.isObject(template)) template = template.data;
if(options.html) template = template.replace(htmlReplaceRegExp, 'ng-bind-html="');
template = trim.apply(template);
tipTemplate = template;
tipLinker = $compile(template);
$tooltip.init();
});
$tooltip.init = function() {
// Options: delay
if (options.delay && angular.isNumber(options.delay)) {
options.delay = {
show: options.delay,
hide: options.delay
};
}
// Replace trigger on touch devices ?
// if(isTouch && options.trigger === defaults.trigger) {
// options.trigger.replace(/hover/g, 'click');
// }
// Options : container
if(options.container === 'self') {
tipContainer = element;
} else if(angular.isElement(options.container)) {
tipContainer = options.container;
} else if(options.container) {
tipContainer = findElement(options.container);
}
// Options: trigger
bindTriggerEvents();
// Options: target
if(options.target) {
options.target = angular.isElement(options.target) ? options.target : findElement(options.target);
}
// Options: show
if(options.show) {
scope.$$postDigest(function() {
options.trigger === 'focus' ? element[0].focus() : $tooltip.show();
});
}
};
$tooltip.destroy = function() {
// Unbind events
unbindTriggerEvents();
// Remove element
destroyTipElement();
// Destroy scope
scope.$destroy();
};
$tooltip.enter = function() {
clearTimeout(timeout);
hoverState = 'in';
if (!options.delay || !options.delay.show) {
return $tooltip.show();
}
timeout = setTimeout(function() {
if (hoverState ==='in') $tooltip.show();
}, options.delay.show);
};
$tooltip.show = function() {
if (!options.bsEnabled || $tooltip.$isShown) return;
scope.$emit(options.prefixEvent + '.show.before', $tooltip);
var parent, after;
if (options.container) {
parent = tipContainer;
if (tipContainer[0].lastChild) {
after = angular.element(tipContainer[0].lastChild);
} else {
after = null;
}
} else {
parent = null;
after = element;
}
// Hide any existing tipElement
if(tipElement) destroyTipElement();
// Fetch a cloned element linked from template
tipScope = $tooltip.$scope.$new();
tipElement = $tooltip.$element = tipLinker(tipScope, function(clonedElement, scope) {});
// Set the initial positioning. Make the tooltip invisible
// so IE doesn't try to focus on it off screen.
tipElement.css({top: '-9999px', left: '-9999px', display: 'block', visibility: 'hidden'});
// Options: animation
if(options.animation) tipElement.addClass(options.animation);
// Options: type
if(options.type) tipElement.addClass(options.prefixClass + '-' + options.type);
// Options: custom classes
if(options.customClass) tipElement.addClass(options.customClass);
// Support v1.3+ $animate
// https://github.com/angular/angular.js/commit/bf0f5502b1bbfddc5cdd2f138efd9188b8c652a9
var promise = $animate.enter(tipElement, parent, after, enterAnimateCallback);
if(promise && promise.then) promise.then(enterAnimateCallback);
$tooltip.$isShown = scope.$isShown = true;
safeDigest(scope);
$$rAF(function () {
$tooltip.$applyPlacement();
// Once placed, make the tooltip visible
if(tipElement) tipElement.css({visibility: 'visible'});
}); // var a = bodyEl.offsetWidth + 1; ?
// Bind events
if(options.keyboard) {
if(options.trigger !== 'focus') {
$tooltip.focus();
}
bindKeyboardEvents();
}
if(options.autoClose) {
bindAutoCloseEvents();
}
};
function enterAnimateCallback() {
scope.$emit(options.prefixEvent + '.show', $tooltip);
}
$tooltip.leave = function() {
clearTimeout(timeout);
hoverState = 'out';
if (!options.delay || !options.delay.hide) {
return $tooltip.hide();
}
timeout = setTimeout(function () {
if (hoverState === 'out') {
$tooltip.hide();
}
}, options.delay.hide);
};
var _blur;
var _tipToHide;
$tooltip.hide = function(blur) {
if(!$tooltip.$isShown) return;
scope.$emit(options.prefixEvent + '.hide.before', $tooltip);
// store blur value for leaveAnimateCallback to use
_blur = blur;
// store current tipElement reference to use
// in leaveAnimateCallback
_tipToHide = tipElement;
// Support v1.3+ $animate
// https://github.com/angular/angular.js/commit/bf0f5502b1bbfddc5cdd2f138efd9188b8c652a9
var promise = $animate.leave(tipElement, leaveAnimateCallback);
if(promise && promise.then) promise.then(leaveAnimateCallback);
$tooltip.$isShown = scope.$isShown = false;
safeDigest(scope);
// Unbind events
if(options.keyboard && tipElement !== null) {
unbindKeyboardEvents();
}
if(options.autoClose && tipElement !== null) {
unbindAutoCloseEvents();
}
};
function leaveAnimateCallback() {
scope.$emit(options.prefixEvent + '.hide', $tooltip);
// check if current tipElement still references
// the same element when hide was called
if (tipElement === _tipToHide) {
// Allow to blur the input when hidden, like when pressing enter key
if(_blur && options.trigger === 'focus') {
return element[0].blur();
}
// clean up child scopes
destroyTipElement();
}
}
$tooltip.toggle = function() {
$tooltip.$isShown ? $tooltip.leave() : $tooltip.enter();
};
$tooltip.focus = function() {
tipElement[0].focus();
};
$tooltip.setEnabled = function(isEnabled) {
options.bsEnabled = isEnabled;
};
// Protected methods
$tooltip.$applyPlacement = function() {
if(!tipElement) return;
// Determine if we're doing an auto or normal placement
var placement = options.placement,
autoToken = /\s?auto?\s?/i,
autoPlace = autoToken.test(placement);
if (autoPlace) {
placement = placement.replace(autoToken, '') || defaults.placement;
}
// Need to add the position class before we get
// the offsets
tipElement.addClass(options.placement);
// Get the position of the target element
// and the height and width of the tooltip so we can center it.
var elementPosition = getPosition(),
tipWidth = tipElement.prop('offsetWidth'),
tipHeight = tipElement.prop('offsetHeight');
// If we're auto placing, we need to check the positioning
if (autoPlace) {
var originalPlacement = placement;
var container = options.container ? angular.element(document.querySelector(options.container)) : element.parent();
var containerPosition = getPosition(container);
// Determine if the vertical placement
if (originalPlacement.indexOf('bottom') >= 0 && elementPosition.bottom + tipHeight > containerPosition.bottom) {
placement = originalPlacement.replace('bottom', 'top');
} else if (originalPlacement.indexOf('top') >= 0 && elementPosition.top - tipHeight < containerPosition.top) {
placement = originalPlacement.replace('top', 'bottom');
}
// Determine the horizontal placement
// The exotic placements of left and right are opposite of the standard placements. Their arrows are put on the left/right
// and flow in the opposite direction of their placement.
if ((originalPlacement === 'right' || originalPlacement === 'bottom-left' || originalPlacement === 'top-left') &&
elementPosition.right + tipWidth > containerPosition.width) {
placement = originalPlacement === 'right' ? 'left' : placement.replace('left', 'right');
} else if ((originalPlacement === 'left' || originalPlacement === 'bottom-right' || originalPlacement === 'top-right') &&
elementPosition.left - tipWidth < containerPosition.left) {
placement = originalPlacement === 'left' ? 'right' : placement.replace('right', 'left');
}
tipElement.removeClass(originalPlacement).addClass(placement);
}
// Get the tooltip's top and left coordinates to center it with this directive.
var tipPosition = getCalculatedOffset(placement, elementPosition, tipWidth, tipHeight);
applyPlacementCss(tipPosition.top, tipPosition.left);
};
$tooltip.$onKeyUp = function(evt) {
if (evt.which === 27 && $tooltip.$isShown) {
$tooltip.hide();
evt.stopPropagation();
}
};
$tooltip.$onFocusKeyUp = function(evt) {
if (evt.which === 27) {
element[0].blur();
evt.stopPropagation();
}
};
$tooltip.$onFocusElementMouseDown = function(evt) {
evt.preventDefault();
evt.stopPropagation();
// Some browsers do not auto-focus buttons (eg. Safari)
$tooltip.$isShown ? element[0].blur() : element[0].focus();
};
// bind/unbind events
function bindTriggerEvents() {
var triggers = options.trigger.split(' ');
angular.forEach(triggers, function(trigger) {
if(trigger === 'click') {
element.on('click', $tooltip.toggle);
} else if(trigger !== 'manual') {
element.on(trigger === 'hover' ? 'mouseenter' : 'focus', $tooltip.enter);
element.on(trigger === 'hover' ? 'mouseleave' : 'blur', $tooltip.leave);
nodeName === 'button' && trigger !== 'hover' && element.on(isTouch ? 'touchstart' : 'mousedown', $tooltip.$onFocusElementMouseDown);
}
});
}
function unbindTriggerEvents() {
var triggers = options.trigger.split(' ');
for (var i = triggers.length; i--;) {
var trigger = triggers[i];
if(trigger === 'click') {
element.off('click', $tooltip.toggle);
} else if(trigger !== 'manual') {
element.off(trigger === 'hover' ? 'mouseenter' : 'focus', $tooltip.enter);
element.off(trigger === 'hover' ? 'mouseleave' : 'blur', $tooltip.leave);
nodeName === 'button' && trigger !== 'hover' && element.off(isTouch ? 'touchstart' : 'mousedown', $tooltip.$onFocusElementMouseDown);
}
}
}
function bindKeyboardEvents() {
if(options.trigger !== 'focus') {
tipElement.on('keyup', $tooltip.$onKeyUp);
} else {
element.on('keyup', $tooltip.$onFocusKeyUp);
}
}
function unbindKeyboardEvents() {
if(options.trigger !== 'focus') {
tipElement.off('keyup', $tooltip.$onKeyUp);
} else {
element.off('keyup', $tooltip.$onFocusKeyUp);
}
}
var _autoCloseEventsBinded = false;
function bindAutoCloseEvents() {
// use timeout to hookup the events to prevent
// event bubbling from being processed imediately.
$timeout(function() {
// Stop propagation when clicking inside tooltip
tipElement.on('click', stopEventPropagation);
// Hide when clicking outside tooltip
$body.on('click', $tooltip.hide);
_autoCloseEventsBinded = true;
}, 0, false);
}
function unbindAutoCloseEvents() {
if (_autoCloseEventsBinded) {
tipElement.off('click', stopEventPropagation);
$body.off('click', $tooltip.hide);
_autoCloseEventsBinded = false;
}
}
function stopEventPropagation(event) {
event.stopPropagation();
}
// Private methods
function getPosition($element) {
$element = $element || (options.target || element);
var el = $element[0];
var elRect = el.getBoundingClientRect();
if (elRect.width === null) {
// width and height are missing in IE8, so compute them manually; see https://github.com/twbs/bootstrap/issues/14093
elRect = angular.extend({}, elRect, { width: elRect.right - elRect.left, height: elRect.bottom - elRect.top });
}
var elPos;
if (options.container === 'body') {
elPos = dimensions.offset(el);
} else {
elPos = dimensions.position(el);
}
return angular.extend({}, elRect, elPos);
}
function getCalculatedOffset(placement, position, actualWidth, actualHeight) {
var offset;
var split = placement.split('-');
switch (split[0]) {
case 'right':
offset = {
top: position.top + position.height / 2 - actualHeight / 2,
left: position.left + position.width
};
break;
case 'bottom':
offset = {
top: position.top + position.height,
left: position.left + position.width / 2 - actualWidth / 2
};
break;
case 'left':
offset = {
top: position.top + position.height / 2 - actualHeight / 2,
left: position.left - actualWidth
};
break;
default:
offset = {
top: position.top - actualHeight,
left: position.left + position.width / 2 - actualWidth / 2
};
break;
}
if(!split[1]) {
return offset;
}
// Add support for corners @todo css
if(split[0] === 'top' || split[0] === 'bottom') {
switch (split[1]) {
case 'left':
offset.left = position.left;
break;
case 'right':
offset.left = position.left + position.width - actualWidth;
}
} else if(split[0] === 'left' || split[0] === 'right') {
switch (split[1]) {
case 'top':
offset.top = position.top - actualHeight;
break;
case 'bottom':
offset.top = position.top + position.height;
}
}
return offset;
}
function applyPlacementCss(top, left) {
tipElement.css({ top: top + 'px', left: left + 'px' });
}
function destroyTipElement() {
// Cancel pending callbacks
clearTimeout(timeout);
if($tooltip.$isShown && tipElement !== null) {
if(options.autoClose) {
unbindAutoCloseEvents();
}
if(options.keyboard) {
unbindKeyboardEvents();
}
}
if(tipScope) {
tipScope.$destroy();
tipScope = null;
}
if(tipElement) {
tipElement.remove();
tipElement = $tooltip.$element = null;
}
}
return $tooltip;
}
// Helper functions
function safeDigest(scope) {
scope.$$phase || (scope.$root && scope.$root.$$phase) || scope.$digest();
}
function findElement(query, element) {
return angular.element((element || document).querySelectorAll(query));
}
var fetchPromises = {};
function fetchTemplate(template) {
if(fetchPromises[template]) return fetchPromises[template];
return (fetchPromises[template] = $q.when($templateCache.get(template) || $http.get(template))
.then(function(res) {
if(angular.isObject(res)) {
$templateCache.put(template, res.data);
return res.data;
}
return res;
}));
}
return TooltipFactory;
}];
})
.directive('bsTooltip', ["$window", "$location", "$sce", "$tooltip", "$$rAF", function($window, $location, $sce, $tooltip, $$rAF) {
return {
restrict: 'EAC',
scope: true,
link: function postLink(scope, element, attr, transclusion) {
// Directive options
var options = {scope: scope};
angular.forEach(['template', 'contentTemplate', 'placement', 'container', 'target', 'delay', 'trigger', 'keyboard', 'html', 'animation', 'backdropAnimation', 'type', 'customClass', 'id'], function(key) {
if(angular.isDefined(attr[key])) options[key] = attr[key];
});
// overwrite inherited title value when no value specified
// fix for angular 1.3.1 531a8de72c439d8ddd064874bf364c00cedabb11
if (!scope.hasOwnProperty('title')){
scope.title = '';
}
// Observe scope attributes for change
attr.$observe('title', function(newValue) {
if (angular.isDefined(newValue) || !scope.hasOwnProperty('title')) {
var oldValue = scope.title;
scope.title = $sce.trustAsHtml(newValue);
angular.isDefined(oldValue) && $$rAF(function() {
tooltip && tooltip.$applyPlacement();
});
}
});
// Support scope as an object
attr.bsTooltip && scope.$watch(attr.bsTooltip, function(newValue, oldValue) {
if(angular.isObject(newValue)) {
angular.extend(scope, newValue);
} else {
scope.title = newValue;
}
angular.isDefined(oldValue) && $$rAF(function() {
tooltip && tooltip.$applyPlacement();
});
}, true);
// Visibility binding support
attr.bsShow && scope.$watch(attr.bsShow, function(newValue, oldValue) {
if(!tooltip || !angular.isDefined(newValue)) return;
if(angular.isString(newValue)) newValue = !!newValue.match(/true|,?(tooltip),?/i);
newValue === true ? tooltip.show() : tooltip.hide();
});
// Enabled binding support
attr.bsEnabled && scope.$watch(attr.bsEnabled, function(newValue, oldValue) {
// console.warn('scope.$watch(%s)', attr.bsEnabled, newValue, oldValue);
if(!tooltip || !angular.isDefined(newValue)) return;
if(angular.isString(newValue)) newValue = !!newValue.match(/true|1|,?(tooltip),?/i);
newValue === false ? tooltip.setEnabled(false) : tooltip.setEnabled(true);
});
// Initialize popover
var tooltip = $tooltip(element, options);
// Garbage collection
scope.$on('$destroy', function() {
if(tooltip) tooltip.destroy();
options = null;
tooltip = null;
});
}
};
}]);
// Source: typeahead.js
angular.module('mgcrea.ngStrap.typeahead', ['mgcrea.ngStrap.tooltip', 'mgcrea.ngStrap.helpers.parseOptions'])
.provider('$typeahead', function() {
var defaults = this.defaults = {
animation: 'am-fade',
prefixClass: 'typeahead',
prefixEvent: '$typeahead',
placement: 'bottom-left',
template: 'typeahead/typeahead.tpl.html',
trigger: 'focus',
container: false,
keyboard: true,
html: false,
delay: 0,
minLength: 1,
filter: 'filter',
limit: 6,
comparator: ''
};
this.$get = ["$window", "$rootScope", "$tooltip", "$timeout", function($window, $rootScope, $tooltip, $timeout) {
var bodyEl = angular.element($window.document.body);
function TypeaheadFactory(element, controller, config) {
var $typeahead = {};
// Common vars
var options = angular.extend({}, defaults, config);
$typeahead = $tooltip(element, options);
var parentScope = config.scope;
var scope = $typeahead.$scope;
scope.$resetMatches = function(){
scope.$matches = [];
scope.$activeIndex = 0;
};
scope.$resetMatches();
scope.$activate = function(index) {
scope.$$postDigest(function() {
$typeahead.activate(index);
});
};
scope.$select = function(index, evt) {
scope.$$postDigest(function() {
$typeahead.select(index);
});
};
scope.$isVisible = function() {
return $typeahead.$isVisible();
};
// Public methods
$typeahead.update = function(matches) {
scope.$matches = matches;
if(scope.$activeIndex >= matches.length) {
scope.$activeIndex = 0;
}
};
$typeahead.activate = function(index) {
scope.$activeIndex = index;
};
$typeahead.select = function(index) {
var value = scope.$matches[index].value;
// console.log('$setViewValue', value);
controller.$setViewValue(value);
controller.$render();
scope.$resetMatches();
if(parentScope) parentScope.$digest();
// Emit event
scope.$emit(options.prefixEvent + '.select', value, index, $typeahead);
};
// Protected methods
$typeahead.$isVisible = function() {
if(!options.minLength || !controller) {
return !!scope.$matches.length;
}
// minLength support
return scope.$matches.length && angular.isString(controller.$viewValue) && controller.$viewValue.length >= options.minLength;
};
$typeahead.$getIndex = function(value) {
var l = scope.$matches.length, i = l;
if(!l) return;
for(i = l; i--;) {
if(scope.$matches[i].value === value) break;
}
if(i < 0) return;
return i;
};
$typeahead.$onMouseDown = function(evt) {
// Prevent blur on mousedown
evt.preventDefault();
evt.stopPropagation();
};
$typeahead.$onKeyDown = function(evt) {
if(!/(38|40|13)/.test(evt.keyCode)) return;
// Let ngSubmit pass if the typeahead tip is hidden
if($typeahead.$isVisible()) {
evt.preventDefault();
evt.stopPropagation();
}
// Select with enter
if(evt.keyCode === 13 && scope.$matches.length) {
$typeahead.select(scope.$activeIndex);
}
// Navigate with keyboard
else if(evt.keyCode === 38 && scope.$activeIndex > 0) scope.$activeIndex--;
else if(evt.keyCode === 40 && scope.$activeIndex < scope.$matches.length - 1) scope.$activeIndex++;
else if(angular.isUndefined(scope.$activeIndex)) scope.$activeIndex = 0;
scope.$digest();
};
// Overrides
var show = $typeahead.show;
$typeahead.show = function() {
show();
// use timeout to hookup the events to prevent
// event bubbling from being processed imediately.
$timeout(function() {
$typeahead.$element.on('mousedown', $typeahead.$onMouseDown);
if(options.keyboard) {
element.on('keydown', $typeahead.$onKeyDown);
}
}, 0, false);
};
var hide = $typeahead.hide;
$typeahead.hide = function() {
$typeahead.$element.off('mousedown', $typeahead.$onMouseDown);
if(options.keyboard) {
element.off('keydown', $typeahead.$onKeyDown);
}
hide();
};
return $typeahead;
}
TypeaheadFactory.defaults = defaults;
return TypeaheadFactory;
}];
})
.directive('bsTypeahead', ["$window", "$parse", "$q", "$typeahead", "$parseOptions", function($window, $parse, $q, $typeahead, $parseOptions) {
var defaults = $typeahead.defaults;
return {
restrict: 'EAC',
require: 'ngModel',
link: function postLink(scope, element, attr, controller) {
// Directive options
var options = {scope: scope};
angular.forEach(['placement', 'container', 'delay', 'trigger', 'keyboard', 'html', 'animation', 'template', 'filter', 'limit', 'minLength', 'watchOptions', 'selectMode', 'comparator', 'id'], function(key) {
if(angular.isDefined(attr[key])) options[key] = attr[key];
});
// Build proper ngOptions
var filter = options.filter || defaults.filter;
var limit = options.limit || defaults.limit;
var comparator = options.comparator || defaults.comparator;
var ngOptions = attr.ngOptions;
if(filter) ngOptions += ' | ' + filter + ':$viewValue';
if (comparator) ngOptions += ':' + comparator;
if(limit) ngOptions += ' | limitTo:' + limit;
var parsedOptions = $parseOptions(ngOptions);
// Initialize typeahead
var typeahead = $typeahead(element, controller, options);
// Watch options on demand
if(options.watchOptions) {
// Watch ngOptions values before filtering for changes, drop function calls
var watchedOptions = parsedOptions.$match[7].replace(/\|.+/, '').replace(/\(.*\)/g, '').trim();
scope.$watch(watchedOptions, function (newValue, oldValue) {
// console.warn('scope.$watch(%s)', watchedOptions, newValue, oldValue);
parsedOptions.valuesFn(scope, controller).then(function (values) {
typeahead.update(values);
controller.$render();
});
}, true);
}
// Watch model for changes
scope.$watch(attr.ngModel, function(newValue, oldValue) {
// console.warn('$watch', element.attr('ng-model'), newValue);
scope.$modelValue = newValue; // Publish modelValue on scope for custom templates
parsedOptions.valuesFn(scope, controller)
.then(function(values) {
// Prevent input with no future prospect if selectMode is truthy
// @TODO test selectMode
if(options.selectMode && !values.length && newValue.length > 0) {
controller.$setViewValue(controller.$viewValue.substring(0, controller.$viewValue.length - 1));
return;
}
if(values.length > limit) values = values.slice(0, limit);
var isVisible = typeahead.$isVisible();
isVisible && typeahead.update(values);
// Do not re-queue an update if a correct value has been selected
if(values.length === 1 && values[0].value === newValue) return;
!isVisible && typeahead.update(values);
// Queue a new rendering that will leverage collection loading
controller.$render();
});
});
// modelValue -> $formatters -> viewValue
controller.$formatters.push(function(modelValue) {
// console.warn('$formatter("%s"): modelValue=%o (%o)', element.attr('ng-model'), modelValue, typeof modelValue);
var displayValue = parsedOptions.displayValue(modelValue);
return displayValue === undefined ? '' : displayValue;
});
// Model rendering in view
controller.$render = function () {
// console.warn('$render', element.attr('ng-model'), 'controller.$modelValue', typeof controller.$modelValue, controller.$modelValue, 'controller.$viewValue', typeof controller.$viewValue, controller.$viewValue);
if(controller.$isEmpty(controller.$viewValue)) return element.val('');
var index = typeahead.$getIndex(controller.$modelValue);
var selected = angular.isDefined(index) ? typeahead.$scope.$matches[index].label : controller.$viewValue;
selected = angular.isObject(selected) ? parsedOptions.displayValue(selected) : selected;
element.val(selected ? selected.toString().replace(/<(?:.|\n)*?>/gm, '').trim() : '');
};
// Garbage collection
scope.$on('$destroy', function() {
if (typeahead) typeahead.destroy();
options = null;
typeahead = null;
});
}
};
}]);
})(window, document);