All Downloads are FREE. Search and download functionalities are using the official Maven repository.

static.idm.libs.angular-strap_2.1.6.angular-strap.js Maven / Gradle / Ivy

There is a newer version: 6.8.1
Show newest version
/**
 * 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);




© 2015 - 2024 Weber Informatics LLC | Privacy Policy