/** * AngularStrap - Twitter Bootstrap directives for AngularJS * @version v0.7.5 - 2013-07-21 * @link http://mgcrea.github.com/angular-strap * @author Olivier Louvignes * @license MIT License, http://www.opensource.org/licenses/MIT */ angular.module('$strap.config', []).value('$strapConfig', {}); angular.module('$strap.filters', ['$strap.config']); angular.module('$strap.directives', ['$strap.config']); angular.module('$strap', [ '$strap.filters', '$strap.directives', '$strap.config' ]); 'use strict'; angular.module('$strap.directives').directive('bsAlert', [ '$parse', '$timeout', '$compile', function ($parse, $timeout, $compile) { return { restrict: 'A', link: function postLink(scope, element, attrs) { var getter = $parse(attrs.bsAlert), setter = getter.assign, value = getter(scope); var closeAlert = function closeAlertFn(delay) { $timeout(function () { element.alert('close'); }, delay * 1); }; if (!attrs.bsAlert) { if (angular.isUndefined(attrs.closeButton) || attrs.closeButton !== '0' && attrs.closeButton !== 'false') { element.prepend(''); } if (attrs.closeAfter) closeAlert(attrs.closeAfter); } else { scope.$watch(attrs.bsAlert, function (newValue, oldValue) { value = newValue; element.html((newValue.title ? '' + newValue.title + ' ' : '') + newValue.content || ''); if (!!newValue.closed) { element.hide(); } $compile(element.contents())(scope); if (newValue.type || oldValue.type) { oldValue.type && element.removeClass('alert-' + oldValue.type); newValue.type && element.addClass('alert-' + newValue.type); } if (angular.isDefined(newValue.closeAfter)) closeAlert(newValue.closeAfter); else if (attrs.closeAfter) closeAlert(attrs.closeAfter); if (angular.isUndefined(attrs.closeButton) || attrs.closeButton !== '0' && attrs.closeButton !== 'false') { element.prepend(''); } }, true); } element.addClass('alert').alert(); if (element.hasClass('fade')) { element.removeClass('in'); setTimeout(function () { element.addClass('in'); }); } var parentArray = attrs.ngRepeat && attrs.ngRepeat.split(' in ').pop(); element.on('close', function (ev) { var removeElement; if (parentArray) { ev.preventDefault(); element.removeClass('in'); removeElement = function () { element.trigger('closed'); if (scope.$parent) { scope.$parent.$apply(function () { var path = parentArray.split('.'); var curr = scope.$parent; for (var i = 0; i < path.length; ++i) { if (curr) { curr = curr[path[i]]; } } if (curr) { curr.splice(scope.$index, 1); } }); } }; $.support.transition && element.hasClass('fade') ? element.on($.support.transition.end, removeElement) : removeElement(); } else if (value) { ev.preventDefault(); element.removeClass('in'); removeElement = function () { element.trigger('closed'); scope.$apply(function () { value.closed = true; }); }; $.support.transition && element.hasClass('fade') ? element.on($.support.transition.end, removeElement) : removeElement(); } else { } }); } }; } ]); 'use strict'; angular.module('$strap.directives').directive('bsButton', [ '$parse', '$timeout', function ($parse, $timeout) { return { restrict: 'A', require: '?ngModel', link: function postLink(scope, element, attrs, controller) { if (controller) { if (!element.parent('[data-toggle="buttons-checkbox"], [data-toggle="buttons-radio"]').length) { element.attr('data-toggle', 'button'); } var startValue = !!scope.$eval(attrs.ngModel); if (startValue) { element.addClass('active'); } scope.$watch(attrs.ngModel, function (newValue, oldValue) { var bNew = !!newValue, bOld = !!oldValue; if (bNew !== bOld) { $.fn.button.Constructor.prototype.toggle.call(button); } else if (bNew && !startValue) { element.addClass('active'); } }); } if (!element.hasClass('btn')) { element.on('click.button.data-api', function (ev) { element.button('toggle'); }); } element.button(); var button = element.data('button'); button.toggle = function () { if (!controller) { return $.fn.button.Constructor.prototype.toggle.call(this); } var $parent = element.parent('[data-toggle="buttons-radio"]'); if ($parent.length) { element.siblings('[ng-model]').each(function (k, v) { $parse($(v).attr('ng-model')).assign(scope, false); }); scope.$digest(); if (!controller.$modelValue) { controller.$setViewValue(!controller.$modelValue); scope.$digest(); } } else { scope.$apply(function () { controller.$setViewValue(!controller.$modelValue); }); } }; } }; } ]).directive('bsButtonsCheckbox', [ '$parse', function ($parse) { return { restrict: 'A', require: '?ngModel', compile: function compile(tElement, tAttrs, transclude) { tElement.attr('data-toggle', 'buttons-checkbox').find('a, button').each(function (k, v) { $(v).attr('bs-button', ''); }); } }; } ]).directive('bsButtonsRadio', [ '$timeout', function ($timeout) { return { restrict: 'A', require: '?ngModel', compile: function compile(tElement, tAttrs, transclude) { tElement.attr('data-toggle', 'buttons-radio'); if (!tAttrs.ngModel) { tElement.find('a, button').each(function (k, v) { $(v).attr('bs-button', ''); }); } return function postLink(scope, iElement, iAttrs, controller) { if (controller) { $timeout(function () { iElement.find('[value]').button().filter('[value="' + controller.$viewValue + '"]').addClass('active'); }); iElement.on('click.button.data-api', function (ev) { scope.$apply(function () { controller.$setViewValue($(ev.target).closest('button').attr('value')); }); }); scope.$watch(iAttrs.ngModel, function (newValue, oldValue) { if (newValue !== oldValue) { var $btn = iElement.find('[value="' + scope.$eval(iAttrs.ngModel) + '"]'); if ($btn.length) { $btn.button('toggle'); } } }); } }; } }; } ]); 'use strict'; angular.module('$strap.directives').directive('bsButtonSelect', [ '$parse', '$timeout', function ($parse, $timeout) { return { restrict: 'A', require: '?ngModel', link: function postLink(scope, element, attrs, ctrl) { var getter = $parse(attrs.bsButtonSelect), setter = getter.assign; if (ctrl) { element.text(scope.$eval(attrs.ngModel)); scope.$watch(attrs.ngModel, function (newValue, oldValue) { element.text(newValue); }); } var values, value, index, newValue; element.bind('click', function (ev) { values = getter(scope); value = ctrl ? scope.$eval(attrs.ngModel) : element.text(); index = values.indexOf(value); newValue = index > values.length - 2 ? values[0] : values[index + 1]; scope.$apply(function () { element.text(newValue); if (ctrl) { ctrl.$setViewValue(newValue); } }); }); } }; } ]); 'use strict'; angular.module('$strap.directives').directive('bsDatepicker', [ '$timeout', '$strapConfig', function ($timeout, $strapConfig) { var isAppleTouch = /(iP(a|o)d|iPhone)/g.test(navigator.userAgent); var regexpMap = function regexpMap(language) { language = language || 'en'; return { '/': '[\\/]', '-': '[-]', '.': '[.]', ' ': '[\\s]', 'dd': '(?:(?:[0-2]?[0-9]{1})|(?:[3][01]{1}))', 'd': '(?:(?:[0-2]?[0-9]{1})|(?:[3][01]{1}))', 'mm': '(?:[0]?[1-9]|[1][012])', 'm': '(?:[0]?[1-9]|[1][012])', 'DD': '(?:' + $.fn.datepicker.dates[language].days.join('|') + ')', 'D': '(?:' + $.fn.datepicker.dates[language].daysShort.join('|') + ')', 'MM': '(?:' + $.fn.datepicker.dates[language].months.join('|') + ')', 'M': '(?:' + $.fn.datepicker.dates[language].monthsShort.join('|') + ')', 'yyyy': '(?:(?:[1]{1}[0-9]{1}[0-9]{1}[0-9]{1})|(?:[2]{1}[0-9]{3}))(?![[0-9]])', 'yy': '(?:(?:[0-9]{1}[0-9]{1}))(?![[0-9]])' }; }; var regexpForDateFormat = function regexpForDateFormat(format, language) { var re = format, map = regexpMap(language), i; i = 0; angular.forEach(map, function (v, k) { re = re.split(k).join('${' + i + '}'); i++; }); i = 0; angular.forEach(map, function (v, k) { re = re.split('${' + i + '}').join(v); i++; }); return new RegExp('^' + re + '$', ['i']); }; return { restrict: 'A', require: '?ngModel', link: function postLink(scope, element, attrs, controller) { var options = angular.extend({ autoclose: true }, $strapConfig.datepicker || {}), type = attrs.dateType || options.type || 'date'; angular.forEach([ 'format', 'weekStart', 'calendarWeeks', 'startDate', 'endDate', 'daysOfWeekDisabled', 'autoclose', 'startView', 'minViewMode', 'todayBtn', 'todayHighlight', 'keyboardNavigation', 'language', 'forceParse' ], function (key) { if (angular.isDefined(attrs[key])) options[key] = attrs[key]; }); var language = options.language || 'en', readFormat = attrs.dateFormat || options.format || $.fn.datepicker.dates[language] && $.fn.datepicker.dates[language].format || 'mm/dd/yyyy', format = isAppleTouch ? 'yyyy-mm-dd' : readFormat, dateFormatRegexp = regexpForDateFormat(format, language); if (controller) { controller.$formatters.unshift(function (modelValue) { return type === 'date' && angular.isString(modelValue) && modelValue ? $.fn.datepicker.DPGlobal.parseDate(modelValue, $.fn.datepicker.DPGlobal.parseFormat(readFormat), language) : modelValue; }); controller.$parsers.unshift(function (viewValue) { if (!viewValue) { controller.$setValidity('date', true); return null; } else if (type === 'date' && angular.isDate(viewValue)) { controller.$setValidity('date', true); return viewValue; } else if (angular.isString(viewValue) && dateFormatRegexp.test(viewValue)) { controller.$setValidity('date', true); if (isAppleTouch) return new Date(viewValue); return type === 'string' ? viewValue : $.fn.datepicker.DPGlobal.parseDate(viewValue, $.fn.datepicker.DPGlobal.parseFormat(format), language); } else { controller.$setValidity('date', false); return undefined; } }); controller.$render = function ngModelRender() { if (isAppleTouch) { var date = controller.$viewValue ? $.fn.datepicker.DPGlobal.formatDate(controller.$viewValue, $.fn.datepicker.DPGlobal.parseFormat(format), language) : ''; element.val(date); return date; } if (!controller.$viewValue) element.val(''); return element.datepicker('update', controller.$viewValue); }; } if (isAppleTouch) { element.prop('type', 'date').css('-webkit-appearance', 'textfield'); } else { if (controller) { element.on('changeDate', function (ev) { scope.$apply(function () { controller.$setViewValue(type === 'string' ? element.val() : ev.date); }); }); } element.datepicker(angular.extend(options, { format: format, language: language })); scope.$on('$destroy', function () { var datepicker = element.data('datepicker'); if (datepicker) { datepicker.picker.remove(); element.data('datepicker', null); } }); attrs.$observe('startDate', function (value) { element.datepicker('setStartDate', value); }); attrs.$observe('endDate', function (value) { element.datepicker('setEndDate', value); }); } var component = element.siblings('[data-toggle="datepicker"]'); if (component.length) { component.on('click', function () { if (!element.prop('disabled')) { element.trigger('focus'); } }); } } }; } ]); 'use strict'; angular.module('$strap.directives').directive('bsDropdown', [ '$parse', '$compile', '$timeout', function ($parse, $compile, $timeout) { var buildTemplate = function (items, ul) { if (!ul) ul = [ '' ]; angular.forEach(items, function (item, index) { if (item.divider) return ul.splice(index + 1, 0, '
  • '); var li = '' + '' + (item.text || '') + ''; if (item.submenu && item.submenu.length) li += buildTemplate(item.submenu).join('\n'); li += ''; ul.splice(index + 1, 0, li); }); return ul; }; return { restrict: 'EA', scope: true, link: function postLink(scope, iElement, iAttrs) { var getter = $parse(iAttrs.bsDropdown), items = getter(scope); $timeout(function () { if (!angular.isArray(items)) { } var dropdown = angular.element(buildTemplate(items).join('')); dropdown.insertAfter(iElement); $compile(iElement.next('ul.dropdown-menu'))(scope); }); iElement.addClass('dropdown-toggle').attr('data-toggle', 'dropdown'); } }; } ]); 'use strict'; angular.module('$strap.directives').factory('$modal', [ '$rootScope', '$compile', '$http', '$timeout', '$q', '$templateCache', '$strapConfig', function ($rootScope, $compile, $http, $timeout, $q, $templateCache, $strapConfig) { var ModalFactory = function ModalFactory(config) { function Modal(config) { var options = angular.extend({ show: true }, $strapConfig.modal, config), scope = options.scope ? options.scope : $rootScope.$new(), templateUrl = options.template; return $q.when($templateCache.get(templateUrl) || $http.get(templateUrl, { cache: true }).then(function (res) { return res.data; })).then(function onSuccess(template) { var id = templateUrl.replace('.html', '').replace(/[\/|\.|:]/g, '-') + '-' + scope.$id; var $modal = $('').attr('id', id).addClass('fade').html(template); if (options.modalClass) $modal.addClass(options.modalClass); $('body').append($modal); $timeout(function () { $compile($modal)(scope); }); scope.$modal = function (name) { $modal.modal(name); }; angular.forEach([ 'show', 'hide' ], function (name) { scope[name] = function () { $modal.modal(name); }; }); scope.dismiss = scope.hide; angular.forEach([ 'show', 'shown', 'hide', 'hidden' ], function (name) { $modal.on(name, function (ev) { scope.$emit('modal-' + name, ev); }); }); $modal.on('shown', function (ev) { $('input[autofocus], textarea[autofocus]', $modal).first().trigger('focus'); }); $modal.on('hidden', function (ev) { if (!options.persist) scope.$destroy(); }); scope.$on('$destroy', function () { $modal.remove(); }); $modal.modal(options); return $modal; }); } return new Modal(config); }; return ModalFactory; } ]).directive('bsModal', [ '$q', '$modal', function ($q, $modal) { return { restrict: 'A', scope: true, link: function postLink(scope, iElement, iAttrs, controller) { var options = { template: scope.$eval(iAttrs.bsModal), persist: true, show: false, scope: scope }; angular.forEach([ 'modalClass', 'backdrop', 'keyboard' ], function (key) { if (angular.isDefined(iAttrs[key])) options[key] = iAttrs[key]; }); $q.when($modal(options)).then(function onSuccess(modal) { iElement.attr('data-target', '#' + modal.attr('id')).attr('data-toggle', 'modal'); }); } }; } ]); 'use strict'; angular.module('$strap.directives').directive('bsNavbar', [ '$location', function ($location) { return { restrict: 'A', link: function postLink(scope, element, attrs, controller) { scope.$watch(function () { return $location.path(); }, function (newValue, oldValue) { $('li[data-match-route]', element).each(function (k, li) { var $li = angular.element(li), pattern = $li.attr('data-match-route'), regexp = new RegExp('^' + pattern + '$', ['i']); if (regexp.test(newValue)) { $li.addClass('active').find('.collapse.in').collapse('hide'); } else { $li.removeClass('active'); } }); }); } }; } ]); 'use strict'; angular.module('$strap.directives').directive('bsPopover', [ '$parse', '$compile', '$http', '$timeout', '$q', '$templateCache', function ($parse, $compile, $http, $timeout, $q, $templateCache) { $('body').on('keyup', function (ev) { if (ev.keyCode === 27) { $('.popover.in').each(function () { $(this).popover('hide'); }); } }); return { restrict: 'A', scope: true, link: function postLink(scope, element, attr, ctrl) { var getter = $parse(attr.bsPopover), setter = getter.assign, value = getter(scope), options = {}; if (angular.isObject(value)) { options = value; } $q.when(options.content || $templateCache.get(value) || $http.get(value, { cache: true })).then(function onSuccess(template) { if (angular.isObject(template)) { template = template.data; } if (!!attr.unique) { element.on('show', function (ev) { $('.popover.in').each(function () { var $this = $(this), popover = $this.data('popover'); if (popover && !popover.$element.is(element)) { $this.popover('hide'); } }); }); } if (!!attr.hide) { scope.$watch(attr.hide, function (newValue, oldValue) { if (!!newValue) { popover.hide(); } else if (newValue !== oldValue) { popover.show(); } }); } if (!!attr.show) { scope.$watch(attr.show, function (newValue, oldValue) { if (!!newValue) { $timeout(function () { popover.show(); }); } else if (newValue !== oldValue) { popover.hide(); } }); } element.popover(angular.extend({}, options, { content: template, html: true })); var popover = element.data('popover'); popover.hasContent = function () { return this.getTitle() || template; }; popover.getPosition = function () { var r = $.fn.popover.Constructor.prototype.getPosition.apply(this, arguments); $compile(this.$tip)(scope); scope.$digest(); this.$tip.data('popover', this); return r; }; scope.$popover = function (name) { popover(name); }; angular.forEach([ 'show', 'hide' ], function (name) { scope[name] = function () { popover[name](); }; }); scope.dismiss = scope.hide; angular.forEach([ 'show', 'shown', 'hide', 'hidden' ], function (name) { element.on(name, function (ev) { scope.$emit('popover-' + name, ev); }); }); }); } }; } ]); 'use strict'; angular.module('$strap.directives').directive('bsSelect', [ '$timeout', function ($timeout) { var NG_OPTIONS_REGEXP = /^\s*(.*?)(?:\s+as\s+(.*?))?(?:\s+group\s+by\s+(.*))?\s+for\s+(?:([\$\w][\$\w\d]*)|(?:\(\s*([\$\w][\$\w\d]*)\s*,\s*([\$\w][\$\w\d]*)\s*\)))\s+in\s+(.*)$/; return { restrict: 'A', require: '?ngModel', link: function postLink(scope, element, attrs, controller) { var options = scope.$eval(attrs.bsSelect) || {}; $timeout(function () { element.selectpicker(options); element.next().removeClass('ng-scope'); }); if (controller) { scope.$watch(attrs.ngModel, function (newValue, oldValue) { if (!angular.equals(newValue, oldValue)) { element.selectpicker('refresh'); } }); } } }; } ]); 'use strict'; angular.module('$strap.directives').directive('bsTabs', [ '$parse', '$compile', '$timeout', function ($parse, $compile, $timeout) { var template = '
    ' + '' + '
    ' + '
    '; return { restrict: 'A', require: '?ngModel', priority: 0, scope: true, template: template, replace: true, transclude: true, compile: function compile(tElement, tAttrs, transclude) { return function postLink(scope, iElement, iAttrs, controller) { var getter = $parse(iAttrs.bsTabs), setter = getter.assign, value = getter(scope); scope.panes = []; var $tabs = iElement.find('ul.nav-tabs'); var $panes = iElement.find('div.tab-content'); var activeTab = 0, id, title, active; $timeout(function () { $panes.find('[data-title], [data-tab]').each(function (index) { var $this = angular.element(this); id = 'tab-' + scope.$id + '-' + index; title = $this.data('title') || $this.data('tab'); active = !active && $this.hasClass('active'); $this.attr('id', id).addClass('tab-pane'); if (iAttrs.fade) $this.addClass('fade'); scope.panes.push({ id: id, title: title, content: this.innerHTML, active: active }); }); if (scope.panes.length && !active) { $panes.find('.tab-pane:first-child').addClass('active' + (iAttrs.fade ? ' in' : '')); scope.panes[0].active = true; } }); if (controller) { iElement.on('show', function (ev) { var $target = $(ev.target); scope.$apply(function () { controller.$setViewValue($target.data('index')); }); }); scope.$watch(iAttrs.ngModel, function (newValue, oldValue) { if (angular.isUndefined(newValue)) return; activeTab = newValue; setTimeout(function () { var $next = $($tabs[0].querySelectorAll('li')[newValue * 1]); if (!$next.hasClass('active')) { $next.children('a').tab('show'); } }); }); } }; } }; } ]); 'use strict'; angular.module('$strap.directives').directive('bsTimepicker', [ '$timeout', '$strapConfig', function ($timeout, $strapConfig) { var TIME_REGEXP = '((?:(?:[0-1][0-9])|(?:[2][0-3])|(?:[0-9])):(?:[0-5][0-9])(?::[0-5][0-9])?(?:\\s?(?:am|AM|pm|PM))?)'; return { restrict: 'A', require: '?ngModel', link: function postLink(scope, element, attrs, controller) { if (controller) { element.on('changeTime.timepicker', function (ev) { $timeout(function () { controller.$setViewValue(element.val()); }); }); var timeRegExp = new RegExp('^' + TIME_REGEXP + '$', ['i']); controller.$parsers.unshift(function (viewValue) { if (!viewValue || timeRegExp.test(viewValue)) { controller.$setValidity('time', true); return viewValue; } else { controller.$setValidity('time', false); return; } }); } element.attr('data-toggle', 'timepicker'); element.parent().addClass('bootstrap-timepicker'); element.timepicker($strapConfig.timepicker || {}); var timepicker = element.data('timepicker'); var component = element.siblings('[data-toggle="timepicker"]'); if (component.length) { component.on('click', $.proxy(timepicker.showWidget, timepicker)); } } }; } ]); 'use strict'; angular.module('$strap.directives').directive('bsTooltip', [ '$parse', '$compile', function ($parse, $compile) { return { restrict: 'A', scope: true, link: function postLink(scope, element, attrs, ctrl) { var getter = $parse(attrs.bsTooltip), setter = getter.assign, value = getter(scope); scope.$watch(attrs.bsTooltip, function (newValue, oldValue) { if (newValue !== oldValue) { value = newValue; } }); if (!!attrs.unique) { element.on('show', function (ev) { $('.tooltip.in').each(function () { var $this = $(this), tooltip = $this.data('tooltip'); if (tooltip && !tooltip.$element.is(element)) { $this.tooltip('hide'); } }); }); } element.tooltip({ title: function () { return angular.isFunction(value) ? value.apply(null, arguments) : value; }, html: true }); var tooltip = element.data('tooltip'); tooltip.show = function () { var r = $.fn.tooltip.Constructor.prototype.show.apply(this, arguments); this.tip().data('tooltip', this); return r; }; scope._tooltip = function (event) { element.tooltip(event); }; scope.hide = function () { element.tooltip('hide'); }; scope.show = function () { element.tooltip('show'); }; scope.dismiss = scope.hide; } }; } ]); 'use strict'; angular.module('$strap.directives').directive('bsTypeahead', [ '$parse', function ($parse) { return { restrict: 'A', require: '?ngModel', link: function postLink(scope, element, attrs, controller) { var getter = $parse(attrs.bsTypeahead), setter = getter.assign, value = getter(scope); scope.$watch(attrs.bsTypeahead, function (newValue, oldValue) { if (newValue !== oldValue) { value = newValue; } }); element.attr('data-provide', 'typeahead'); element.typeahead({ source: function (query) { return angular.isFunction(value) ? value.apply(null, arguments) : value; }, minLength: attrs.minLength || 1, items: attrs.items, updater: function (value) { if (controller) { scope.$apply(function () { controller.$setViewValue(value); }); } scope.$emit('typeahead-updated', value); return value; } }); var typeahead = element.data('typeahead'); typeahead.lookup = function (ev) { var items; this.query = this.$element.val() || ''; if (this.query.length < this.options.minLength) { return this.shown ? this.hide() : this; } items = $.isFunction(this.source) ? this.source(this.query, $.proxy(this.process, this)) : this.source; return items ? this.process(items) : this; }; if (!!attrs.matchAll) { typeahead.matcher = function (item) { return true; }; } if (attrs.minLength === '0') { setTimeout(function () { element.on('focus', function () { element.val().length === 0 && setTimeout(element.typeahead.bind(element, 'lookup'), 200); }); }); } } }; } ]);