123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136 |
- /**
- * angular-strap
- * @version v2.3.9 - 2016-06-10
- * @link http://mgcrea.github.io/angular-strap
- * @author Olivier Louvignes <olivier@mg-crea.com> (https://github.com/mgcrea)
- * @license MIT License, http://www.opensource.org/licenses/MIT
- */
- 'use strict';
- 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;
- self.$options = angular.copy(defaults);
- angular.forEach([ 'animation', 'navClass', 'activeClass' ], function(key) {
- if (angular.isDefined($attrs[key])) self.$options[key] = $attrs[key];
- });
- $scope.$navClass = self.$options.navClass;
- $scope.$activeClass = self.$options.activeClass;
- self.$panes = $scope.$panes = [];
- self.$activePaneChangeListeners = self.$viewChangeListeners = [];
- self.$push = function(pane) {
- if (angular.isUndefined(self.$panes.$active)) {
- $scope.$setActive(pane.name || 0);
- }
- self.$panes.push(pane);
- };
- self.$remove = function(pane) {
- var index = self.$panes.indexOf(pane);
- var active = self.$panes.$active;
- var activeIndex;
- if (angular.isString(active)) {
- activeIndex = self.$panes.map(function(pane) {
- return pane.name;
- }).indexOf(active);
- } else {
- activeIndex = self.$panes.$active;
- }
- self.$panes.splice(index, 1);
- if (index < activeIndex) {
- activeIndex--;
- } else if (index === activeIndex && activeIndex === self.$panes.length) {
- activeIndex--;
- }
- if (activeIndex >= 0 && activeIndex < self.$panes.length) {
- self.$setActive(self.$panes[activeIndex].name || activeIndex);
- } else {
- self.$setActive();
- }
- };
- self.$setActive = $scope.$setActive = function(value) {
- self.$panes.$active = value;
- self.$activePaneChangeListeners.forEach(function(fn) {
- fn();
- });
- };
- self.$isActive = $scope.$isActive = function($pane, $index) {
- return self.$panes.$active === $pane.name || self.$panes.$active === $index;
- };
- };
- 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];
- if (ngModelCtrl) {
- bsTabsCtrl.$activePaneChangeListeners.push(function() {
- ngModelCtrl.$setViewValue(bsTabsCtrl.$panes.$active);
- });
- ngModelCtrl.$formatters.push(function(modelValue) {
- bsTabsCtrl.$setActive(modelValue);
- return modelValue;
- });
- }
- if (attrs.bsActivePane) {
- var parsedBsActivePane = $parse(attrs.bsActivePane);
- bsTabsCtrl.$activePaneChangeListeners.push(function() {
- parsedBsActivePane.assign(scope, bsTabsCtrl.$panes.$active);
- });
- scope.$watch(attrs.bsActivePane, function(newValue, oldValue) {
- bsTabsCtrl.$setActive(newValue);
- }, true);
- }
- }
- };
- } ]).directive('bsPane', [ '$window', '$animate', '$sce', function($window, $animate, $sce) {
- return {
- require: [ '^?ngModel', '^bsTabs' ],
- scope: true,
- link: function postLink(scope, element, attrs, controllers) {
- var bsTabsCtrl = controllers[1];
- element.addClass('tab-pane');
- attrs.$observe('title', function(newValue, oldValue) {
- scope.title = $sce.trustAsHtml(newValue);
- });
- scope.name = attrs.name;
- if (bsTabsCtrl.$options.animation) {
- element.addClass(bsTabsCtrl.$options.animation);
- }
- attrs.$observe('disabled', function(newValue, oldValue) {
- scope.disabled = scope.$eval(newValue);
- });
- bsTabsCtrl.$push(scope);
- scope.$on('$destroy', function() {
- bsTabsCtrl.$remove(scope);
- });
- function render() {
- var index = bsTabsCtrl.$panes.indexOf(scope);
- $animate[bsTabsCtrl.$isActive(scope, index) ? 'addClass' : 'removeClass'](element, bsTabsCtrl.$options.activeClass);
- }
- bsTabsCtrl.$activePaneChangeListeners.push(function() {
- render();
- });
- render();
- }
- };
- } ]);
|