2 |
16 |
17 |
29 |
60 |
61 |
--------------------------------------------------------------------------------
/src/accordion/docs/demo.js:
--------------------------------------------------------------------------------
1 | angular.module('ui.bootstrap.demo').controller('AccordionDemoCtrl', function ($scope) {
2 | $scope.oneAtATime = true;
3 |
4 | $scope.groups = [
5 | {
6 | title: 'Dynamic Group Header - 1',
7 | content: 'Dynamic Group Body - 1'
8 | },
9 | {
10 | title: 'Dynamic Group Header - 2',
11 | content: 'Dynamic Group Body - 2'
12 | }
13 | ];
14 |
15 | $scope.items = ['Item 1', 'Item 2', 'Item 3'];
16 |
17 | $scope.addItem = function() {
18 | var newItemNo = $scope.items.length + 1;
19 | $scope.items.push('Item ' + newItemNo);
20 | };
21 |
22 | $scope.status = {
23 | isCustomHeaderOpen: false,
24 | isFirstOpen: true,
25 | isFirstDisabled: false
26 | };
27 | });
--------------------------------------------------------------------------------
/src/accordion/docs/readme.md:
--------------------------------------------------------------------------------
1 | The **accordion directive** builds on top of the collapse directive to provide a list of items, with collapsible bodies that are collapsed or expanded by clicking on the item's header.
2 |
3 | The body of each accordion group is transcluded into the body of the collapsible element.
4 |
5 | ### uib-accordion settings
6 |
7 | * `close-others`
8 | $
9 | C
10 | _(Default: `true`)_ -
11 | Control whether expanding an item will cause the other items to close.
12 |
13 | * `template-url`
14 | _(Default: `template/accordion/accordion.html`)_ -
15 | Add the ability to override the template used on the component.
16 |
17 | ### uib-accordion-group settings
18 |
19 | * `heading`
20 | _(Default: `none`)_ -
21 | The clickable text on the group's header. You need one to be able to click on the header for toggling.
22 |
23 | * `is-disabled`
24 | $
25 |
26 | _(Default: `false`)_ -
27 | Whether the accordion group is disabled or not.
28 |
29 | * `is-open`
30 | $
31 |
32 | _(Default: `false`)_ -
33 | Whether accordion group is open or closed.
34 |
35 | * `template-url`
36 | _(Default: `uib/template/accordion/accordion-group.html`)_ -
37 | Add the ability to override the template used on the component.
38 |
39 | ### Accordion heading
40 |
41 | Instead of the `heading` attribute on the `uib-accordion-group`, you can use an `uib-accordion-heading` element inside a group that will be used as the group's header.
42 |
43 | If you're using a custom template for the `uib-accordion-group`, you'll need to have an element for the heading to be transcluded into using `uib-accordion-header` (e.g. ``).
44 |
45 | ### Known issues
46 |
47 | To use clickable elements within the accordion, you have to override the accordion-group template to use div elements instead of anchor elements, and add `cursor: pointer` in your CSS. This is due to browsers interpreting anchor elements as the target of any click event, which triggers routing when certain elements such as buttons are nested inside the anchor element.
48 |
49 | If custom classes on the accordion-group element are desired, one needs to either modify the template to remove the `ng-class` usage in the accordion-group template and use ng-class on the accordion-group element (not recommended), or use an interpolated expression in the class attribute, i.e. `18 | 19 | 20 |
21 | 22 |
23 |
27 |
28 |
30 | This content is straight in the template.
31 |
32 |
33 | {{group.content}}
34 |
35 |
36 |
40 | The body of the uib-accordion group grows to fit the contents
37 | 38 |{{item}}
39 |
41 | Hello
42 |
43 |
44 |
45 | Custom template with custom header template
46 |
47 | World
48 |
49 |
50 |
53 | Please, to delete your account, click the button below
51 | 52 |
54 |
55 | I can have markup, too!
56 |
57 | This is just some content to illustrate fancy headings.
58 |
59 |
2 |
5 |
6 |
10 |
--------------------------------------------------------------------------------
/src/alert/docs/demo.js:
--------------------------------------------------------------------------------
1 | angular.module('ui.bootstrap.demo').controller('AlertDemoCtrl', function ($scope) {
2 | $scope.alerts = [
3 | { type: 'danger', msg: 'Oh snap! Change a few things up and try submitting again.' },
4 | { type: 'success', msg: 'Well done! You successfully read this important alert message.' }
5 | ];
6 |
7 | $scope.addAlert = function() {
8 | $scope.alerts.push({msg: 'Another alert!'});
9 | };
10 |
11 | $scope.closeAlert = function(index) {
12 | $scope.alerts.splice(index, 1);
13 | };
14 | });
--------------------------------------------------------------------------------
/src/alert/docs/readme.md:
--------------------------------------------------------------------------------
1 | This directive can be used both to generate alerts from static and dynamic model data (using the `ng-repeat` directive).
2 |
3 | ### uib-alert settings
4 |
5 | * `close()`
6 | $ -
7 | A callback function that gets fired when an `alert` is closed. If the attribute exists, a close button is displayed as well.
8 |
9 | * `dismiss-on-timeout`
10 | _(Default: `none`)_ -
11 | Takes the number of milliseconds that specify the timeout duration, after which the alert will be closed. This attribute requires the presence of the `close` attribute.
12 |
13 | * `template-url`
14 | _(Default: `uib/template/alert/alert.html`)_ -
15 | Add the ability to override the template used in the component.
16 |
--------------------------------------------------------------------------------
/src/alert/index.js:
--------------------------------------------------------------------------------
1 | require('../../template/alert/alert.html.js');
2 | require('./alert');
3 |
4 | var MODULE_NAME = 'ui.bootstrap.module.alert';
5 |
6 | angular.module(MODULE_NAME, ['ui.bootstrap.alert', 'uib/template/alert/alert.html']);
7 |
8 | module.exports = MODULE_NAME;
9 |
--------------------------------------------------------------------------------
/src/buttons/buttons.js:
--------------------------------------------------------------------------------
1 | angular.module('ui.bootstrap.buttons', [])
2 |
3 | .constant('uibButtonConfig', {
4 | activeClass: 'active',
5 | toggleEvent: 'click'
6 | })
7 |
8 | .controller('UibButtonsController', ['uibButtonConfig', function(buttonConfig) {
9 | this.activeClass = buttonConfig.activeClass || 'active';
10 | this.toggleEvent = buttonConfig.toggleEvent || 'click';
11 | }])
12 |
13 | .directive('uibBtnRadio', ['$parse', function($parse) {
14 | return {
15 | require: ['uibBtnRadio', 'ngModel'],
16 | controller: 'UibButtonsController',
17 | controllerAs: 'buttons',
18 | link: function(scope, element, attrs, ctrls) {
19 | var buttonsCtrl = ctrls[0], ngModelCtrl = ctrls[1];
20 | var uncheckableExpr = $parse(attrs.uibUncheckable);
21 |
22 | element.find('input').css({display: 'none'});
23 |
24 | //model -> UI
25 | ngModelCtrl.$render = function() {
26 | element.toggleClass(buttonsCtrl.activeClass, angular.equals(ngModelCtrl.$modelValue, scope.$eval(attrs.uibBtnRadio)));
27 | };
28 |
29 | //ui->model
30 | element.on(buttonsCtrl.toggleEvent, function() {
31 | if (attrs.disabled) {
32 | return;
33 | }
34 |
35 | var isActive = element.hasClass(buttonsCtrl.activeClass);
36 |
37 | if (!isActive || angular.isDefined(attrs.uncheckable)) {
38 | scope.$apply(function() {
39 | ngModelCtrl.$setViewValue(isActive ? null : scope.$eval(attrs.uibBtnRadio));
40 | ngModelCtrl.$render();
41 | });
42 | }
43 | });
44 |
45 | if (attrs.uibUncheckable) {
46 | scope.$watch(uncheckableExpr, function(uncheckable) {
47 | attrs.$set('uncheckable', uncheckable ? '' : undefined);
48 | });
49 | }
50 | }
51 | };
52 | }])
53 |
54 | .directive('uibBtnCheckbox', function() {
55 | return {
56 | require: ['uibBtnCheckbox', 'ngModel'],
57 | controller: 'UibButtonsController',
58 | controllerAs: 'button',
59 | link: function(scope, element, attrs, ctrls) {
60 | var buttonsCtrl = ctrls[0], ngModelCtrl = ctrls[1];
61 |
62 | element.find('input').css({display: 'none'});
63 |
64 | function getTrueValue() {
65 | return getCheckboxValue(attrs.btnCheckboxTrue, true);
66 | }
67 |
68 | function getFalseValue() {
69 | return getCheckboxValue(attrs.btnCheckboxFalse, false);
70 | }
71 |
72 | function getCheckboxValue(attribute, defaultValue) {
73 | return angular.isDefined(attribute) ? scope.$eval(attribute) : defaultValue;
74 | }
75 |
76 | //model -> UI
77 | ngModelCtrl.$render = function() {
78 | element.toggleClass(buttonsCtrl.activeClass, angular.equals(ngModelCtrl.$modelValue, getTrueValue()));
79 | };
80 |
81 | //ui->model
82 | element.on(buttonsCtrl.toggleEvent, function() {
83 | if (attrs.disabled) {
84 | return;
85 | }
86 |
87 | scope.$apply(function() {
88 | ngModelCtrl.$setViewValue(element.hasClass(buttonsCtrl.activeClass) ? getFalseValue() : getTrueValue());
89 | ngModelCtrl.$render();
90 | });
91 | });
92 | }
93 | };
94 | });
95 |
--------------------------------------------------------------------------------
/src/buttons/docs/demo.html:
--------------------------------------------------------------------------------
1 | {{alert.msg}}
7 | A happy alert!
8 |
9 |
2 |
33 |
--------------------------------------------------------------------------------
/src/buttons/docs/demo.js:
--------------------------------------------------------------------------------
1 | angular.module('ui.bootstrap.demo').controller('ButtonsCtrl', function ($scope) {
2 | $scope.singleModel = 1;
3 |
4 | $scope.radioModel = 'Middle';
5 |
6 | $scope.checkModel = {
7 | left: false,
8 | middle: true,
9 | right: false
10 | };
11 |
12 | $scope.checkResults = [];
13 |
14 | $scope.$watchCollection('checkModel', function () {
15 | $scope.checkResults = [];
16 | angular.forEach($scope.checkModel, function (value, key) {
17 | if (value) {
18 | $scope.checkResults.push(key);
19 | }
20 | });
21 | });
22 | });
--------------------------------------------------------------------------------
/src/buttons/docs/readme.md:
--------------------------------------------------------------------------------
1 | With the buttons directive, we can make a group of buttons behave like a set of checkboxes (`uib-btn-checkbox`) or behave like a set of radio buttons (`uib-btn-radio`).
2 |
3 | ### uib-btn-checkbox settings
4 |
5 | * `btn-checkbox-false`
6 | _(Default: `false`)_ -
7 | Sets the value for the unchecked status.
8 |
9 | * `btn-checkbox-true`
10 | _(Default: `true`)_ -
11 | Sets the value for the checked status.
12 |
13 | * `ng-model`
14 | $
15 | -
16 | Model where we set the checkbox status. By default `true` or `false`.
17 |
18 | ### uib-btn-radio settings
19 |
20 | * `ng-model`
21 | $
22 | -
23 | Model where we set the radio status. All radio buttons in a group should use the same `ng-model`.
24 |
25 | * `uib-btn-radio` -
26 | $
27 | Value to assign to the `ng-model` if we check this radio button.
28 |
29 | * `uib-uncheckable`
30 | $
31 | _(Default: `null`)_ -
32 | An expression that evaluates to a truthy or falsy value that determines whether the `uncheckable` attribute is present.
33 |
34 | * `uncheckable`
35 | B -
36 | Whether a radio button can be unchecked or not.
37 |
38 | ### Additional settings `uibButtonConfig`
39 |
40 | * `activeClass`
41 | _(Default: `active`)_ -
42 | Class to apply to the checked buttons.
43 |
44 | * `toggleEvent`
45 | _(Default: `click`)_ -
46 | Event used to toggle the buttons.
47 |
48 | ### Known issues
49 |
50 | To use tooltips or popovers on elements within a `btn-group`, set the tooltip/popover `appendToBody` option to `true`. This is due to Bootstrap CSS styling. See [here](http://getbootstrap.com/components/#btn-groups) for more information.
51 |
--------------------------------------------------------------------------------
/src/buttons/index.js:
--------------------------------------------------------------------------------
1 | require('./buttons');
2 |
3 | var MODULE_NAME = 'ui.bootstrap.module.buttons';
4 |
5 | angular.module(MODULE_NAME, ['ui.bootstrap.buttons']);
6 |
7 | module.exports = MODULE_NAME;
8 |
--------------------------------------------------------------------------------
/src/carousel/carousel.css:
--------------------------------------------------------------------------------
1 | .ng-animate.item:not(.left):not(.right) {
2 | -webkit-transition: 0s ease-in-out left;
3 | transition: 0s ease-in-out left
4 | }
5 |
--------------------------------------------------------------------------------
/src/carousel/docs/README.md:
--------------------------------------------------------------------------------
1 | Carousel creates a carousel similar to bootstrap's image carousel.
2 |
3 | The carousel also offers support for touchscreen devices in the form of swiping. To enable swiping, load the `ngTouch` module as a dependency.
4 |
5 | Use a `Single toggle
3 |{{singleModel}}
4 |
7 | Checkbox
8 |Model: {{checkModel}}
9 | Results: {{checkResults}}
10 |
11 |
12 |
13 |
14 |
15 | Radio & Uncheckable Radio
16 |{{radioModel || 'null'}}
17 |
18 |
19 |
20 |
21 |
22 |
23 |
24 |
25 |
26 |
27 |
28 |
31 |
32 |
2 |
30 |
--------------------------------------------------------------------------------
/src/carousel/docs/demo.js:
--------------------------------------------------------------------------------
1 | angular.module('ui.bootstrap.demo').controller('CarouselDemoCtrl', function ($scope) {
2 | $scope.myInterval = 5000;
3 | $scope.noWrapSlides = false;
4 | $scope.active = 0;
5 | var slides = $scope.slides = [];
6 | var currIndex = 0;
7 |
8 | $scope.addSlide = function() {
9 | var newWidth = 600 + slides.length + 1;
10 | slides.push({
11 | image: '//unsplash.it/' + newWidth + '/300',
12 | text: ['Nice image','Awesome photograph','That is so cool','I love that'][slides.length % 4],
13 | id: currIndex++
14 | });
15 | };
16 |
17 | $scope.randomize = function() {
18 | var indexes = generateIndexesArray();
19 | assignNewIndexesToSlides(indexes);
20 | };
21 |
22 | for (var i = 0; i < 4; i++) {
23 | $scope.addSlide();
24 | }
25 |
26 | // Randomize logic below
27 |
28 | function assignNewIndexesToSlides(indexes) {
29 | for (var i = 0, l = slides.length; i < l; i++) {
30 | slides[i].id = indexes.pop();
31 | }
32 | }
33 |
34 | function generateIndexesArray() {
35 | var indexes = [];
36 | for (var i = 0; i < currIndex; ++i) {
37 | indexes[i] = i;
38 | }
39 | return shuffle(indexes);
40 | }
41 |
42 | // http://stackoverflow.com/questions/962802#962890
43 | function shuffle(array) {
44 | var tmp, current, top = array.length;
45 |
46 | if (top) {
47 | while (--top) {
48 | current = Math.floor(Math.random() * (top + 1));
49 | tmp = array[current];
50 | array[current] = array[top];
51 | array[top] = tmp;
52 | }
53 | }
54 |
55 | return array;
56 | }
57 | });
58 |
--------------------------------------------------------------------------------
/src/carousel/index-nocss.js:
--------------------------------------------------------------------------------
1 | require('../../template/carousel/carousel.html.js');
2 | require('../../template/carousel/slide.html.js');
3 | require('./carousel');
4 |
5 | var MODULE_NAME = 'ui.bootstrap.module.carousel';
6 |
7 | angular.module(MODULE_NAME, ['ui.bootstrap.carousel', 'uib/template/carousel/carousel.html', 'uib/template/carousel/slide.html']);
8 |
9 | module.exports = MODULE_NAME;
10 |
--------------------------------------------------------------------------------
/src/carousel/index.js:
--------------------------------------------------------------------------------
1 | require('../common/svg-icon.css');
2 | require('./carousel.css');
3 | module.exports = require('./index-nocss.js');
4 |
--------------------------------------------------------------------------------
/src/collapse/docs/demo.html:
--------------------------------------------------------------------------------
1 |
9 |
3 |
13 |
4 |
12 |
5 | ![]()
6 |
11 |
7 |
10 | Slide {{slide.id}}
8 |{{slide.text}}
9 |
14 |
29 |
15 |
16 |
17 |
24 |
18 |
22 |
23 |
25 | Interval, in milliseconds:
26 |
Enter a negative number or 0 to stop the interval. 27 |
28 | Enter a negative number or 0 to stop the interval. 27 |
10 |
29 | 30 |
31 |
41 |
49 |
--------------------------------------------------------------------------------
/src/collapse/docs/demo.js:
--------------------------------------------------------------------------------
1 | angular.module('ui.bootstrap.demo').controller('CollapseDemoCtrl', function ($scope) {
2 | $scope.isNavCollapsed = true;
3 | $scope.isCollapsed = false;
4 | $scope.isCollapsedHorizontal = false;
5 | });
6 |
--------------------------------------------------------------------------------
/src/collapse/docs/readme.md:
--------------------------------------------------------------------------------
1 | **uib-collapse** provides a simple way to hide and show an element with a css transition
2 |
3 | ### uib-collapse settings
4 |
5 | * `collapsed()`
6 | $ -
7 | An optional expression called after the element finished collapsing.
8 |
9 | * `collapsing()`
10 | $ -
11 | An optional expression called before the element begins collapsing.
12 | If the expression returns a promise, animation won't start until the promise resolves.
13 | If the returned promise is rejected, collapsing will be cancelled.
14 |
15 | * `expanded()`
16 | $ -
17 | An optional expression called after the element finished expanding.
18 |
19 | * `expanding()`
20 | $ -
21 | An optional expression called before the element begins expanding.
22 | If the expression returns a promise, animation won't start until the promise resolves.
23 | If the returned promise is rejected, expanding will be cancelled.
24 |
25 | * `uib-collapse`
26 | $
27 |
28 | _(Default: `false`)_ -
29 | Whether the element should be collapsed or not.
30 |
31 | * `horizontal`
32 | $ -
33 | An optional attribute that permit to collapse horizontally.
34 |
35 | ### Known Issues
36 |
37 | When using the `horizontal` attribute with this directive, CSS can reflow as the collapse element goes from `0px` to its desired end width, which can result in height changes. This can cause animations to not appear to run. The best way around this is to set a fixed height via CSS on the horizontal collapse element so that this situation does not occur, and so the animation can run as expected.
38 |
--------------------------------------------------------------------------------
/src/collapse/index.js:
--------------------------------------------------------------------------------
1 | require('./collapse');
2 |
3 | var MODULE_NAME = 'ui.bootstrap.module.collapse';
4 |
5 | angular.module(MODULE_NAME, ['ui.bootstrap.collapse']);
6 |
7 | module.exports = MODULE_NAME;
8 |
--------------------------------------------------------------------------------
/src/common/common.js:
--------------------------------------------------------------------------------
1 | angular.module('ui.bootstrap.common', []);
2 |
--------------------------------------------------------------------------------
/src/common/index-nocss.js:
--------------------------------------------------------------------------------
1 | require('./common.js');
2 | var MODULE_NAME = 'ui.bootstrap.module.common';
3 |
4 | angular.module(MODULE_NAME, ['ui.bootstrap.common']);
5 |
6 | module.exports = MODULE_NAME;
7 |
--------------------------------------------------------------------------------
/src/common/index.js:
--------------------------------------------------------------------------------
1 | require('./svg-icon.css');
2 | module.exports = require('./index-nocss.js');
3 |
--------------------------------------------------------------------------------
/src/common/svg-icon.css:
--------------------------------------------------------------------------------
1 | .fa-svg-icon {
2 | display: inline-block;
3 | vertical-align: middle;
4 | min-width: 1em;
5 | min-height: 1em;
6 | height: 100%;
7 | position: relative;
8 | top: -1px;
9 | }
10 |
11 | .fa-svg-icon svg {
12 | position: absolute;
13 | top: 0;
14 | left: 0;
15 | width: 100%;
16 | height: 100%;
17 | }
18 |
19 | .fa-svg-icon svg g,
20 | .fa-svg-icon svg path {
21 | fill: currentColor;
22 | }
23 |
--------------------------------------------------------------------------------
/src/dateparser/docs/demo.html:
--------------------------------------------------------------------------------
1 | Resize window to less than 768 pixels to display mobile menu toggle button.
11 | 28 |29 | 30 |
31 |
32 |
38 |
39 |
40 |
33 |
37 |
34 | Some content
35 |
36 | 41 |
42 |
48 |
43 |
47 |
44 | Some content
45 |
46 |
2 |
12 |
--------------------------------------------------------------------------------
/src/dateparser/docs/demo.js:
--------------------------------------------------------------------------------
1 | angular.module('ui.bootstrap.demo').controller('DateParserDemoCtrl', function ($scope, uibDateParser) {
2 | $scope.format = 'yyyy/MM/dd';
3 | $scope.date = new Date();
4 | });
5 |
--------------------------------------------------------------------------------
/src/dateparser/index.js:
--------------------------------------------------------------------------------
1 | require('./dateparser');
2 |
3 | var MODULE_NAME = 'ui.bootstrap.module.dateparser';
4 |
5 | angular.module(MODULE_NAME, ['ui.bootstrap.dateparser']);
6 |
7 | module.exports = MODULE_NAME;
8 |
--------------------------------------------------------------------------------
/src/datepicker/datepicker.css:
--------------------------------------------------------------------------------
1 | .uib-datepicker .uib-title {
2 | width: 100%;
3 | }
4 |
5 | .uib-day button, .uib-month button, .uib-year button {
6 | min-width: 100%;
7 | }
8 |
9 | .uib-left, .uib-right {
10 | width: 100%
11 | }
12 |
--------------------------------------------------------------------------------
/src/datepicker/docs/demo.html:
--------------------------------------------------------------------------------
1 |
13 | Formatting codes playground
3 |4 | 5 | 6 |
7 |8 | 9 | 10 |
11 |
14 |
22 | 23 | 24 | 25 | 26 |
27 |
--------------------------------------------------------------------------------
/src/datepicker/docs/demo.js:
--------------------------------------------------------------------------------
1 | angular.module('ui.bootstrap.demo').controller('DatepickerDemoCtrl', function ($scope) {
2 | $scope.today = function() {
3 | $scope.dt = new Date();
4 | };
5 | $scope.today();
6 |
7 | $scope.clear = function() {
8 | $scope.dt = null;
9 | };
10 |
11 | $scope.options = {
12 | customClass: getDayClass,
13 | minDate: new Date(),
14 | showWeeks: true
15 | };
16 |
17 | // Disable weekend selection
18 | function disabled(data) {
19 | var date = data.date,
20 | mode = data.mode;
21 | return mode === 'day' && (date.getDay() === 0 || date.getDay() === 6);
22 | }
23 |
24 | $scope.toggleMin = function() {
25 | $scope.options.minDate = $scope.options.minDate ? null : new Date();
26 | };
27 |
28 | $scope.toggleMin();
29 |
30 | $scope.setDate = function(year, month, day) {
31 | $scope.dt = new Date(year, month, day);
32 | };
33 |
34 | var tomorrow = new Date();
35 | tomorrow.setDate(tomorrow.getDate() + 1);
36 | var afterTomorrow = new Date(tomorrow);
37 | afterTomorrow.setDate(tomorrow.getDate() + 1);
38 | $scope.events = [
39 | {
40 | date: tomorrow,
41 | status: 'full'
42 | },
43 | {
44 | date: afterTomorrow,
45 | status: 'partially'
46 | }
47 | ];
48 |
49 | function getDayClass(data) {
50 | var date = data.date,
51 | mode = data.mode;
52 | if (mode === 'day') {
53 | var dayToCheck = new Date(date).setHours(0,0,0,0);
54 |
55 | for (var i = 0; i < $scope.events.length; i++) {
56 | var currentDay = new Date($scope.events[i].date).setHours(0,0,0,0);
57 |
58 | if (dayToCheck === currentDay) {
59 | return $scope.events[i].status;
60 | }
61 | }
62 | }
63 |
64 | return '';
65 | }
66 | });
67 |
--------------------------------------------------------------------------------
/src/datepicker/index-nocss.js:
--------------------------------------------------------------------------------
1 | require('../dateparser');
2 | require('../isClass');
3 | require('../../template/datepicker/datepicker.html.js');
4 | require('../../template/datepicker/day.html.js');
5 | require('../../template/datepicker/month.html.js');
6 | require('../../template/datepicker/year.html.js');
7 | require('./datepicker');
8 |
9 | var MODULE_NAME = 'ui.bootstrap.module.datepicker';
10 |
11 | angular.module(MODULE_NAME, ['ui.bootstrap.datepicker', 'uib/template/datepicker/datepicker.html', 'uib/template/datepicker/day.html', 'uib/template/datepicker/month.html', 'uib/template/datepicker/year.html']);
12 |
13 | module.exports = MODULE_NAME;
14 |
--------------------------------------------------------------------------------
/src/datepicker/index.js:
--------------------------------------------------------------------------------
1 | require('../common/svg-icon.css');
2 | require('./datepicker.css');
3 | module.exports = require('./index-nocss.js');
4 |
--------------------------------------------------------------------------------
/src/datepickerPopup/docs/demo.js:
--------------------------------------------------------------------------------
1 | angular.module('ui.bootstrap.demo').controller('DatepickerPopupDemoCtrl', function ($scope) {
2 | $scope.today = function() {
3 | $scope.dt = new Date();
4 | };
5 | $scope.today();
6 |
7 | $scope.clear = function() {
8 | $scope.dt = null;
9 | };
10 |
11 | $scope.inlineOptions = {
12 | customClass: getDayClass,
13 | minDate: new Date(),
14 | showWeeks: true
15 | };
16 |
17 | $scope.dateOptions = {
18 | dateDisabled: disabled,
19 | formatYear: 'yy',
20 | maxDate: new Date(2020, 5, 22),
21 | minDate: new Date(),
22 | startingDay: 1
23 | };
24 |
25 | // Disable weekend selection
26 | function disabled(data) {
27 | var date = data.date,
28 | mode = data.mode;
29 | return mode === 'day' && (date.getDay() === 0 || date.getDay() === 6);
30 | }
31 |
32 | $scope.toggleMin = function() {
33 | $scope.inlineOptions.minDate = $scope.inlineOptions.minDate ? null : new Date();
34 | $scope.dateOptions.minDate = $scope.inlineOptions.minDate;
35 | };
36 |
37 | $scope.toggleMin();
38 |
39 | $scope.open1 = function() {
40 | $scope.popup1.opened = true;
41 | };
42 |
43 | $scope.open2 = function() {
44 | $scope.popup2.opened = true;
45 | };
46 |
47 | $scope.setDate = function(year, month, day) {
48 | $scope.dt = new Date(year, month, day);
49 | };
50 |
51 | $scope.formats = ['dd-MMMM-yyyy', 'yyyy/MM/dd', 'dd.MM.yyyy', 'shortDate'];
52 | $scope.format = $scope.formats[0];
53 | $scope.altInputFormats = ['M!/d!/yyyy'];
54 |
55 | $scope.popup1 = {
56 | opened: false
57 | };
58 |
59 | $scope.popup2 = {
60 | opened: false
61 | };
62 |
63 | var tomorrow = new Date();
64 | tomorrow.setDate(tomorrow.getDate() + 1);
65 | var afterTomorrow = new Date();
66 | afterTomorrow.setDate(tomorrow.getDate() + 1);
67 | $scope.events = [
68 | {
69 | date: tomorrow,
70 | status: 'full'
71 | },
72 | {
73 | date: afterTomorrow,
74 | status: 'partially'
75 | }
76 | ];
77 |
78 | function getDayClass(data) {
79 | var date = data.date,
80 | mode = data.mode;
81 | if (mode === 'day') {
82 | var dayToCheck = new Date(date).setHours(0,0,0,0);
83 |
84 | for (var i = 0; i < $scope.events.length; i++) {
85 | var currentDay = new Date($scope.events[i].date).setHours(0,0,0,0);
86 |
87 | if (dayToCheck === currentDay) {
88 | return $scope.events[i].status;
89 | }
90 | }
91 | }
92 |
93 | return '';
94 | }
95 | });
96 |
--------------------------------------------------------------------------------
/src/datepickerPopup/index-nocss.js:
--------------------------------------------------------------------------------
1 | require('../datepicker/index-nocss.js');
2 | require('../position/index-nocss.js');
3 | require('../../template/datepickerPopup/popup.html.js');
4 | require('./popup.js');
5 |
6 | var MODULE_NAME = 'ui.bootstrap.module.datepickerPopup';
7 |
8 | angular.module(MODULE_NAME, ['ui.bootstrap.datepickerPopup', 'uib/template/datepickerPopup/popup.html', 'ui.bootstrap.module.datepicker']);
9 |
10 | module.exports = MODULE_NAME;
11 |
--------------------------------------------------------------------------------
/src/datepickerPopup/index.js:
--------------------------------------------------------------------------------
1 | require('../common/svg-icon.css');
2 | require('../datepicker/datepicker.css');
3 | require('../position/position.css');
4 | require('./popup.css');
5 | module.exports = require('./index-nocss.js');
6 |
--------------------------------------------------------------------------------
/src/datepickerPopup/popup.css:
--------------------------------------------------------------------------------
1 | .uib-datepicker-popup.dropdown-menu {
2 | display: block;
3 | float: none;
4 | margin: 0;
5 | }
6 |
7 | .uib-button-bar {
8 | padding: 10px;
9 | }
10 |
--------------------------------------------------------------------------------
/src/debounce/debounce.js:
--------------------------------------------------------------------------------
1 | angular.module('ui.bootstrap.debounce', [])
2 | /**
3 | * A helper, internal service that debounces a function
4 | */
5 | .factory('$$debounce', ['$timeout', function($timeout) {
6 | return function(callback, debounceTime) {
7 | var timeoutPromise;
8 |
9 | return function() {
10 | var self = this;
11 | var args = Array.prototype.slice.call(arguments);
12 | if (timeoutPromise) {
13 | $timeout.cancel(timeoutPromise);
14 | }
15 |
16 | timeoutPromise = $timeout(function() {
17 | callback.apply(self, args);
18 | }, debounceTime);
19 | };
20 | };
21 | }]);
22 |
--------------------------------------------------------------------------------
/src/debounce/index.js:
--------------------------------------------------------------------------------
1 | require('./debounce');
2 |
3 | var MODULE_NAME = 'ui.bootstrap.module.debounce';
4 |
5 | angular.module(MODULE_NAME, ['ui.bootstrap.debounce']);
6 |
7 | module.exports = MODULE_NAME;
8 |
--------------------------------------------------------------------------------
/src/debounce/test/debounce.spec.js:
--------------------------------------------------------------------------------
1 | describe('$$debounce', function() {
2 | var $$debounce, $timeout, debouncedFunction, i, args;
3 |
4 | beforeEach(module('ui.bootstrap.debounce'));
5 | beforeEach(inject(function(_$$debounce_, _$timeout_) {
6 | $$debounce = _$$debounce_;
7 | $timeout = _$timeout_;
8 | i = 0;
9 | debouncedFunction = $$debounce(function() {
10 | args = Array.prototype.slice.call(arguments);
11 | i++;
12 | }, 100);
13 | }));
14 |
15 | it('should function like a $timeout when called once during timeout', function() {
16 | debouncedFunction();
17 | $timeout.flush(50);
18 |
19 | expect(i).toBe(0);
20 |
21 | $timeout.flush(50);
22 |
23 | expect(i).toBe(1);
24 | });
25 |
26 | it('should only execute 100ms after last call when called twice', function() {
27 | debouncedFunction();
28 | $timeout.flush(50);
29 |
30 | expect(i).toBe(0);
31 |
32 | debouncedFunction();
33 | $timeout.flush(50);
34 |
35 | expect(i).toBe(0);
36 |
37 | $timeout.flush(50);
38 |
39 | expect(i).toBe(1);
40 | });
41 |
42 | it('should properly pass arguments to debounced function', function() {
43 | debouncedFunction(1, 2, 3);
44 | $timeout.flush(100);
45 |
46 | expect(args).toEqual([1, 2, 3]);
47 | });
48 | });
49 |
--------------------------------------------------------------------------------
/src/dropdown/docs/demo.js:
--------------------------------------------------------------------------------
1 | angular.module('ui.bootstrap.demo').controller('DropdownCtrl', function ($scope, $log) {
2 | $scope.items = [
3 | 'The first choice!',
4 | 'And another choice for you.',
5 | 'but wait! A third!'
6 | ];
7 |
8 | $scope.status = {
9 | isopen: false
10 | };
11 |
12 | $scope.toggled = function(open) {
13 | $log.log('Dropdown is now: ', open);
14 | };
15 |
16 | $scope.toggleDropdown = function($event) {
17 | $event.preventDefault();
18 | $event.stopPropagation();
19 | $scope.status.isopen = !$scope.status.isopen;
20 | };
21 |
22 | $scope.appendToEl = angular.element(document.querySelector('#dropdown-long-content'));
23 | });
24 |
--------------------------------------------------------------------------------
/src/dropdown/docs/readme.md:
--------------------------------------------------------------------------------
1 | Dropdown is a simple directive which will toggle a dropdown menu on click or programmatically.
2 |
3 | This directive is composed by three parts:
4 |
5 | * `uib-dropdown` which transforms a node into a dropdown.
6 | * `uib-dropdown-toggle` which allows the dropdown to be toggled via click. This directive is optional.
7 | * `uib-dropdown-menu` which transforms a node into the popup menu.
8 |
9 | Each of these parts need to be used as attribute directives.
10 |
11 | ### uib-dropdown settings
12 |
13 | * `auto-close`
14 | _(Default: `always`)_ -
15 | Controls the behavior of the menu when clicked.
16 | * `always` - Automatically closes the dropdown when any of its elements is clicked.
17 | * `disabled` - Disables the auto close. You can control it manually with `is-open`. It still gets closed if the toggle is clicked, `esc` is pressed or another dropdown is open.
18 | * `outsideClick` - Closes the dropdown automatically only when the user clicks any element outside the dropdown.
19 |
20 | * `dropdown-append-to`
21 | $
22 | _(Default: `null`)_ -
23 | Appends the inner dropdown-menu to an arbitrary DOM element.
24 |
25 | * `dropdown-append-to-body`
26 | B
27 | _(Default: `false`)_ -
28 | Appends the inner dropdown-menu to the body element if the attribute is present without a value, or with a non `false` value.
29 |
30 | * `is-open`
31 | $
32 |
33 | _(Default: `false`)_ -
34 | Defines whether or not the dropdown-menu is open. The `uib-dropdown-toggle` will toggle this attribute on click.
35 |
36 | * `keyboard-nav`:
37 | B
38 | _(Default: `false`)_ -
39 | Enables navigation of dropdown list elements with the arrow keys.
40 |
41 | * `on-toggle(open)`
42 | $ -
43 | An optional expression called when the dropdown menu is opened or closed.
44 |
45 | ### uib-dropdown-menu settings
46 |
47 | * `template-url`
48 | _(Default: `none`)_ -
49 | You may specify a template for the dropdown menu. Check the demos for an example.
50 |
51 | ### Additional settings `uibDropdownConfig`
52 |
53 | * `appendToOpenClass`
54 | _(Default: `uib-dropdown-open`)_ -
55 | Class to apply when the dropdown is open and appended to a different DOM element.
56 |
57 | * `openClass`
58 | _(Default: `open`)_ -
59 | Class to apply when the dropdown is open.
60 |
61 | ### Known issues
62 |
63 | For usage with ngTouch, it is recommended to use the programmatic `is-open` trigger with ng-click - this is due to ngTouch decorating ng-click to prevent propagation of the event.
64 |
--------------------------------------------------------------------------------
/src/dropdown/index-nocss.js:
--------------------------------------------------------------------------------
1 | require('../multiMap');
2 | require('../position/index-nocss.js');
3 | require('./dropdown');
4 |
5 | var MODULE_NAME = 'ui.bootstrap.module.dropdown';
6 |
7 | angular.module(MODULE_NAME, ['ui.bootstrap.dropdown']);
8 |
9 | module.exports = MODULE_NAME;
10 |
--------------------------------------------------------------------------------
/src/dropdown/index.js:
--------------------------------------------------------------------------------
1 | require('../position/position.css');
2 | module.exports = require('./index-nocss.js');
3 |
--------------------------------------------------------------------------------
/src/isClass/index.js:
--------------------------------------------------------------------------------
1 | require('./isClass');
2 |
3 | var MODULE_NAME = 'ui.bootstrap.module.isClass';
4 |
5 | angular.module(MODULE_NAME, ['ui.bootstrap.isClass']);
6 |
7 | module.exports = MODULE_NAME;
8 |
--------------------------------------------------------------------------------
/src/isClass/test/isClass.spec.js:
--------------------------------------------------------------------------------
1 | describe('uibIsClass', function() {
2 | var $rootScope;
3 |
4 | beforeEach(module('ui.bootstrap.isClass'));
5 | beforeEach(inject(function($compile, _$rootScope_) {
6 | $rootScope = _$rootScope_;
7 | $rootScope.activeClass = 'active';
8 | $rootScope.items = [1, 2, 3];
9 | element = $compile('Selected date is: {{dt | date:'fullDate' }}
15 |
16 | Inline
17 |
18 |
19 |
20 |
21 | 22 | 23 | 24 | 25 | 26 |
{{ item }}
2 |
19 |
27 |
28 |
29 |
30 |
31 |
36 |
37 |
38 |
41 |
45 |
--------------------------------------------------------------------------------
/src/modal/index-nocss.js:
--------------------------------------------------------------------------------
1 | require('../multiMap');
2 | require('../position/index-nocss.js');
3 | require('../stackedMap');
4 | require('../../template/modal/window.html.js');
5 | require('./modal');
6 |
7 | var MODULE_NAME = 'ui.bootstrap.module.modal';
8 |
9 | angular.module(MODULE_NAME, ['ui.bootstrap.modal', 'uib/template/modal/window.html']);
10 |
11 | module.exports = MODULE_NAME;
12 |
--------------------------------------------------------------------------------
/src/modal/index.js:
--------------------------------------------------------------------------------
1 | require('../position/position.css');
2 | module.exports = require('./index-nocss.js');
3 |
--------------------------------------------------------------------------------
/src/multiMap/index.js:
--------------------------------------------------------------------------------
1 | require('./multiMap.js');
2 |
--------------------------------------------------------------------------------
/src/multiMap/multiMap.js:
--------------------------------------------------------------------------------
1 | angular.module('ui.bootstrap.multiMap', [])
2 | /**
3 | * A helper, internal data structure that stores all references attached to key
4 | */
5 | .factory('$$multiMap', function() {
6 | return {
7 | createNew: function() {
8 | var map = {};
9 |
10 | return {
11 | entries: function() {
12 | return Object.keys(map).map(function(key) {
13 | return {
14 | key: key,
15 | value: map[key]
16 | };
17 | });
18 | },
19 | get: function(key) {
20 | return map[key];
21 | },
22 | hasKey: function(key) {
23 | return !!map[key];
24 | },
25 | keys: function() {
26 | return Object.keys(map);
27 | },
28 | put: function(key, value) {
29 | if (!map[key]) {
30 | map[key] = [];
31 | }
32 |
33 | map[key].push(value);
34 | },
35 | remove: function(key, value) {
36 | var values = map[key];
37 |
38 | if (!values) {
39 | return;
40 | }
41 |
42 | var idx = values.indexOf(value);
43 |
44 | if (idx !== -1) {
45 | values.splice(idx, 1);
46 | }
47 |
48 | if (!values.length) {
49 | delete map[key];
50 | }
51 | }
52 | };
53 | }
54 | };
55 | });
56 |
--------------------------------------------------------------------------------
/src/multiMap/test/multiMap.spec.js:
--------------------------------------------------------------------------------
1 | describe('multi map', function() {
2 | var multiMap;
3 |
4 | beforeEach(module('ui.bootstrap.multiMap'));
5 | beforeEach(inject(function($$multiMap) {
6 | multiMap = $$multiMap.createNew();
7 | }));
8 |
9 | it('should add and remove objects by key', function() {
10 | multiMap.put('foo', 'bar');
11 |
12 | expect(multiMap.get('foo')).toEqual(['bar']);
13 |
14 | multiMap.put('foo', 'baz');
15 |
16 | expect(multiMap.get('foo')).toEqual(['bar', 'baz']);
17 |
18 | multiMap.remove('foo', 'bar');
19 |
20 | expect(multiMap.get('foo')).toEqual(['baz']);
21 |
22 | multiMap.remove('foo', 'baz');
23 |
24 | expect(multiMap.hasKey('foo')).toBe(false);
25 | });
26 |
27 | it('should support getting the keys', function() {
28 | multiMap.put('foo', 'bar');
29 | multiMap.put('baz', 'boo');
30 |
31 | expect(multiMap.keys()).toEqual(['foo', 'baz']);
32 | });
33 |
34 | it('should return all entries', function() {
35 | multiMap.put('foo', 'bar');
36 | multiMap.put('foo', 'bar2');
37 | multiMap.put('baz', 'boo');
38 |
39 | expect(multiMap.entries()).toEqual([
40 | {
41 | key: 'foo',
42 | value: ['bar', 'bar2']
43 | },
44 | {
45 | key: 'baz',
46 | value: ['boo']
47 | }
48 | ]);
49 | });
50 |
51 | it('should preserve semantic of an empty key', function() {
52 | expect(multiMap.get('key')).toBeUndefined();
53 | });
54 |
55 | it('should respect removal of non-existing elements', function() {
56 | expect(multiMap.remove('foo', 'bar')).toBeUndefined();
57 | });
58 | });
59 |
--------------------------------------------------------------------------------
/src/pager/docs/demo.html:
--------------------------------------------------------------------------------
1 | Selection from a modal: {{ $ctrl.selected }}
42 |
43 |
44 |
2 |
6 |
--------------------------------------------------------------------------------
/src/pager/docs/demo.js:
--------------------------------------------------------------------------------
1 | angular.module('ui.bootstrap.demo').controller('PagerDemoCtrl', function($scope) {
2 | $scope.totalItems = 64;
3 | $scope.currentPage = 4;
4 | });
5 |
--------------------------------------------------------------------------------
/src/pager/docs/readme.md:
--------------------------------------------------------------------------------
1 | A lightweight pager directive that is focused on providing previous/next paging functionality
2 |
3 | ### uib-pager settings
4 |
5 | * `align`
6 | C
7 | _(Default: `true`)_ -
8 | Whether to align each link to the sides.
9 |
10 | * `items-per-page`
11 | $
12 | C
13 |
14 | _(Default: `10`)_ -
15 | Maximum number of items per page. A value less than one indicates all items on one page.
16 |
17 | * `next-text`
18 | C
19 | _(Default: `Next »`)_ -
20 | Text for Next button.
21 |
22 | * `ng-disabled`
23 | $
24 |
25 | _(Default: `false`)_ -
26 | Used to disable the pager component.
27 |
28 | * `ng-model`
29 | $
30 | -
31 | Current page number. First page is 1.
32 |
33 | * `num-pages`
34 | $
35 | readonly
36 | _(Default: `angular.noop`)_ -
37 | An optional expression assigned the total number of pages to display.
38 |
39 | * `previous-text`
40 | C
41 | _(Default: `« Previous`)_ -
42 | Text for Previous button.
43 |
44 | * `template-url`
45 | _(Default: `uib/template/pager/pager.html`)_ -
46 | Override the template for the component with a custom provided template.
47 |
48 | * `total-items`
49 | $
50 | -
51 | Total number of items in all pages.
52 |
--------------------------------------------------------------------------------
/src/pager/index.js:
--------------------------------------------------------------------------------
1 | require('../paging');
2 | require('../tabindex');
3 | require('../../template/pager/pager.html.js');
4 | require('./pager');
5 |
6 | var MODULE_NAME = 'ui.bootstrap.module.pager';
7 |
8 | angular.module(MODULE_NAME, ['ui.bootstrap.pager', 'uib/template/pager/pager.html']);
9 |
10 | module.exports = MODULE_NAME;
11 |
--------------------------------------------------------------------------------
/src/pager/pager.js:
--------------------------------------------------------------------------------
1 | angular.module('ui.bootstrap.pager', ['ui.bootstrap.paging', 'ui.bootstrap.tabindex'])
2 |
3 | .controller('UibPagerController', ['$scope', '$attrs', 'uibPaging', 'uibPagerConfig', function($scope, $attrs, uibPaging, uibPagerConfig) {
4 | $scope.align = angular.isDefined($attrs.align) ? $scope.$parent.$eval($attrs.align) : uibPagerConfig.align;
5 |
6 | uibPaging.create(this, $scope, $attrs);
7 | }])
8 |
9 | .constant('uibPagerConfig', {
10 | itemsPerPage: 10,
11 | previousText: '« Previous',
12 | nextText: 'Next »',
13 | align: true
14 | })
15 |
16 | .directive('uibPager', ['uibPagerConfig', function(uibPagerConfig) {
17 | return {
18 | scope: {
19 | totalItems: '=',
20 | previousText: '@',
21 | nextText: '@',
22 | ngDisabled: '='
23 | },
24 | require: ['uibPager', '?ngModel'],
25 | restrict: 'A',
26 | controller: 'UibPagerController',
27 | controllerAs: 'pager',
28 | templateUrl: function(element, attrs) {
29 | return attrs.templateUrl || 'uib/template/pager/pager.html';
30 | },
31 | link: function(scope, element, attrs, ctrls) {
32 | element.addClass('pager');
33 | var paginationCtrl = ctrls[0], ngModelCtrl = ctrls[1];
34 |
35 | if (!ngModelCtrl) {
36 | return; // do nothing if no ng-model
37 | }
38 |
39 | paginationCtrl.init(ngModelCtrl, uibPagerConfig);
40 | }
41 | };
42 | }]);
43 |
--------------------------------------------------------------------------------
/src/pagination/docs/demo.html:
--------------------------------------------------------------------------------
1 | Pager
3 |You are currently on page {{currentPage}}
4 |
2 |
11 |
13 |
15 |
17 |
19 |
21 |
25 |
--------------------------------------------------------------------------------
/src/pagination/docs/demo.js:
--------------------------------------------------------------------------------
1 | angular.module('ui.bootstrap.demo').controller('PaginationDemoCtrl', function ($scope, $log) {
2 | $scope.totalItems = 64;
3 | $scope.currentPage = 4;
4 |
5 | $scope.setPage = function (pageNo) {
6 | $scope.currentPage = pageNo;
7 | };
8 |
9 | $scope.pageChanged = function() {
10 | $log.log('Page changed to: ' + $scope.currentPage);
11 | };
12 |
13 | $scope.maxSize = 5;
14 | $scope.bigTotalItems = 175;
15 | $scope.bigCurrentPage = 1;
16 | });
17 |
--------------------------------------------------------------------------------
/src/pagination/index.js:
--------------------------------------------------------------------------------
1 | require('../paging');
2 | require('../tabindex');
3 | require('../../template/pagination/pagination.html.js');
4 | require('./pagination');
5 |
6 | var MODULE_NAME = 'ui.bootstrap.module.pagination';
7 |
8 | angular.module(MODULE_NAME, ['ui.bootstrap.pagination', 'uib/template/pagination/pagination.html']);
9 |
10 | module.exports = MODULE_NAME;
11 |
--------------------------------------------------------------------------------
/src/paging/index.js:
--------------------------------------------------------------------------------
1 | require('./paging');
2 |
3 | var MODULE_NAME = 'ui.bootstrap.module.paging';
4 |
5 | angular.module(MODULE_NAME, ['ui.bootstrap.paging']);
6 |
7 | module.exports = MODULE_NAME;
8 |
--------------------------------------------------------------------------------
/src/paging/paging.js:
--------------------------------------------------------------------------------
1 | angular.module('ui.bootstrap.paging', [])
2 | /**
3 | * Helper internal service for generating common controller code between the
4 | * pager and pagination components
5 | */
6 | .factory('uibPaging', ['$parse', function($parse) {
7 | return {
8 | create: function(ctrl, $scope, $attrs) {
9 | ctrl.setNumPages = $attrs.numPages ? $parse($attrs.numPages).assign : angular.noop;
10 | ctrl.ngModelCtrl = { $setViewValue: angular.noop }; // nullModelCtrl
11 | ctrl._watchers = [];
12 |
13 | ctrl.init = function(ngModelCtrl, config) {
14 | ctrl.ngModelCtrl = ngModelCtrl;
15 | ctrl.config = config;
16 |
17 | ngModelCtrl.$render = function() {
18 | ctrl.render();
19 | };
20 |
21 | if ($attrs.itemsPerPage) {
22 | ctrl._watchers.push($scope.$parent.$watch($attrs.itemsPerPage, function(value) {
23 | ctrl.itemsPerPage = parseInt(value, 10);
24 | $scope.totalPages = ctrl.calculateTotalPages();
25 | ctrl.updatePage();
26 | }));
27 | } else {
28 | ctrl.itemsPerPage = config.itemsPerPage;
29 | }
30 |
31 | $scope.$watch('totalItems', function(newTotal, oldTotal) {
32 | if (angular.isDefined(newTotal) || newTotal !== oldTotal) {
33 | $scope.totalPages = ctrl.calculateTotalPages();
34 | ctrl.updatePage();
35 | }
36 | });
37 | };
38 |
39 | ctrl.calculateTotalPages = function() {
40 | var totalPages = ctrl.itemsPerPage < 1 ? 1 : Math.ceil($scope.totalItems / ctrl.itemsPerPage);
41 | return Math.max(totalPages || 0, 1);
42 | };
43 |
44 | ctrl.render = function() {
45 | $scope.page = parseInt(ctrl.ngModelCtrl.$viewValue, 10) || 1;
46 | };
47 |
48 | $scope.selectPage = function(page, evt) {
49 | if (evt) {
50 | evt.preventDefault();
51 | }
52 |
53 | var clickAllowed = !$scope.ngDisabled || !evt;
54 | if (clickAllowed && $scope.page !== page && page > 0 && page <= $scope.totalPages) {
55 | if (evt && evt.target) {
56 | evt.target.blur();
57 | }
58 | ctrl.ngModelCtrl.$setViewValue(page);
59 | ctrl.ngModelCtrl.$render();
60 | }
61 | };
62 |
63 | $scope.getText = function(key) {
64 | return $scope[key + 'Text'] || ctrl.config[key + 'Text'];
65 | };
66 |
67 | $scope.noPrevious = function() {
68 | return $scope.page === 1;
69 | };
70 |
71 | $scope.noNext = function() {
72 | return $scope.page === $scope.totalPages;
73 | };
74 |
75 | ctrl.updatePage = function() {
76 | ctrl.setNumPages($scope.$parent, $scope.totalPages); // Readonly variable
77 |
78 | if ($scope.page > $scope.totalPages) {
79 | $scope.selectPage($scope.totalPages);
80 | } else {
81 | ctrl.ngModelCtrl.$render();
82 | }
83 | };
84 |
85 | $scope.$on('$destroy', function() {
86 | while (ctrl._watchers.length) {
87 | ctrl._watchers.shift()();
88 | }
89 | });
90 | }
91 | };
92 | }]);
93 |
--------------------------------------------------------------------------------
/src/popover/docs/demo.html:
--------------------------------------------------------------------------------
1 | Default
3 |The selected page no: {{currentPage}}
8 |
9 |
10 | 11 |
Limit the maximum visible buttons
12 |rotate defaulted to true:
13 | rotate defaulted to true and force-ellipses set to true:
15 | rotate set to false:
17 | boundary-link-numbers set to true and rotate defaulted to true:
19 | boundary-link-numbers set to true and rotate set to false:
21 | Page: {{bigCurrentPage}} / {{numPages}}
23 |
24 |
2 |
27 |
35 |
42 |
49 |
--------------------------------------------------------------------------------
/src/popover/docs/demo.js:
--------------------------------------------------------------------------------
1 | angular.module('ui.bootstrap.demo').controller('PopoverDemoCtrl', function ($scope, $sce) {
2 | $scope.dynamicPopover = {
3 | content: 'Hello, World!',
4 | templateUrl: 'myPopoverTemplate.html',
5 | title: 'Title'
6 | };
7 |
8 | $scope.placement = {
9 | options: [
10 | 'top',
11 | 'top-left',
12 | 'top-right',
13 | 'bottom',
14 | 'bottom-left',
15 | 'bottom-right',
16 | 'left',
17 | 'left-top',
18 | 'left-bottom',
19 | 'right',
20 | 'right-top',
21 | 'right-bottom'
22 | ],
23 | selected: 'top'
24 | };
25 |
26 | $scope.htmlPopover = $sce.trustAsHtml('I can have Dynamic
3 |
4 |
5 |
6 |
7 |
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
17 |
18 |
19 |
26 | 27 |
Positional
28 |
29 |
30 |
31 |
32 |
33 |
34 | 35 |
Triggers
36 |37 | 38 |
39 | 40 | 41 |42 |
Other
43 | 44 | 45 | 46 | 47 | 48 |HTML
content');
27 | });
28 |
--------------------------------------------------------------------------------
/src/popover/index-nocss.js:
--------------------------------------------------------------------------------
1 | require('../tooltip/index-nocss.js');
2 | require('../../template/popover/popover.html.js');
3 | require('../../template/popover/popover-html.html.js');
4 | require('../../template/popover/popover-template.html.js');
5 | require('./popover');
6 |
7 | var MODULE_NAME = 'ui.bootstrap.module.popover';
8 |
9 | angular.module(MODULE_NAME, ['ui.bootstrap.popover', 'uib/template/popover/popover.html', 'uib/template/popover/popover-html.html', 'uib/template/popover/popover-template.html']);
10 |
11 | module.exports = MODULE_NAME;
12 |
--------------------------------------------------------------------------------
/src/popover/index.js:
--------------------------------------------------------------------------------
1 | require('../tooltip/tooltip.css');
2 | module.exports = require('./index-nocss.js');
3 |
--------------------------------------------------------------------------------
/src/popover/popover.js:
--------------------------------------------------------------------------------
1 | /**
2 | * The following features are still outstanding: popup delay, animation as a
3 | * function, placement as a function, inside, support for more triggers than
4 | * just mouse enter/leave, and selector delegatation.
5 | */
6 | angular.module('ui.bootstrap.popover', ['ui.bootstrap.tooltip'])
7 |
8 | .directive('uibPopoverTemplatePopup', function() {
9 | return {
10 | restrict: 'A',
11 | scope: { uibTitle: '@', contentExp: '&', originScope: '&' },
12 | templateUrl: 'uib/template/popover/popover-template.html'
13 | };
14 | })
15 |
16 | .directive('uibPopoverTemplate', ['$uibTooltip', function($uibTooltip) {
17 | return $uibTooltip('uibPopoverTemplate', 'popover', 'click', {
18 | placementClassPrefix: 'bs-popover-',
19 | useContentExp: true
20 | });
21 | }])
22 |
23 | .directive('uibPopoverHtmlPopup', function() {
24 | return {
25 | restrict: 'A',
26 | scope: { contentExp: '&', uibTitle: '@' },
27 | templateUrl: 'uib/template/popover/popover-html.html'
28 | };
29 | })
30 |
31 | .directive('uibPopoverHtml', ['$uibTooltip', function($uibTooltip) {
32 | return $uibTooltip('uibPopoverHtml', 'popover', 'click', {
33 | placementClassPrefix: 'bs-popover-',
34 | useContentExp: true
35 | });
36 | }])
37 |
38 | .directive('uibPopoverPopup', function() {
39 | return {
40 | restrict: 'A',
41 | scope: { uibTitle: '@', content: '@' },
42 | templateUrl: 'uib/template/popover/popover.html'
43 | };
44 | })
45 |
46 | .directive('uibPopover', ['$uibTooltip', function($uibTooltip) {
47 | return $uibTooltip('uibPopover', 'popover', 'click', {
48 | placementClassPrefix: 'bs-popover-'
49 | });
50 | }]);
51 |
--------------------------------------------------------------------------------
/src/position/docs/demo.html:
--------------------------------------------------------------------------------
1 |
2 |
21 | offsetParent: {{elemVals.offsetParent}} 22 |
23 | scrollParent: {{elemVals.scrollParent}} 24 |
25 | scrollbarWidth: {{scrollbarWidth}} 26 |
27 | position: {{elemVals.position}} 28 |
29 | offset: {{elemVals.offset}} 30 |
31 | viewportOffset: {{elemVals.viewportOffset}} 32 |
33 | positionElements: {{elemVals.positionElements}} 34 |
35 |
--------------------------------------------------------------------------------
/src/position/docs/demo.js:
--------------------------------------------------------------------------------
1 | angular.module('ui.bootstrap.demo').controller('PositionDemoCtrl', function ($scope, $window, $uibPosition) {
2 |
3 | $scope.elemVals = {};
4 | $scope.parentScrollable = true;
5 | $scope.parentRelative = true;
6 |
7 | $scope.getValues = function() {
8 | var divEl = $window.document.querySelector('#posdemodiv');
9 | var btnEl = $window.document.querySelector('#posdemobtn');
10 |
11 | var offsetParent = $uibPosition.offsetParent(divEl);
12 | $scope.elemVals.offsetParent = 'type: ' + offsetParent.tagName + ', id: ' + offsetParent.id;
13 |
14 | var scrollParent = $uibPosition.scrollParent(divEl);
15 | $scope.elemVals.scrollParent = 'type: ' + scrollParent.tagName + ', id: ' + scrollParent.id;
16 |
17 | $scope.scrollbarWidth = $uibPosition.scrollbarWidth();
18 |
19 | $scope.elemVals.position = $uibPosition.position(divEl);
20 |
21 | $scope.elemVals.offset = $uibPosition.offset(divEl);
22 |
23 | $scope.elemVals.viewportOffset = $uibPosition.viewportOffset(divEl);
24 |
25 | $scope.elemVals.positionElements = $uibPosition.positionElements(btnEl, divEl, 'auto bottom-left');
26 | };
27 | });
--------------------------------------------------------------------------------
/src/position/index-nocss.js:
--------------------------------------------------------------------------------
1 | require('./position');
2 |
3 | var MODULE_NAME = 'ui.bootstrap.module.position';
4 |
5 | angular.module(MODULE_NAME, ['ui.bootstrap.position']);
6 |
7 | module.exports = MODULE_NAME;
8 |
--------------------------------------------------------------------------------
/src/position/index.js:
--------------------------------------------------------------------------------
1 | require('./position.css');
2 | module.exports = require('./index-nocss.js');
3 |
--------------------------------------------------------------------------------
/src/position/position.css:
--------------------------------------------------------------------------------
1 | .uib-position-measure {
2 | display: block !important;
3 | visibility: hidden !important;
4 | position: absolute !important;
5 | top: -9999px !important;
6 | left: -9999px !important;
7 | }
8 |
9 | .uib-position-scrollbar-measure {
10 | position: absolute !important;
11 | top: -9999px !important;
12 | width: 50px !important;
13 | height: 50px !important;
14 | overflow: scroll !important;
15 | }
16 |
17 | .uib-position-body-scrollbar-measure {
18 | overflow: scroll !important;
19 | }
--------------------------------------------------------------------------------
/src/progressbar/docs/demo.html:
--------------------------------------------------------------------------------
1 | $uibPosition service
3 |
4 |
20 |
5 |
8 |
9 |
10 |
13 |
14 |
15 |
16 |
17 | Demo element
18 |
19 | 21 | offsetParent: {{elemVals.offsetParent}} 22 |
23 | scrollParent: {{elemVals.scrollParent}} 24 |
25 | scrollbarWidth: {{scrollbarWidth}} 26 |
27 | position: {{elemVals.position}} 28 |
29 | offset: {{elemVals.offset}} 30 |
31 | viewportOffset: {{elemVals.viewportOffset}} 32 |
33 | positionElements: {{elemVals.positionElements}} 34 |
2 |
3 |
11 |{{dynamic}} / {{max}}
13 |
14 | No animation
15 | {{dynamic}}%
16 |
17 | Object (changes type based on value)
18 | {{type}} !!! Watch out !!!
19 |
20 |
21 |{{bar.value}}%
--------------------------------------------------------------------------------
/src/progressbar/docs/demo.js:
--------------------------------------------------------------------------------
1 | angular.module('ui.bootstrap.demo').controller('ProgressDemoCtrl', function ($scope) {
2 | $scope.max = 200;
3 |
4 | $scope.random = function() {
5 | var value = Math.floor(Math.random() * 100 + 1);
6 | var type;
7 |
8 | if (value < 25) {
9 | type = 'success';
10 | } else if (value < 50) {
11 | type = 'info';
12 | } else if (value < 75) {
13 | type = 'warning';
14 | } else {
15 | type = 'danger';
16 | }
17 |
18 | $scope.showWarning = type === 'danger' || type === 'warning';
19 |
20 | $scope.dynamic = value;
21 | $scope.type = type;
22 | };
23 |
24 | $scope.random();
25 |
26 | $scope.randomStacked = function() {
27 | $scope.stacked = [];
28 | var types = ['success', 'info', 'warning', 'danger'];
29 |
30 | for (var i = 0, n = Math.floor(Math.random() * 4 + 1); i < n; i++) {
31 | var index = Math.floor(Math.random() * 4);
32 | $scope.stacked.push({
33 | value: Math.floor(Math.random() * 30 + 1),
34 | type: types[index]
35 | });
36 | }
37 | };
38 |
39 | $scope.randomStacked();
40 | });
41 |
--------------------------------------------------------------------------------
/src/progressbar/docs/readme.md:
--------------------------------------------------------------------------------
1 | A progress bar directive that is focused on providing feedback on the progress of a workflow or action.
2 |
3 | It supports multiple (stacked) `Static
4 |
5 | 22%
7 | 166 / 200
8 |
9 |
10 | 11 |
Dynamic
12 |21 |
Stacked
22 |
2 |
11 | 12 |
16 |
--------------------------------------------------------------------------------
/src/rating/docs/demo.js:
--------------------------------------------------------------------------------
1 | angular.module('ui.bootstrap.demo').controller('RatingDemoCtrl', function ($scope) {
2 | $scope.rate = 7;
3 | $scope.max = 10;
4 | $scope.isReadonly = false;
5 |
6 | $scope.hoveringOver = function(value) {
7 | $scope.overStar = value;
8 | $scope.percent = 100 * (value / $scope.max);
9 | };
10 |
11 | $scope.ratingStates = [
12 | {stateOn: 'glyphicon-ok-sign', stateOff: 'glyphicon-ok-circle'},
13 | {stateOn: 'glyphicon-star', stateOff: 'glyphicon-star-empty'},
14 | {stateOn: 'glyphicon-heart', stateOff: 'glyphicon-ban-circle'},
15 | {stateOn: 'glyphicon-heart'},
16 | {stateOff: 'glyphicon-off'}
17 | ];
18 | });
19 |
--------------------------------------------------------------------------------
/src/rating/docs/readme.md:
--------------------------------------------------------------------------------
1 | Rating directive that will take care of visualising a star rating bar.
2 |
3 | ### uib-rating settings
4 |
5 | * `max`
6 | $
7 | C
8 | _(Default: `5`)_ -
9 | Changes the number of icons.
10 |
11 | * `ng-model`
12 | $
13 | -
14 | The current rate.
15 |
16 | * `on-hover(value)`
17 | $ -
18 | An optional expression called when user's mouse is over a particular icon.
19 |
20 | * `on-leave()`
21 | $ -
22 | An optional expression called when user's mouse leaves the control altogether.
23 |
24 | * `rating-states`
25 | $
26 | _(Default: `null`)_ -
27 | An array of objects defining properties for all icons. In default template, `stateOn` & `stateOff` property is used to specify the icon's class.
28 |
29 | * `read-only`
30 | $
31 |
32 | _(Default: `false`)_ -
33 | Prevent user's interaction.
34 |
35 | * `titles`
36 | $
37 | C
38 | _(Default: ['one', 'two', 'three', 'four', 'five']`)_ -
39 | An array of strings defining titles for all icons.
40 |
41 | * `enable-reset`
42 | $
43 | _(Default: `true`)_ -
44 | Clicking the icon of the current rating will reset the rating to 0.
45 |
46 | * `state-off`
47 | $
48 | C
49 | _(Default: `null`)_ -
50 | A variable used in the template to specify the state for unselected icons.
51 |
52 | * `state-on`
53 | $
54 | C
55 | _(Default: `null`)_ -
56 | A variable used in the template to specify the state (class, src, etc) for selected icons.
57 |
--------------------------------------------------------------------------------
/src/rating/index-nocss.js:
--------------------------------------------------------------------------------
1 | require('../../template/rating/rating.html.js');
2 | require('./rating');
3 |
4 | var MODULE_NAME = 'ui.bootstrap.module.rating';
5 |
6 | angular.module(MODULE_NAME, ['ui.bootstrap.rating', 'uib/template/rating/rating.html']);
7 |
8 | module.exports = MODULE_NAME;
9 |
--------------------------------------------------------------------------------
/src/rating/index.js:
--------------------------------------------------------------------------------
1 | require('../common/svg-icon.css');
2 | module.exports = require('./index-nocss.js');
3 |
--------------------------------------------------------------------------------
/src/stackedMap/index.js:
--------------------------------------------------------------------------------
1 | require('./stackedMap');
2 |
3 | var MODULE_NAME = 'ui.bootstrap.module.stackedMap';
4 |
5 | angular.module(MODULE_NAME, ['ui.bootstrap.stackedMap']);
6 |
7 | module.exports = MODULE_NAME;
8 |
--------------------------------------------------------------------------------
/src/stackedMap/stackedMap.js:
--------------------------------------------------------------------------------
1 | angular.module('ui.bootstrap.stackedMap', [])
2 | /**
3 | * A helper, internal data structure that acts as a map but also allows getting / removing
4 | * elements in the LIFO order
5 | */
6 | .factory('$$stackedMap', function() {
7 | return {
8 | createNew: function() {
9 | var stack = [];
10 |
11 | return {
12 | add: function(key, value) {
13 | stack.push({
14 | key: key,
15 | value: value
16 | });
17 | },
18 | get: function(key) {
19 | for (var i = 0; i < stack.length; i++) {
20 | if (key === stack[i].key) {
21 | return stack[i];
22 | }
23 | }
24 | },
25 | keys: function() {
26 | var keys = [];
27 | for (var i = 0; i < stack.length; i++) {
28 | keys.push(stack[i].key);
29 | }
30 | return keys;
31 | },
32 | top: function() {
33 | return stack[stack.length - 1];
34 | },
35 | remove: function(key) {
36 | var idx = -1;
37 | for (var i = 0; i < stack.length; i++) {
38 | if (key === stack[i].key) {
39 | idx = i;
40 | break;
41 | }
42 | }
43 | return stack.splice(idx, 1)[0];
44 | },
45 | removeTop: function() {
46 | return stack.pop();
47 | },
48 | length: function() {
49 | return stack.length;
50 | }
51 | };
52 | }
53 | };
54 | });
--------------------------------------------------------------------------------
/src/stackedMap/test/stackedMap.spec.js:
--------------------------------------------------------------------------------
1 | describe('stacked map', function() {
2 | var stackedMap;
3 |
4 | beforeEach(module('ui.bootstrap.modal'));
5 | beforeEach(inject(function ($$stackedMap) {
6 | stackedMap = $$stackedMap.createNew();
7 | }));
8 |
9 | it('should add and remove objects by key', function() {
10 | stackedMap.add('foo', 'foo_value');
11 | expect(stackedMap.length()).toEqual(1);
12 | expect(stackedMap.get('foo').key).toEqual('foo');
13 | expect(stackedMap.get('foo').value).toEqual('foo_value');
14 |
15 | stackedMap.remove('foo');
16 | expect(stackedMap.length()).toEqual(0);
17 | expect(stackedMap.get('foo')).toBeUndefined();
18 | });
19 |
20 | it('should support listing keys', function() {
21 | stackedMap.add('foo', 'foo_value');
22 | stackedMap.add('bar', 'bar_value');
23 |
24 | expect(stackedMap.keys()).toEqual(['foo', 'bar']);
25 | });
26 |
27 | it('should get topmost element', function() {
28 | stackedMap.add('foo', 'foo_value');
29 | stackedMap.add('bar', 'bar_value');
30 | expect(stackedMap.length()).toEqual(2);
31 |
32 | expect(stackedMap.top().key).toEqual('bar');
33 | expect(stackedMap.length()).toEqual(2);
34 | });
35 |
36 | it('should remove topmost element', function() {
37 | stackedMap.add('foo', 'foo_value');
38 | stackedMap.add('bar', 'bar_value');
39 |
40 | expect(stackedMap.removeTop().key).toEqual('bar');
41 | expect(stackedMap.removeTop().key).toEqual('foo');
42 | });
43 |
44 | it('should preserve semantic of an empty stackedMap', function() {
45 | expect(stackedMap.length()).toEqual(0);
46 | expect(stackedMap.top()).toBeUndefined();
47 | });
48 |
49 | it('should ignore removal of non-existing elements', function() {
50 | expect(stackedMap.remove('non-existing')).toBeUndefined();
51 | });
52 | });
53 |
--------------------------------------------------------------------------------
/src/tabindex/index.js:
--------------------------------------------------------------------------------
1 | require('./tabindex');
2 |
3 | var MODULE_NAME = 'ui.bootstrap.module.tabindex';
4 |
5 | angular.module(MODULE_NAME, ['ui.bootstrap.tabindex']);
6 |
7 | module.exports = MODULE_NAME;
8 |
--------------------------------------------------------------------------------
/src/tabindex/tabindex.js:
--------------------------------------------------------------------------------
1 | angular.module('ui.bootstrap.tabindex', [])
2 |
3 | .directive('uibTabindexToggle', function() {
4 | return {
5 | restrict: 'A',
6 | link: function(scope, elem, attrs) {
7 | attrs.$observe('disabled', function(disabled) {
8 | attrs.$set('tabindex', disabled ? -1 : null);
9 | });
10 | }
11 | };
12 | });
13 |
--------------------------------------------------------------------------------
/src/tabindex/test/tabindex.spec.js:
--------------------------------------------------------------------------------
1 | describe('tabindex toggle directive', function() {
2 | var $rootScope, element;
3 | beforeEach(module('ui.bootstrap.tabindex'));
4 | beforeEach(inject(function($compile, _$rootScope_) {
5 | $rootScope = _$rootScope_;
6 | element = $compile('foo')($rootScope);
7 | $rootScope.$digest();
8 | }));
9 |
10 | it('should toggle the tabindex on disabled toggle', function() {
11 | expect(element.prop('tabindex')).toBe(0);
12 |
13 | $rootScope.disabled = true;
14 | $rootScope.$digest();
15 |
16 | expect(element.prop('tabindex')).toBe(-1);
17 |
18 | $rootScope.disabled = false;
19 | $rootScope.$digest();
20 |
21 | expect(element.prop('tabindex')).toBe(0);
22 | });
23 | });
24 |
--------------------------------------------------------------------------------
/src/tabs/docs/demo.html:
--------------------------------------------------------------------------------
1 |
6 |
7 | Default
3 | 4 | {{percent}}% 5 | 6 |Rate: {{rate}} - Readonly is: {{isReadonly}} - Hovering over: {{overStar || "none"}}
7 |
8 |
9 |
10 | 11 | 12 |
Custom icons
13 | (Rate: {{x}})
14 | (Rate: {{y}})
15 |
8 |
17 | 18 |
19 | Static content
20 |
21 | {{tab.content}}
22 |
23 |
24 |
25 |
26 |
27 |
28 | Alert!
29 |
30 | I've got an HTML heading, and a select callback. Pretty cool!
31 |
32 |
33 |
34 |
35 | 36 |
37 | Vertical content 1
38 | Vertical content 2
39 |
40 |
41 |
42 | 43 |
44 | Justified content
45 | Short Labeled Justified content
46 | Long Labeled Justified content
47 |
48 |
49 |
50 | 51 | Tabbed pills with CSS classes 52 |
53 | Tab 1 content
54 | Tab 2 content
55 |
56 |
57 |
58 | 59 | Tabs using nested forms: 60 | 78 | Model: 79 |
83 |
--------------------------------------------------------------------------------
/src/tabs/docs/demo.js:
--------------------------------------------------------------------------------
1 | angular.module('ui.bootstrap.demo').controller('TabsDemoCtrl', function ($scope, $window) {
2 | $scope.tabs = [
3 | { title:'Dynamic Title 1', content:'Dynamic content 1' },
4 | { title:'Dynamic Title 2', content:'Dynamic content 2', disabled: true }
5 | ];
6 |
7 | $scope.alertMe = function() {
8 | setTimeout(function() {
9 | $window.alert('You\'ve selected the alert tab!');
10 | });
11 | };
12 |
13 | $scope.model = {
14 | name: 'Tabs'
15 | };
16 | });
17 |
--------------------------------------------------------------------------------
/src/tabs/docs/readme.md:
--------------------------------------------------------------------------------
1 | AngularJS version of the tabs directive.
2 |
3 | ### uib-tabset settings
4 |
5 | * `active`
6 |
7 | _(Default: `Index of first tab`)_ -
8 | Active index of tab. Setting this to an existing tab index will make that tab active.
9 |
10 | * `justified`
11 | $
12 | _(Default: `false`)_ -
13 | Whether tabs fill the container and have a consistent width.
14 |
15 | * `template-url`
16 | _(Default: `uib/template/tabs/tabset.html`)_ -
17 | A URL representing the location of a template to use for the main component.
18 |
19 | * `type`
20 | _(Defaults: `tabs`)_ -
21 | Navigation type. Possible values are 'tabs' and 'pills'.
22 |
23 | * `vertical`
24 | $
25 | _(Default: `false`)_ -
26 | Whether tabs appear vertically stacked.
27 |
28 | ### uib-tab settings
29 |
30 | * `classes`
31 | $ -
32 | An optional string of space-separated CSS classes.
33 |
34 | * `deselect()`
35 | $ -
36 | An optional expression called when tab is deactivated. Supports `$event` and `$selectedIndex` in template for expression. You may call `$event.preventDefault()` in this event handler to prevent a tab change from occurring. The `$selectedIndex` can be used to determine which tab was attempted to be opened.
37 |
38 | * `disable`
39 | $
40 |
41 | _(Default: `false`)_ -
42 | Whether tab is clickable and can be activated.
43 |
44 | * `heading` -
45 | Heading text.
46 |
47 | * `index` -
48 | Tab index. Must be unique number or string.
49 |
50 | * `select()`
51 | $ -
52 | An optional expression called when tab is activated. Supports $event in template for expression.
53 |
54 | * `template-url`
55 | _(Default: `uib/template/tabs/tab.html`)_ -
56 | A URL representing the location of a template to use for the tab heading.
57 |
58 | ### Tabset heading
59 |
60 | Instead of the `heading` attribute on the `uib-tabset`, you can use an `uib-tab-heading` element inside a tabset that will be used as the tabset's header. There you can use HTML as well.
61 |
62 | ### Known issues
63 |
64 | To use clickable elements within the tab, you have override the tab template to use div elements instead of anchor elements, and replicate the desired styles from Bootstrap's CSS. This is due to browsers interpreting anchor elements as the target of any click event, which triggers routing when certain elements such as buttons are nested inside the anchor element.
65 |
--------------------------------------------------------------------------------
/src/tabs/index.js:
--------------------------------------------------------------------------------
1 | require('../../template/tabs/tab.html.js');
2 | require('../../template/tabs/tabset.html.js');
3 | require('./tabs');
4 |
5 | var MODULE_NAME = 'ui.bootstrap.module.tabs';
6 |
7 | angular.module(MODULE_NAME, ['ui.bootstrap.tabs', 'uib/template/tabs/tab.html', 'uib/template/tabs/tabset.html']);
8 |
9 | module.exports = MODULE_NAME;
10 |
--------------------------------------------------------------------------------
/src/timepicker/docs/demo.html:
--------------------------------------------------------------------------------
1 | Select a tab by setting active binding to true:
9 |10 | 11 | 12 |
13 |14 | 15 |
16 |17 | 18 |
35 | 36 |
42 | 43 |
50 | 51 | Tabbed pills with CSS classes 52 |
58 | 59 | Tabs using nested forms: 60 | 78 | Model: 79 |
{{ model | json }}
80 | Nested Form:
81 | {{ outerForm.nestedForm | json }}
82 |
2 |
3 |
4 |
5 |
19 | 20 | 21 | 22 | 23 | 24 |
25 |
--------------------------------------------------------------------------------
/src/timepicker/docs/demo.js:
--------------------------------------------------------------------------------
1 | angular.module('ui.bootstrap.demo').controller('TimepickerDemoCtrl', function ($scope, $log) {
2 | $scope.mytime = new Date();
3 |
4 | $scope.hstep = 1;
5 | $scope.mstep = 15;
6 |
7 | $scope.options = {
8 | hstep: [1, 2, 3],
9 | mstep: [1, 5, 10, 15, 25, 30]
10 | };
11 |
12 | $scope.ismeridian = true;
13 | $scope.toggleMode = function() {
14 | $scope.ismeridian = ! $scope.ismeridian;
15 | };
16 |
17 | $scope.update = function() {
18 | var d = new Date();
19 | d.setHours( 14 );
20 | d.setMinutes( 0 );
21 | $scope.mytime = d;
22 | };
23 |
24 | $scope.changed = function () {
25 | $log.log('Time changed to: ' + $scope.mytime);
26 | };
27 |
28 | $scope.clear = function() {
29 | $scope.mytime = null;
30 | };
31 | });
32 |
--------------------------------------------------------------------------------
/src/timepicker/index-nocss.js:
--------------------------------------------------------------------------------
1 | require('../../template/timepicker/timepicker.html.js');
2 | require('./timepicker');
3 |
4 | var MODULE_NAME = 'ui.bootstrap.module.timepicker';
5 |
6 | angular.module(MODULE_NAME, ['ui.bootstrap.timepicker', 'uib/template/timepicker/timepicker.html']);
7 |
8 | module.exports = MODULE_NAME;
9 |
--------------------------------------------------------------------------------
/src/timepicker/index.js:
--------------------------------------------------------------------------------
1 | require('../common/svg-icon.css');
2 | require('./timepicker.css');
3 | module.exports = require('./index-nocss.js');
4 |
--------------------------------------------------------------------------------
/src/timepicker/timepicker.css:
--------------------------------------------------------------------------------
1 | .uib-time input {
2 | /* Bootstrap 4 overrides this otherwise */
3 | width: 50px !important;
4 | }
5 |
--------------------------------------------------------------------------------
/src/tooltip/docs/demo.js:
--------------------------------------------------------------------------------
1 | angular.module('ui.bootstrap.demo').controller('TooltipDemoCtrl', function ($scope, $sce) {
2 | $scope.dynamicTooltip = 'Hello, World!';
3 | $scope.dynamicTooltipText = 'dynamic';
4 | $scope.htmlTooltip = $sce.trustAsHtml('I\'ve been made bold!');
5 | $scope.placement = {
6 | options: [
7 | 'top',
8 | 'top-left',
9 | 'top-right',
10 | 'bottom',
11 | 'bottom-left',
12 | 'bottom-right',
13 | 'left',
14 | 'left-top',
15 | 'left-bottom',
16 | 'right',
17 | 'right-top',
18 | 'right-bottom'
19 | ],
20 | selected: 'top'
21 | };
22 | });
23 |
--------------------------------------------------------------------------------
/src/tooltip/index-nocss.js:
--------------------------------------------------------------------------------
1 | require('../position/index-nocss.js');
2 | require('../stackedMap');
3 | require('../../template/tooltip/tooltip-popup.html.js');
4 | require('../../template/tooltip/tooltip-html-popup.html.js');
5 | require('../../template/tooltip/tooltip-template-popup.html.js');
6 | require('./tooltip');
7 |
8 | var MODULE_NAME = 'ui.bootstrap.module.tooltip';
9 |
10 | angular.module(MODULE_NAME, ['ui.bootstrap.tooltip', 'uib/template/tooltip/tooltip-popup.html', 'uib/template/tooltip/tooltip-html-popup.html', 'uib/template/tooltip/tooltip-template-popup.html']);
11 |
12 | module.exports = MODULE_NAME;
13 |
--------------------------------------------------------------------------------
/src/tooltip/index.js:
--------------------------------------------------------------------------------
1 | require('../position/position.css');
2 | require('./tooltip.css');
3 | module.exports = require('./index-nocss.js');
4 |
--------------------------------------------------------------------------------
/src/tooltip/test/tooltip-template.spec.js:
--------------------------------------------------------------------------------
1 | describe('tooltip template', function() {
2 | var elm,
3 | elmBody,
4 | scope,
5 | elmScope,
6 | tooltipScope,
7 | $document;
8 |
9 | // load the popover code
10 | beforeEach(module('ui.bootstrap.tooltip'));
11 |
12 | // load the template
13 | beforeEach(module('uib/template/tooltip/tooltip-template-popup.html'));
14 |
15 | beforeEach(inject(function($templateCache) {
16 | $templateCache.put('myUrl', [200, '{{ myTemplateText }}', {}]);
17 | }));
18 |
19 | beforeEach(inject(function($rootScope, $compile, _$document_) {
20 | $document = _$document_;
21 | elmBody = angular.element(
22 | 'Time is: {{mytime | date:'shortTime' }}
6 |
7 |
8 |
17 |
18 |
9 | Hours step is:
10 |
11 |
12 |
13 | Minutes step is:
14 |
15 |
16 | 19 | 20 | 21 | 22 | 23 | 24 |
Selector Text
'
23 | );
24 |
25 | scope = $rootScope;
26 | $compile(elmBody)(scope);
27 | scope.templateUrl = 'myUrl';
28 |
29 | scope.$digest();
30 | elm = elmBody.find('span');
31 | elmScope = elm.scope();
32 | tooltipScope = elmScope.$$childTail;
33 | }));
34 |
35 | afterEach(function() {
36 | $document.off('keypress');
37 | });
38 |
39 | function trigger(element, evt) {
40 | element.trigger(evt);
41 | element.scope().$$childTail.$digest();
42 | }
43 |
44 | it('should open on mouseenter', inject(function() {
45 | trigger(elm, 'mouseenter');
46 | expect(tooltipScope.isOpen).toBe(true);
47 |
48 | expect(elmBody.children().length).toBe(2);
49 | }));
50 |
51 | it('should not open on mouseenter if templateUrl is empty', inject(function() {
52 | scope.templateUrl = null;
53 | scope.$digest();
54 |
55 | trigger(elm, 'mouseenter');
56 | expect(tooltipScope.isOpen).toBe(false);
57 |
58 | expect(elmBody.children().length).toBe(1);
59 | }));
60 |
61 | it('should show updated text', inject(function() {
62 | scope.myTemplateText = 'some text';
63 |
64 | trigger(elm, 'mouseenter');
65 | expect(tooltipScope.isOpen).toBe(true);
66 | scope.$digest();
67 |
68 | expect(elmBody.children().eq(1).text().trim()).toBe('some text');
69 |
70 | scope.myTemplateText = 'new text';
71 | scope.$digest();
72 |
73 | expect(elmBody.children().eq(1).text().trim()).toBe('new text');
74 | }));
75 |
76 | it('should hide tooltip when template becomes empty', inject(function($timeout) {
77 | trigger(elm, 'mouseenter');
78 | $timeout.flush(0);
79 | expect(tooltipScope.isOpen).toBe(true);
80 |
81 | scope.templateUrl = '';
82 | scope.$digest();
83 |
84 | expect(tooltipScope.isOpen).toBe(false);
85 |
86 | $timeout.flush();
87 | expect(elmBody.children().length).toBe(1);
88 | }));
89 | });
90 |
--------------------------------------------------------------------------------
/src/tooltip/tooltip.css:
--------------------------------------------------------------------------------
1 | [uib-tooltip-popup].tooltip.top-left > .tooltip-arrow,
2 | [uib-tooltip-popup].tooltip.top-right > .tooltip-arrow,
3 | [uib-tooltip-popup].tooltip.bottom-left > .tooltip-arrow,
4 | [uib-tooltip-popup].tooltip.bottom-right > .tooltip-arrow,
5 | [uib-tooltip-popup].tooltip.left-top > .tooltip-arrow,
6 | [uib-tooltip-popup].tooltip.left-bottom > .tooltip-arrow,
7 | [uib-tooltip-popup].tooltip.right-top > .tooltip-arrow,
8 | [uib-tooltip-popup].tooltip.right-bottom > .tooltip-arrow,
9 | [uib-tooltip-html-popup].tooltip.top-left > .tooltip-arrow,
10 | [uib-tooltip-html-popup].tooltip.top-right > .tooltip-arrow,
11 | [uib-tooltip-html-popup].tooltip.bottom-left > .tooltip-arrow,
12 | [uib-tooltip-html-popup].tooltip.bottom-right > .tooltip-arrow,
13 | [uib-tooltip-html-popup].tooltip.left-top > .tooltip-arrow,
14 | [uib-tooltip-html-popup].tooltip.left-bottom > .tooltip-arrow,
15 | [uib-tooltip-html-popup].tooltip.right-top > .tooltip-arrow,
16 | [uib-tooltip-html-popup].tooltip.right-bottom > .tooltip-arrow,
17 | [uib-tooltip-template-popup].tooltip.top-left > .tooltip-arrow,
18 | [uib-tooltip-template-popup].tooltip.top-right > .tooltip-arrow,
19 | [uib-tooltip-template-popup].tooltip.bottom-left > .tooltip-arrow,
20 | [uib-tooltip-template-popup].tooltip.bottom-right > .tooltip-arrow,
21 | [uib-tooltip-template-popup].tooltip.left-top > .tooltip-arrow,
22 | [uib-tooltip-template-popup].tooltip.left-bottom > .tooltip-arrow,
23 | [uib-tooltip-template-popup].tooltip.right-top > .tooltip-arrow,
24 | [uib-tooltip-template-popup].tooltip.right-bottom > .tooltip-arrow,
25 | [uib-popover-popup].popover.top-left > .arrow,
26 | [uib-popover-popup].popover.top-right > .arrow,
27 | [uib-popover-popup].popover.bottom-left > .arrow,
28 | [uib-popover-popup].popover.bottom-right > .arrow,
29 | [uib-popover-popup].popover.left-top > .arrow,
30 | [uib-popover-popup].popover.left-bottom > .arrow,
31 | [uib-popover-popup].popover.right-top > .arrow,
32 | [uib-popover-popup].popover.right-bottom > .arrow,
33 | [uib-popover-html-popup].popover.top-left > .arrow,
34 | [uib-popover-html-popup].popover.top-right > .arrow,
35 | [uib-popover-html-popup].popover.bottom-left > .arrow,
36 | [uib-popover-html-popup].popover.bottom-right > .arrow,
37 | [uib-popover-html-popup].popover.left-top > .arrow,
38 | [uib-popover-html-popup].popover.left-bottom > .arrow,
39 | [uib-popover-html-popup].popover.right-top > .arrow,
40 | [uib-popover-html-popup].popover.right-bottom > .arrow,
41 | [uib-popover-template-popup].popover.top-left > .arrow,
42 | [uib-popover-template-popup].popover.top-right > .arrow,
43 | [uib-popover-template-popup].popover.bottom-left > .arrow,
44 | [uib-popover-template-popup].popover.bottom-right > .arrow,
45 | [uib-popover-template-popup].popover.left-top > .arrow,
46 | [uib-popover-template-popup].popover.left-bottom > .arrow,
47 | [uib-popover-template-popup].popover.right-top > .arrow,
48 | [uib-popover-template-popup].popover.right-bottom > .arrow {
49 | top: auto;
50 | bottom: auto;
51 | left: auto;
52 | right: auto;
53 | margin: 0;
54 | }
55 |
56 | [uib-popover-popup].popover,
57 | [uib-popover-html-popup].popover,
58 | [uib-popover-template-popup].popover {
59 | display: block !important;
60 | }
61 |
--------------------------------------------------------------------------------
/src/typeahead/index-nocss.js:
--------------------------------------------------------------------------------
1 | require('../debounce');
2 | require('../position/index-nocss.js');
3 | require('../../template/typeahead/typeahead-match.html.js');
4 | require('../../template/typeahead/typeahead-popup.html.js');
5 | require('./typeahead');
6 |
7 | var MODULE_NAME = 'ui.bootstrap.module.typeahead';
8 |
9 | angular.module(MODULE_NAME, ['ui.bootstrap.typeahead', 'uib/template/typeahead/typeahead-match.html', 'uib/template/typeahead/typeahead-popup.html']);
10 |
11 | module.exports = MODULE_NAME;
12 |
--------------------------------------------------------------------------------
/src/typeahead/index.js:
--------------------------------------------------------------------------------
1 | require('../position/position.css');
2 | require('./typeahead.css');
3 | module.exports = require('./index-nocss.js');
4 |
--------------------------------------------------------------------------------
/src/typeahead/test/typeahead-highlight-ngsanitize.spec.js:
--------------------------------------------------------------------------------
1 | describe('Security concerns', function() {
2 | var highlightFilter, $sanitize, logSpy;
3 |
4 | beforeEach(module('ui.bootstrap.typeahead', 'ngSanitize'));
5 |
6 | beforeEach(inject(function (uibTypeaheadHighlightFilter, _$sanitize_, $log) {
7 | highlightFilter = uibTypeaheadHighlightFilter;
8 | $sanitize = _$sanitize_;
9 | logSpy = spyOn($log, 'warn');
10 | }));
11 |
12 | it('should not call the $log service when ngSanitize is present', function() {
13 | highlightFilter('before after', 'match');
14 | expect(logSpy).not.toHaveBeenCalled();
15 | });
16 | });
17 |
--------------------------------------------------------------------------------
/src/typeahead/test/typeahead-highlight.spec.js:
--------------------------------------------------------------------------------
1 | describe('typeaheadHighlight', function () {
2 |
3 | var highlightFilter, $log, $sce, logSpy;
4 |
5 | beforeEach(module('ui.bootstrap.typeahead'));
6 |
7 | beforeEach(inject(function(_$log_, _$sce_) {
8 | $log = _$log_;
9 | $sce = _$sce_;
10 | logSpy = spyOn($log, 'warn');
11 | }));
12 |
13 | beforeEach(inject(function(uibTypeaheadHighlightFilter) {
14 | highlightFilter = uibTypeaheadHighlightFilter;
15 | }));
16 |
17 | it('should higlight a match', function() {
18 | expect($sce.getTrustedHtml(highlightFilter('before match after', 'match'))).toEqual('before match after');
19 | });
20 |
21 | it('should higlight a match with mixed case', function() {
22 | expect($sce.getTrustedHtml(highlightFilter('before MaTch after', 'match'))).toEqual('before MaTch after');
23 | });
24 |
25 | it('should higlight all matches', function() {
26 | expect($sce.getTrustedHtml(highlightFilter('before MaTch after match', 'match'))).toEqual('before MaTch after match');
27 | });
28 |
29 | it('should do nothing if no match', function() {
30 | expect($sce.getTrustedHtml(highlightFilter('before match after', 'nomatch'))).toEqual('before match after');
31 | });
32 |
33 | it('should do nothing if no or empty query', function() {
34 | expect($sce.getTrustedHtml(highlightFilter('before match after', ''))).toEqual('before match after');
35 | expect($sce.getTrustedHtml(highlightFilter('before match after', null))).toEqual('before match after');
36 | expect($sce.getTrustedHtml(highlightFilter('before match after', undefined))).toEqual('before match after');
37 | });
38 |
39 | it('issue 316 - should work correctly for regexp reserved words', function() {
40 | expect($sce.getTrustedHtml(highlightFilter('before (match after', '(match'))).toEqual('before (match after');
41 | });
42 |
43 | it('issue 1777 - should work correctly with numeric values', function() {
44 | expect($sce.getTrustedHtml(highlightFilter(123, '2'))).toEqual('123');
45 | });
46 |
47 | it('should show a warning when this component is being used unsafely', function() {
48 | highlightFilter('before match after', 'match');
49 | expect(logSpy).toHaveBeenCalled();
50 | });
51 | });
52 |
--------------------------------------------------------------------------------
/src/typeahead/test/typeahead-parser.spec.js:
--------------------------------------------------------------------------------
1 | describe('syntax parser', function() {
2 | var typeaheadParser, scope, filterFilter;
3 |
4 | beforeEach(module('ui.bootstrap.typeahead'));
5 | beforeEach(inject(function(_$rootScope_, _filterFilter_, uibTypeaheadParser) {
6 | typeaheadParser = uibTypeaheadParser;
7 | scope = _$rootScope_;
8 | filterFilter = _filterFilter_;
9 | }));
10 |
11 | it('should parse the simplest array-based syntax', function() {
12 | scope.states = ['Alabama', 'California', 'Delaware'];
13 | var result = typeaheadParser.parse('state for state in states | filter:$viewValue');
14 |
15 | var itemName = result.itemName;
16 | var locals = {$viewValue:'al'};
17 | expect(result.source(scope, locals)).toEqual(['Alabama', 'California']);
18 |
19 | locals[itemName] = 'Alabama';
20 | expect(result.viewMapper(scope, locals)).toEqual('Alabama');
21 | expect(result.modelMapper(scope, locals)).toEqual('Alabama');
22 | });
23 |
24 | it('should parse the simplest function-based syntax', function() {
25 | scope.getStates = function($viewValue) {
26 | return filterFilter(['Alabama', 'California', 'Delaware'], $viewValue);
27 | };
28 | var result = typeaheadParser.parse('state for state in getStates($viewValue)');
29 |
30 | var itemName = result.itemName;
31 | var locals = {$viewValue:'al'};
32 | expect(result.source(scope, locals)).toEqual(['Alabama', 'California']);
33 |
34 | locals[itemName] = 'Alabama';
35 | expect(result.viewMapper(scope, locals)).toEqual('Alabama');
36 | expect(result.modelMapper(scope, locals)).toEqual('Alabama');
37 | });
38 |
39 | it('should allow to specify custom model mapping that is used as a label as well', function () {
40 | scope.states = [
41 | {code:'AL', name:'Alabama'},
42 | {code:'CA', name:'California'},
43 | {code:'DE', name:'Delaware'}
44 | ];
45 | var result = typeaheadParser.parse('state.name for state in states | filter:$viewValue | orderBy:"name":true');
46 |
47 | var itemName = result.itemName;
48 | expect(itemName).toEqual('state');
49 | expect(result.source(scope, {$viewValue:'al'})).toEqual([
50 | {code:'CA', name:'California'},
51 | {code:'AL', name:'Alabama'}
52 | ]);
53 |
54 | var locals = {$viewValue:'al'};
55 | locals[itemName] = {code:'AL', name:'Alabama'};
56 | expect(result.viewMapper(scope, locals)).toEqual('Alabama');
57 | expect(result.modelMapper(scope, locals)).toEqual('Alabama');
58 | });
59 |
60 | it('should allow to specify custom view and model mappers', function() {
61 | scope.states = [
62 | {code:'AL', name:'Alabama'},
63 | {code:'CA', name:'California'},
64 | {code:'DE', name:'Delaware'}
65 | ];
66 | var result = typeaheadParser.parse('state.code as state.name + " ("+state.code+")" for state in states | filter:$viewValue | orderBy:"name":true');
67 |
68 | var itemName = result.itemName;
69 | expect(result.source(scope, {$viewValue:'al'})).toEqual([
70 | {code:'CA', name:'California'},
71 | {code:'AL', name:'Alabama'}
72 | ]);
73 |
74 | var locals = {$viewValue:'al'};
75 | locals[itemName] = {code:'AL', name:'Alabama'};
76 | expect(result.viewMapper(scope, locals)).toEqual('Alabama (AL)');
77 | expect(result.modelMapper(scope, locals)).toEqual('AL');
78 | });
79 | });
--------------------------------------------------------------------------------
/src/typeahead/test/typeahead-popup.spec.js:
--------------------------------------------------------------------------------
1 | describe('typeaheadPopup - result rendering', function() {
2 | var scope, $rootScope, $compile;
3 |
4 | beforeEach(module('ui.bootstrap.typeahead'));
5 | beforeEach(module('uib/template/typeahead/typeahead-popup.html'));
6 | beforeEach(module('uib/template/typeahead/typeahead-match.html'));
7 | beforeEach(inject(function(_$rootScope_, _$compile_) {
8 | $rootScope = _$rootScope_;
9 | scope = $rootScope.$new();
10 | $compile = _$compile_;
11 | }));
12 |
13 | it('should render initial results', function() {
14 | scope.matches = ['foo', 'bar', 'baz'];
15 | scope.active = 1;
16 |
17 | var el = $compile('
2 |
6 | 3 | {{heading}} 4 |
5 |
7 |
8 |
9 |
--------------------------------------------------------------------------------
/template/accordion/accordion.html:
--------------------------------------------------------------------------------
1 |
2 |
--------------------------------------------------------------------------------
/template/alert/alert.html:
--------------------------------------------------------------------------------
1 |
5 |
6 |
--------------------------------------------------------------------------------
/template/carousel/carousel.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 | Previous
5 |
6 |
7 |
8 | Next
9 |
10 | -
11 |
- 12 | slide {{ $index + 1 }} of {{ slides.length }}, currently active 13 | 14 |
2 |
3 |
4 |
5 |
6 |
--------------------------------------------------------------------------------
/template/datepicker/day.html:
--------------------------------------------------------------------------------
1 | | 5 | 11 | | 12 |13 | | 14 | 20 | | 21 |
|---|---|---|
| 24 | | {{::label.abbr}} | 25 ||
| {{ weekNumbers[$index] }} | 30 |33 | 41 | | 42 |
| 5 | 11 | | 12 |13 | | 14 | 20 | | 21 |
|---|---|---|
| 28 | 36 | | 37 |
| 5 | 11 | | 12 |13 | 18 | | 19 |20 | 26 | | 27 |
|---|---|---|
| 34 | 42 | | 43 |
2 |
--------------------------------------------------------------------------------
/template/pager/pager.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
--------------------------------------------------------------------------------
/template/rating/rating.html:
--------------------------------------------------------------------------------
1 |
2 | ({{ $index < value ? '*' : ' ' }})
3 |
4 |
5 |
6 |
7 |
8 |
--------------------------------------------------------------------------------
/template/tabs/tab.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
11 |
--------------------------------------------------------------------------------
/template/tooltip/tooltip-html-popup.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
--------------------------------------------------------------------------------
/template/tooltip/tooltip-popup.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
--------------------------------------------------------------------------------
/template/tooltip/tooltip-template-popup.html:
--------------------------------------------------------------------------------
1 |
2 |
5 |
--------------------------------------------------------------------------------
/template/typeahead/typeahead-match.html:
--------------------------------------------------------------------------------
1 |
6 |
--------------------------------------------------------------------------------
/template/typeahead/typeahead-popup.html:
--------------------------------------------------------------------------------
1 |
6 |
--------------------------------------------------------------------------------
/ui-bootstrap4:
--------------------------------------------------------------------------------
1 | docs
--------------------------------------------------------------------------------
4 |
10 |
8 |
9 |