angular-ui-bootstrap-rails 0.12.1 → 0.13.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA1:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: f1ee13223e10e01488c80f62c38379b74ba8356f
|
|
4
|
+
data.tar.gz: 739f975e2c2127906e92f7f7e0874fe8f860c152
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: bf506d4e2f2a5a15d9734806559796fcfadcbf1e798f39b2e1924a8e36cc6648a880fe0832ee75cd48a4fe5db0f3518d4701b6c459314e1342a8e4ba4de7df61
|
|
7
|
+
data.tar.gz: 81bdc9fb3544c92f857ac6308ab304dcbcfa6ce7153f6392f0eceb3557e7ecb5b96f5e4e903d982c2e1e658235973d9a99e74a210caeef197bba325260e8f84f
|
|
@@ -2,155 +2,47 @@
|
|
|
2
2
|
* angular-ui-bootstrap
|
|
3
3
|
* http://angular-ui.github.io/bootstrap/
|
|
4
4
|
|
|
5
|
-
* Version: 0.
|
|
5
|
+
* Version: 0.13.0 - 2015-05-02
|
|
6
6
|
* License: MIT
|
|
7
7
|
*/
|
|
8
|
-
angular.module("ui.bootstrap", ["ui.bootstrap.tpls", "ui.bootstrap.
|
|
9
|
-
angular.module("ui.bootstrap.tpls", ["template/accordion/accordion-group.html","template/accordion/accordion.html","template/alert/alert.html","template/carousel/carousel.html","template/carousel/slide.html","template/datepicker/datepicker.html","template/datepicker/day.html","template/datepicker/month.html","template/datepicker/popup.html","template/datepicker/year.html","template/modal/backdrop.html","template/modal/window.html","template/pagination/pager.html","template/pagination/pagination.html","template/tooltip/tooltip-html-unsafe-popup.html","template/tooltip/tooltip-popup.html","template/popover/popover.html","template/progressbar/bar.html","template/progressbar/progress.html","template/progressbar/progressbar.html","template/rating/rating.html","template/tabs/tab.html","template/tabs/tabset.html","template/timepicker/timepicker.html","template/typeahead/typeahead-match.html","template/typeahead/typeahead-popup.html"]);
|
|
10
|
-
angular.module('ui.bootstrap.
|
|
11
|
-
|
|
12
|
-
/**
|
|
13
|
-
* $transition service provides a consistent interface to trigger CSS 3 transitions and to be informed when they complete.
|
|
14
|
-
* @param {DOMElement} element The DOMElement that will be animated.
|
|
15
|
-
* @param {string|object|function} trigger The thing that will cause the transition to start:
|
|
16
|
-
* - As a string, it represents the css class to be added to the element.
|
|
17
|
-
* - As an object, it represents a hash of style attributes to be applied to the element.
|
|
18
|
-
* - As a function, it represents a function to be called that will cause the transition to occur.
|
|
19
|
-
* @return {Promise} A promise that is resolved when the transition finishes.
|
|
20
|
-
*/
|
|
21
|
-
.factory('$transition', ['$q', '$timeout', '$rootScope', function($q, $timeout, $rootScope) {
|
|
22
|
-
|
|
23
|
-
var $transition = function(element, trigger, options) {
|
|
24
|
-
options = options || {};
|
|
25
|
-
var deferred = $q.defer();
|
|
26
|
-
var endEventName = $transition[options.animation ? 'animationEndEventName' : 'transitionEndEventName'];
|
|
27
|
-
|
|
28
|
-
var transitionEndHandler = function(event) {
|
|
29
|
-
$rootScope.$apply(function() {
|
|
30
|
-
element.unbind(endEventName, transitionEndHandler);
|
|
31
|
-
deferred.resolve(element);
|
|
32
|
-
});
|
|
33
|
-
};
|
|
34
|
-
|
|
35
|
-
if (endEventName) {
|
|
36
|
-
element.bind(endEventName, transitionEndHandler);
|
|
37
|
-
}
|
|
38
|
-
|
|
39
|
-
// Wrap in a timeout to allow the browser time to update the DOM before the transition is to occur
|
|
40
|
-
$timeout(function() {
|
|
41
|
-
if ( angular.isString(trigger) ) {
|
|
42
|
-
element.addClass(trigger);
|
|
43
|
-
} else if ( angular.isFunction(trigger) ) {
|
|
44
|
-
trigger(element);
|
|
45
|
-
} else if ( angular.isObject(trigger) ) {
|
|
46
|
-
element.css(trigger);
|
|
47
|
-
}
|
|
48
|
-
//If browser does not support transitions, instantly resolve
|
|
49
|
-
if ( !endEventName ) {
|
|
50
|
-
deferred.resolve(element);
|
|
51
|
-
}
|
|
52
|
-
});
|
|
8
|
+
angular.module("ui.bootstrap", ["ui.bootstrap.tpls", "ui.bootstrap.collapse","ui.bootstrap.accordion","ui.bootstrap.alert","ui.bootstrap.bindHtml","ui.bootstrap.buttons","ui.bootstrap.carousel","ui.bootstrap.dateparser","ui.bootstrap.position","ui.bootstrap.datepicker","ui.bootstrap.dropdown","ui.bootstrap.modal","ui.bootstrap.pagination","ui.bootstrap.tooltip","ui.bootstrap.popover","ui.bootstrap.progressbar","ui.bootstrap.rating","ui.bootstrap.tabs","ui.bootstrap.timepicker","ui.bootstrap.transition","ui.bootstrap.typeahead"]);
|
|
9
|
+
angular.module("ui.bootstrap.tpls", ["template/accordion/accordion-group.html","template/accordion/accordion.html","template/alert/alert.html","template/carousel/carousel.html","template/carousel/slide.html","template/datepicker/datepicker.html","template/datepicker/day.html","template/datepicker/month.html","template/datepicker/popup.html","template/datepicker/year.html","template/modal/backdrop.html","template/modal/window.html","template/pagination/pager.html","template/pagination/pagination.html","template/tooltip/tooltip-html-popup.html","template/tooltip/tooltip-html-unsafe-popup.html","template/tooltip/tooltip-popup.html","template/tooltip/tooltip-template-popup.html","template/popover/popover-template.html","template/popover/popover.html","template/progressbar/bar.html","template/progressbar/progress.html","template/progressbar/progressbar.html","template/rating/rating.html","template/tabs/tab.html","template/tabs/tabset.html","template/timepicker/timepicker.html","template/typeahead/typeahead-match.html","template/typeahead/typeahead-popup.html"]);
|
|
10
|
+
angular.module('ui.bootstrap.collapse', [])
|
|
53
11
|
|
|
54
|
-
|
|
55
|
-
// We can call this if we are about to run a new transition, which we know will prevent this transition from ending,
|
|
56
|
-
// i.e. it will therefore never raise a transitionEnd event for that transition
|
|
57
|
-
deferred.promise.cancel = function() {
|
|
58
|
-
if ( endEventName ) {
|
|
59
|
-
element.unbind(endEventName, transitionEndHandler);
|
|
60
|
-
}
|
|
61
|
-
deferred.reject('Transition cancelled');
|
|
62
|
-
};
|
|
63
|
-
|
|
64
|
-
return deferred.promise;
|
|
65
|
-
};
|
|
66
|
-
|
|
67
|
-
// Work out the name of the transitionEnd event
|
|
68
|
-
var transElement = document.createElement('trans');
|
|
69
|
-
var transitionEndEventNames = {
|
|
70
|
-
'WebkitTransition': 'webkitTransitionEnd',
|
|
71
|
-
'MozTransition': 'transitionend',
|
|
72
|
-
'OTransition': 'oTransitionEnd',
|
|
73
|
-
'transition': 'transitionend'
|
|
74
|
-
};
|
|
75
|
-
var animationEndEventNames = {
|
|
76
|
-
'WebkitTransition': 'webkitAnimationEnd',
|
|
77
|
-
'MozTransition': 'animationend',
|
|
78
|
-
'OTransition': 'oAnimationEnd',
|
|
79
|
-
'transition': 'animationend'
|
|
80
|
-
};
|
|
81
|
-
function findEndEventName(endEventNames) {
|
|
82
|
-
for (var name in endEventNames){
|
|
83
|
-
if (transElement.style[name] !== undefined) {
|
|
84
|
-
return endEventNames[name];
|
|
85
|
-
}
|
|
86
|
-
}
|
|
87
|
-
}
|
|
88
|
-
$transition.transitionEndEventName = findEndEventName(transitionEndEventNames);
|
|
89
|
-
$transition.animationEndEventName = findEndEventName(animationEndEventNames);
|
|
90
|
-
return $transition;
|
|
91
|
-
}]);
|
|
92
|
-
|
|
93
|
-
angular.module('ui.bootstrap.collapse', ['ui.bootstrap.transition'])
|
|
94
|
-
|
|
95
|
-
.directive('collapse', ['$transition', function ($transition) {
|
|
12
|
+
.directive('collapse', ['$animate', function ($animate) {
|
|
96
13
|
|
|
97
14
|
return {
|
|
98
15
|
link: function (scope, element, attrs) {
|
|
99
|
-
|
|
100
|
-
var initialAnimSkip = true;
|
|
101
|
-
var currentTransition;
|
|
102
|
-
|
|
103
|
-
function doTransition(change) {
|
|
104
|
-
var newTransition = $transition(element, change);
|
|
105
|
-
if (currentTransition) {
|
|
106
|
-
currentTransition.cancel();
|
|
107
|
-
}
|
|
108
|
-
currentTransition = newTransition;
|
|
109
|
-
newTransition.then(newTransitionDone, newTransitionDone);
|
|
110
|
-
return newTransition;
|
|
111
|
-
|
|
112
|
-
function newTransitionDone() {
|
|
113
|
-
// Make sure it's this transition, otherwise, leave it alone.
|
|
114
|
-
if (currentTransition === newTransition) {
|
|
115
|
-
currentTransition = undefined;
|
|
116
|
-
}
|
|
117
|
-
}
|
|
118
|
-
}
|
|
119
|
-
|
|
120
16
|
function expand() {
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
}
|
|
125
|
-
element.removeClass('collapse').addClass('collapsing');
|
|
126
|
-
doTransition({ height: element[0].scrollHeight + 'px' }).then(expandDone);
|
|
127
|
-
}
|
|
17
|
+
element.removeClass('collapse').addClass('collapsing');
|
|
18
|
+
$animate.addClass(element, 'in', {
|
|
19
|
+
to: { height: element[0].scrollHeight + 'px' }
|
|
20
|
+
}).then(expandDone);
|
|
128
21
|
}
|
|
129
22
|
|
|
130
23
|
function expandDone() {
|
|
131
24
|
element.removeClass('collapsing');
|
|
132
|
-
element.addClass('collapse in');
|
|
133
25
|
element.css({height: 'auto'});
|
|
134
26
|
}
|
|
135
27
|
|
|
136
28
|
function collapse() {
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
//
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
}
|
|
29
|
+
element
|
|
30
|
+
// IMPORTANT: The height must be set before adding "collapsing" class.
|
|
31
|
+
// Otherwise, the browser attempts to animate from height 0 (in
|
|
32
|
+
// collapsing class) to the given height here.
|
|
33
|
+
.css({height: element[0].scrollHeight + 'px'})
|
|
34
|
+
// initially all panel collapse have the collapse class, this removal
|
|
35
|
+
// prevents the animation from jumping to collapsed state
|
|
36
|
+
.removeClass('collapse')
|
|
37
|
+
.addClass('collapsing');
|
|
38
|
+
|
|
39
|
+
$animate.removeClass(element, 'in', {
|
|
40
|
+
to: {height: '0'}
|
|
41
|
+
}).then(collapseDone);
|
|
151
42
|
}
|
|
152
43
|
|
|
153
44
|
function collapseDone() {
|
|
45
|
+
element.css({height: '0'}); // Required so that collapse works when animation is disabled
|
|
154
46
|
element.removeClass('collapsing');
|
|
155
47
|
element.addClass('collapse');
|
|
156
48
|
}
|
|
@@ -272,7 +164,7 @@ angular.module('ui.bootstrap.accordion', ['ui.bootstrap.collapse'])
|
|
|
272
164
|
// Pass the heading to the accordion-group controller
|
|
273
165
|
// so that it can be transcluded into the right place in the template
|
|
274
166
|
// [The second parameter to transclude causes the elements to be cloned so that they work in ng-repeat]
|
|
275
|
-
accordionGroupCtrl.setHeading(transclude(scope,
|
|
167
|
+
accordionGroupCtrl.setHeading(transclude(scope, angular.noop));
|
|
276
168
|
}
|
|
277
169
|
};
|
|
278
170
|
})
|
|
@@ -295,7 +187,9 @@ angular.module('ui.bootstrap.accordion', ['ui.bootstrap.collapse'])
|
|
|
295
187
|
});
|
|
296
188
|
}
|
|
297
189
|
};
|
|
298
|
-
})
|
|
190
|
+
})
|
|
191
|
+
|
|
192
|
+
;
|
|
299
193
|
|
|
300
194
|
angular.module('ui.bootstrap.alert', [])
|
|
301
195
|
|
|
@@ -422,8 +316,8 @@ angular.module('ui.bootstrap.buttons', [])
|
|
|
422
316
|
* AngularJS version of an image carousel.
|
|
423
317
|
*
|
|
424
318
|
*/
|
|
425
|
-
angular.module('ui.bootstrap.carousel', [
|
|
426
|
-
.controller('CarouselController', ['$scope', '$
|
|
319
|
+
angular.module('ui.bootstrap.carousel', [])
|
|
320
|
+
.controller('CarouselController', ['$scope', '$interval', '$animate', function ($scope, $interval, $animate) {
|
|
427
321
|
var self = this,
|
|
428
322
|
slides = self.slides = $scope.slides = [],
|
|
429
323
|
currentIndex = -1,
|
|
@@ -433,82 +327,76 @@ angular.module('ui.bootstrap.carousel', ['ui.bootstrap.transition'])
|
|
|
433
327
|
var destroyed = false;
|
|
434
328
|
/* direction: "prev" or "next" */
|
|
435
329
|
self.select = $scope.select = function(nextSlide, direction) {
|
|
436
|
-
var nextIndex =
|
|
330
|
+
var nextIndex = self.indexOfSlide(nextSlide);
|
|
437
331
|
//Decide direction if it's not given
|
|
438
332
|
if (direction === undefined) {
|
|
439
|
-
direction = nextIndex >
|
|
333
|
+
direction = nextIndex > self.getCurrentIndex() ? 'next' : 'prev';
|
|
440
334
|
}
|
|
441
335
|
if (nextSlide && nextSlide !== self.currentSlide) {
|
|
442
|
-
|
|
443
|
-
$scope.$currentTransition.cancel();
|
|
444
|
-
//Timeout so ng-class in template has time to fix classes for finished slide
|
|
445
|
-
$timeout(goNext);
|
|
446
|
-
} else {
|
|
447
|
-
goNext();
|
|
448
|
-
}
|
|
336
|
+
goNext();
|
|
449
337
|
}
|
|
450
338
|
function goNext() {
|
|
451
339
|
// Scope has been destroyed, stop here.
|
|
452
340
|
if (destroyed) { return; }
|
|
453
|
-
|
|
454
|
-
|
|
455
|
-
|
|
456
|
-
|
|
457
|
-
|
|
458
|
-
|
|
459
|
-
|
|
460
|
-
angular.forEach(slides, function(slide) {
|
|
461
|
-
angular.extend(slide, {direction: '', entering: false, leaving: false, active: false});
|
|
341
|
+
|
|
342
|
+
angular.extend(nextSlide, {direction: direction, active: true});
|
|
343
|
+
angular.extend(self.currentSlide || {}, {direction: direction, active: false});
|
|
344
|
+
if ($animate.enabled() && !$scope.noTransition && nextSlide.$element) {
|
|
345
|
+
$scope.$currentTransition = true;
|
|
346
|
+
nextSlide.$element.one('$animate:close', function closeFn() {
|
|
347
|
+
$scope.$currentTransition = null;
|
|
462
348
|
});
|
|
463
|
-
angular.extend(nextSlide, {direction: direction, active: true, entering: true});
|
|
464
|
-
angular.extend(self.currentSlide||{}, {direction: direction, leaving: true});
|
|
465
|
-
|
|
466
|
-
$scope.$currentTransition = $transition(nextSlide.$element, {});
|
|
467
|
-
//We have to create new pointers inside a closure since next & current will change
|
|
468
|
-
(function(next,current) {
|
|
469
|
-
$scope.$currentTransition.then(
|
|
470
|
-
function(){ transitionDone(next, current); },
|
|
471
|
-
function(){ transitionDone(next, current); }
|
|
472
|
-
);
|
|
473
|
-
}(nextSlide, self.currentSlide));
|
|
474
|
-
} else {
|
|
475
|
-
transitionDone(nextSlide, self.currentSlide);
|
|
476
349
|
}
|
|
350
|
+
|
|
477
351
|
self.currentSlide = nextSlide;
|
|
478
352
|
currentIndex = nextIndex;
|
|
479
353
|
//every time you change slides, reset the timer
|
|
480
354
|
restartTimer();
|
|
481
355
|
}
|
|
482
|
-
function transitionDone(next, current) {
|
|
483
|
-
angular.extend(next, {direction: '', active: true, leaving: false, entering: false});
|
|
484
|
-
angular.extend(current||{}, {direction: '', active: false, leaving: false, entering: false});
|
|
485
|
-
$scope.$currentTransition = null;
|
|
486
|
-
}
|
|
487
356
|
};
|
|
488
357
|
$scope.$on('$destroy', function () {
|
|
489
358
|
destroyed = true;
|
|
490
359
|
});
|
|
491
360
|
|
|
361
|
+
function getSlideByIndex(index) {
|
|
362
|
+
if (angular.isUndefined(slides[index].index)) {
|
|
363
|
+
return slides[index];
|
|
364
|
+
}
|
|
365
|
+
var i, len = slides.length;
|
|
366
|
+
for (i = 0; i < slides.length; ++i) {
|
|
367
|
+
if (slides[i].index == index) {
|
|
368
|
+
return slides[i];
|
|
369
|
+
}
|
|
370
|
+
}
|
|
371
|
+
}
|
|
372
|
+
|
|
373
|
+
self.getCurrentIndex = function() {
|
|
374
|
+
if (self.currentSlide && angular.isDefined(self.currentSlide.index)) {
|
|
375
|
+
return +self.currentSlide.index;
|
|
376
|
+
}
|
|
377
|
+
return currentIndex;
|
|
378
|
+
};
|
|
379
|
+
|
|
492
380
|
/* Allow outside people to call indexOf on slides array */
|
|
493
381
|
self.indexOfSlide = function(slide) {
|
|
494
|
-
return slides.indexOf(slide);
|
|
382
|
+
return angular.isDefined(slide.index) ? +slide.index : slides.indexOf(slide);
|
|
495
383
|
};
|
|
496
384
|
|
|
497
385
|
$scope.next = function() {
|
|
498
|
-
var newIndex = (
|
|
386
|
+
var newIndex = (self.getCurrentIndex() + 1) % slides.length;
|
|
499
387
|
|
|
500
388
|
//Prevent this user-triggered transition from occurring if there is already one in progress
|
|
501
389
|
if (!$scope.$currentTransition) {
|
|
502
|
-
return self.select(
|
|
390
|
+
return self.select(getSlideByIndex(newIndex), 'next');
|
|
503
391
|
}
|
|
504
392
|
};
|
|
505
393
|
|
|
506
394
|
$scope.prev = function() {
|
|
507
|
-
var newIndex =
|
|
395
|
+
var newIndex = self.getCurrentIndex() - 1 < 0 ? slides.length - 1 : self.getCurrentIndex() - 1;
|
|
508
396
|
|
|
509
397
|
//Prevent this user-triggered transition from occurring if there is already one in progress
|
|
510
398
|
if (!$scope.$currentTransition) {
|
|
511
|
-
return self.select(
|
|
399
|
+
return self.select(getSlideByIndex(newIndex), 'prev');
|
|
512
400
|
}
|
|
513
401
|
};
|
|
514
402
|
|
|
@@ -571,6 +459,11 @@ angular.module('ui.bootstrap.carousel', ['ui.bootstrap.transition'])
|
|
|
571
459
|
};
|
|
572
460
|
|
|
573
461
|
self.removeSlide = function(slide) {
|
|
462
|
+
if (angular.isDefined(slide.index)) {
|
|
463
|
+
slides.sort(function(a, b) {
|
|
464
|
+
return +a.index > +b.index;
|
|
465
|
+
});
|
|
466
|
+
}
|
|
574
467
|
//get the index of the slide inside the carousel
|
|
575
468
|
var index = slides.indexOf(slide);
|
|
576
469
|
slides.splice(index, 1);
|
|
@@ -650,13 +543,14 @@ angular.module('ui.bootstrap.carousel', ['ui.bootstrap.transition'])
|
|
|
650
543
|
* Creates a slide inside a {@link ui.bootstrap.carousel.directive:carousel carousel}. Must be placed as a child of a carousel element.
|
|
651
544
|
*
|
|
652
545
|
* @param {boolean=} active Model binding, whether or not this slide is currently active.
|
|
546
|
+
* @param {number=} index The index of the slide. The slides will be sorted by this parameter.
|
|
653
547
|
*
|
|
654
548
|
* @example
|
|
655
549
|
<example module="ui.bootstrap">
|
|
656
550
|
<file name="index.html">
|
|
657
551
|
<div ng-controller="CarouselDemoCtrl">
|
|
658
552
|
<carousel>
|
|
659
|
-
<slide ng-repeat="slide in slides" active="slide.active">
|
|
553
|
+
<slide ng-repeat="slide in slides" active="slide.active" index="$index">
|
|
660
554
|
<img ng-src="{{slide.image}}" style="margin:auto;">
|
|
661
555
|
<div class="carousel-caption">
|
|
662
556
|
<h4>Slide {{$index}}</h4>
|
|
@@ -690,7 +584,8 @@ function CarouselDemoCtrl($scope) {
|
|
|
690
584
|
replace: true,
|
|
691
585
|
templateUrl: 'template/carousel/slide.html',
|
|
692
586
|
scope: {
|
|
693
|
-
active: '=?'
|
|
587
|
+
active: '=?',
|
|
588
|
+
index: '=?'
|
|
694
589
|
},
|
|
695
590
|
link: function (scope, element, attrs, carouselCtrl) {
|
|
696
591
|
carouselCtrl.addSlide(scope, element);
|
|
@@ -706,11 +601,64 @@ function CarouselDemoCtrl($scope) {
|
|
|
706
601
|
});
|
|
707
602
|
}
|
|
708
603
|
};
|
|
709
|
-
})
|
|
604
|
+
})
|
|
605
|
+
|
|
606
|
+
.animation('.item', [
|
|
607
|
+
'$animate',
|
|
608
|
+
function ($animate) {
|
|
609
|
+
return {
|
|
610
|
+
beforeAddClass: function (element, className, done) {
|
|
611
|
+
// Due to transclusion, noTransition property is on parent's scope
|
|
612
|
+
if (className == 'active' && element.parent() &&
|
|
613
|
+
!element.parent().scope().noTransition) {
|
|
614
|
+
var stopped = false;
|
|
615
|
+
var direction = element.isolateScope().direction;
|
|
616
|
+
var directionClass = direction == 'next' ? 'left' : 'right';
|
|
617
|
+
element.addClass(direction);
|
|
618
|
+
$animate.addClass(element, directionClass).then(function () {
|
|
619
|
+
if (!stopped) {
|
|
620
|
+
element.removeClass(directionClass + ' ' + direction);
|
|
621
|
+
}
|
|
622
|
+
done();
|
|
623
|
+
});
|
|
624
|
+
|
|
625
|
+
return function () {
|
|
626
|
+
stopped = true;
|
|
627
|
+
};
|
|
628
|
+
}
|
|
629
|
+
done();
|
|
630
|
+
},
|
|
631
|
+
beforeRemoveClass: function (element, className, done) {
|
|
632
|
+
// Due to transclusion, noTransition property is on parent's scope
|
|
633
|
+
if (className == 'active' && element.parent() &&
|
|
634
|
+
!element.parent().scope().noTransition) {
|
|
635
|
+
var stopped = false;
|
|
636
|
+
var direction = element.isolateScope().direction;
|
|
637
|
+
var directionClass = direction == 'next' ? 'left' : 'right';
|
|
638
|
+
$animate.addClass(element, directionClass).then(function () {
|
|
639
|
+
if (!stopped) {
|
|
640
|
+
element.removeClass(directionClass);
|
|
641
|
+
}
|
|
642
|
+
done();
|
|
643
|
+
});
|
|
644
|
+
return function () {
|
|
645
|
+
stopped = true;
|
|
646
|
+
};
|
|
647
|
+
}
|
|
648
|
+
done();
|
|
649
|
+
}
|
|
650
|
+
};
|
|
651
|
+
|
|
652
|
+
}])
|
|
653
|
+
|
|
654
|
+
|
|
655
|
+
;
|
|
710
656
|
|
|
711
657
|
angular.module('ui.bootstrap.dateparser', [])
|
|
712
658
|
|
|
713
659
|
.service('dateParser', ['$locale', 'orderByFilter', function($locale, orderByFilter) {
|
|
660
|
+
// Pulled from https://github.com/mbostock/d3/blob/master/src/format/requote.js
|
|
661
|
+
var SPECIAL_CHARACTERS_REGEXP = /[\\\^\$\*\+\?\|\[\]\(\)\.\{\}]/g;
|
|
714
662
|
|
|
715
663
|
this.parsers = {};
|
|
716
664
|
|
|
@@ -756,6 +704,34 @@ angular.module('ui.bootstrap.dateparser', [])
|
|
|
756
704
|
},
|
|
757
705
|
'EEE': {
|
|
758
706
|
regex: $locale.DATETIME_FORMATS.SHORTDAY.join('|')
|
|
707
|
+
},
|
|
708
|
+
'HH': {
|
|
709
|
+
regex: '(?:0|1)[0-9]|2[0-3]',
|
|
710
|
+
apply: function(value) { this.hours = +value; }
|
|
711
|
+
},
|
|
712
|
+
'H': {
|
|
713
|
+
regex: '1?[0-9]|2[0-3]',
|
|
714
|
+
apply: function(value) { this.hours = +value; }
|
|
715
|
+
},
|
|
716
|
+
'mm': {
|
|
717
|
+
regex: '[0-5][0-9]',
|
|
718
|
+
apply: function(value) { this.minutes = +value; }
|
|
719
|
+
},
|
|
720
|
+
'm': {
|
|
721
|
+
regex: '[0-9]|[1-5][0-9]',
|
|
722
|
+
apply: function(value) { this.minutes = +value; }
|
|
723
|
+
},
|
|
724
|
+
'sss': {
|
|
725
|
+
regex: '[0-9][0-9][0-9]',
|
|
726
|
+
apply: function(value) { this.milliseconds = +value; }
|
|
727
|
+
},
|
|
728
|
+
'ss': {
|
|
729
|
+
regex: '[0-5][0-9]',
|
|
730
|
+
apply: function(value) { this.seconds = +value; }
|
|
731
|
+
},
|
|
732
|
+
's': {
|
|
733
|
+
regex: '[0-9]|[1-5][0-9]',
|
|
734
|
+
apply: function(value) { this.seconds = +value; }
|
|
759
735
|
}
|
|
760
736
|
};
|
|
761
737
|
|
|
@@ -786,12 +762,13 @@ angular.module('ui.bootstrap.dateparser', [])
|
|
|
786
762
|
};
|
|
787
763
|
}
|
|
788
764
|
|
|
789
|
-
this.parse = function(input, format) {
|
|
765
|
+
this.parse = function(input, format, baseDate) {
|
|
790
766
|
if ( !angular.isString(input) || !format ) {
|
|
791
767
|
return input;
|
|
792
768
|
}
|
|
793
769
|
|
|
794
770
|
format = $locale.DATETIME_FORMATS[format] || format;
|
|
771
|
+
format = format.replace(SPECIAL_CHARACTERS_REGEXP, '\\$&');
|
|
795
772
|
|
|
796
773
|
if ( !this.parsers[format] ) {
|
|
797
774
|
this.parsers[format] = createParser(format);
|
|
@@ -803,7 +780,20 @@ angular.module('ui.bootstrap.dateparser', [])
|
|
|
803
780
|
results = input.match(regex);
|
|
804
781
|
|
|
805
782
|
if ( results && results.length ) {
|
|
806
|
-
var fields
|
|
783
|
+
var fields, dt;
|
|
784
|
+
if (baseDate) {
|
|
785
|
+
fields = {
|
|
786
|
+
year: baseDate.getFullYear(),
|
|
787
|
+
month: baseDate.getMonth(),
|
|
788
|
+
date: baseDate.getDate(),
|
|
789
|
+
hours: baseDate.getHours(),
|
|
790
|
+
minutes: baseDate.getMinutes(),
|
|
791
|
+
seconds: baseDate.getSeconds(),
|
|
792
|
+
milliseconds: baseDate.getMilliseconds()
|
|
793
|
+
};
|
|
794
|
+
} else {
|
|
795
|
+
fields = { year: 1900, month: 0, date: 1, hours: 0, minutes: 0, seconds: 0, milliseconds: 0 };
|
|
796
|
+
}
|
|
807
797
|
|
|
808
798
|
for( var i = 1, n = results.length; i < n; i++ ) {
|
|
809
799
|
var mapper = map[i-1];
|
|
@@ -813,7 +803,8 @@ angular.module('ui.bootstrap.dateparser', [])
|
|
|
813
803
|
}
|
|
814
804
|
|
|
815
805
|
if ( isValid(fields.year, fields.month, fields.date) ) {
|
|
816
|
-
dt = new Date(
|
|
806
|
+
dt = new Date(fields.year, fields.month, fields.date, fields.hours, fields.minutes, fields.seconds,
|
|
807
|
+
fields.milliseconds || 0);
|
|
817
808
|
}
|
|
818
809
|
|
|
819
810
|
return dt;
|
|
@@ -823,6 +814,10 @@ angular.module('ui.bootstrap.dateparser', [])
|
|
|
823
814
|
// Check if date is valid for specific month (and year for February).
|
|
824
815
|
// Month: 0 = Jan, 1 = Feb, etc
|
|
825
816
|
function isValid(year, month, date) {
|
|
817
|
+
if (date < 1) {
|
|
818
|
+
return false;
|
|
819
|
+
}
|
|
820
|
+
|
|
826
821
|
if ( month === 1 && date > 28) {
|
|
827
822
|
return date === 29 && ((year % 4 === 0 && year % 100 !== 0) || year % 400 === 0);
|
|
828
823
|
}
|
|
@@ -1004,7 +999,8 @@ angular.module('ui.bootstrap.datepicker', ['ui.bootstrap.dateparser', 'ui.bootst
|
|
|
1004
999
|
startingDay: 0,
|
|
1005
1000
|
yearRange: 20,
|
|
1006
1001
|
minDate: null,
|
|
1007
|
-
maxDate: null
|
|
1002
|
+
maxDate: null,
|
|
1003
|
+
shortcutPropagation: false
|
|
1008
1004
|
})
|
|
1009
1005
|
|
|
1010
1006
|
.controller('DatepickerController', ['$scope', '$attrs', '$parse', '$interpolate', '$timeout', '$log', 'dateFilter', 'datepickerConfig', function($scope, $attrs, $parse, $interpolate, $timeout, $log, dateFilter, datepickerConfig) {
|
|
@@ -1016,7 +1012,7 @@ angular.module('ui.bootstrap.datepicker', ['ui.bootstrap.dateparser', 'ui.bootst
|
|
|
1016
1012
|
|
|
1017
1013
|
// Configuration attributes
|
|
1018
1014
|
angular.forEach(['formatDay', 'formatMonth', 'formatYear', 'formatDayHeader', 'formatDayTitle', 'formatMonthTitle',
|
|
1019
|
-
'minMode', 'maxMode', 'showWeeks', 'startingDay', 'yearRange'], function( key, index ) {
|
|
1015
|
+
'minMode', 'maxMode', 'showWeeks', 'startingDay', 'yearRange', 'shortcutPropagation'], function( key, index ) {
|
|
1020
1016
|
self[key] = angular.isDefined($attrs[key]) ? (index < 8 ? $interpolate($attrs[key])($scope.$parent) : $scope.$parent.$eval($attrs[key])) : datepickerConfig[key];
|
|
1021
1017
|
});
|
|
1022
1018
|
|
|
@@ -1033,8 +1029,20 @@ angular.module('ui.bootstrap.datepicker', ['ui.bootstrap.dateparser', 'ui.bootst
|
|
|
1033
1029
|
});
|
|
1034
1030
|
|
|
1035
1031
|
$scope.datepickerMode = $scope.datepickerMode || datepickerConfig.datepickerMode;
|
|
1032
|
+
$scope.maxMode = self.maxMode;
|
|
1036
1033
|
$scope.uniqueId = 'datepicker-' + $scope.$id + '-' + Math.floor(Math.random() * 10000);
|
|
1037
|
-
|
|
1034
|
+
|
|
1035
|
+
if(angular.isDefined($attrs.initDate)) {
|
|
1036
|
+
this.activeDate = $scope.$parent.$eval($attrs.initDate) || new Date();
|
|
1037
|
+
$scope.$parent.$watch($attrs.initDate, function(initDate){
|
|
1038
|
+
if(initDate && (ngModelCtrl.$isEmpty(ngModelCtrl.$modelValue) || ngModelCtrl.$invalid)){
|
|
1039
|
+
self.activeDate = initDate;
|
|
1040
|
+
self.refreshView();
|
|
1041
|
+
}
|
|
1042
|
+
});
|
|
1043
|
+
} else {
|
|
1044
|
+
this.activeDate = new Date();
|
|
1045
|
+
}
|
|
1038
1046
|
|
|
1039
1047
|
$scope.isActive = function(dateObject) {
|
|
1040
1048
|
if (self.compare(dateObject.date, self.activeDate) === 0) {
|
|
@@ -1053,8 +1061,8 @@ angular.module('ui.bootstrap.datepicker', ['ui.bootstrap.dateparser', 'ui.bootst
|
|
|
1053
1061
|
};
|
|
1054
1062
|
|
|
1055
1063
|
this.render = function() {
|
|
1056
|
-
if ( ngModelCtrl.$
|
|
1057
|
-
var date = new Date( ngModelCtrl.$
|
|
1064
|
+
if ( ngModelCtrl.$viewValue ) {
|
|
1065
|
+
var date = new Date( ngModelCtrl.$viewValue ),
|
|
1058
1066
|
isValid = !isNaN(date);
|
|
1059
1067
|
|
|
1060
1068
|
if ( isValid ) {
|
|
@@ -1071,19 +1079,20 @@ angular.module('ui.bootstrap.datepicker', ['ui.bootstrap.dateparser', 'ui.bootst
|
|
|
1071
1079
|
if ( this.element ) {
|
|
1072
1080
|
this._refreshView();
|
|
1073
1081
|
|
|
1074
|
-
var date = ngModelCtrl.$
|
|
1082
|
+
var date = ngModelCtrl.$viewValue ? new Date(ngModelCtrl.$viewValue) : null;
|
|
1075
1083
|
ngModelCtrl.$setValidity('date-disabled', !date || (this.element && !this.isDisabled(date)));
|
|
1076
1084
|
}
|
|
1077
1085
|
};
|
|
1078
1086
|
|
|
1079
1087
|
this.createDateObject = function(date, format) {
|
|
1080
|
-
var model = ngModelCtrl.$
|
|
1088
|
+
var model = ngModelCtrl.$viewValue ? new Date(ngModelCtrl.$viewValue) : null;
|
|
1081
1089
|
return {
|
|
1082
1090
|
date: date,
|
|
1083
1091
|
label: dateFilter(date, format),
|
|
1084
1092
|
selected: model && this.compare(date, model) === 0,
|
|
1085
1093
|
disabled: this.isDisabled(date),
|
|
1086
|
-
current: this.compare(date, new Date()) === 0
|
|
1094
|
+
current: this.compare(date, new Date()) === 0,
|
|
1095
|
+
customClass: this.customClass(date)
|
|
1087
1096
|
};
|
|
1088
1097
|
};
|
|
1089
1098
|
|
|
@@ -1091,6 +1100,10 @@ angular.module('ui.bootstrap.datepicker', ['ui.bootstrap.dateparser', 'ui.bootst
|
|
|
1091
1100
|
return ((this.minDate && this.compare(date, this.minDate) < 0) || (this.maxDate && this.compare(date, this.maxDate) > 0) || ($attrs.dateDisabled && $scope.dateDisabled({date: date, mode: $scope.datepickerMode})));
|
|
1092
1101
|
};
|
|
1093
1102
|
|
|
1103
|
+
this.customClass = function( date ) {
|
|
1104
|
+
return $scope.customClass({date: date, mode: $scope.datepickerMode});
|
|
1105
|
+
};
|
|
1106
|
+
|
|
1094
1107
|
// Split array into smaller arrays
|
|
1095
1108
|
this.split = function(arr, size) {
|
|
1096
1109
|
var arrays = [];
|
|
@@ -1102,7 +1115,7 @@ angular.module('ui.bootstrap.datepicker', ['ui.bootstrap.dateparser', 'ui.bootst
|
|
|
1102
1115
|
|
|
1103
1116
|
$scope.select = function( date ) {
|
|
1104
1117
|
if ( $scope.datepickerMode === self.minMode ) {
|
|
1105
|
-
var dt = ngModelCtrl.$
|
|
1118
|
+
var dt = ngModelCtrl.$viewValue ? new Date( ngModelCtrl.$viewValue ) : new Date(0, 0, 0, 0, 0, 0, 0);
|
|
1106
1119
|
dt.setFullYear( date.getFullYear(), date.getMonth(), date.getDate() );
|
|
1107
1120
|
ngModelCtrl.$setViewValue( dt );
|
|
1108
1121
|
ngModelCtrl.$render();
|
|
@@ -1149,7 +1162,9 @@ angular.module('ui.bootstrap.datepicker', ['ui.bootstrap.dateparser', 'ui.bootst
|
|
|
1149
1162
|
}
|
|
1150
1163
|
|
|
1151
1164
|
evt.preventDefault();
|
|
1152
|
-
|
|
1165
|
+
if(!self.shortcutPropagation){
|
|
1166
|
+
evt.stopPropagation();
|
|
1167
|
+
}
|
|
1153
1168
|
|
|
1154
1169
|
if (key === 'enter' || key === 'space') {
|
|
1155
1170
|
if ( self.isDisabled(self.activeDate)) {
|
|
@@ -1174,7 +1189,9 @@ angular.module('ui.bootstrap.datepicker', ['ui.bootstrap.dateparser', 'ui.bootst
|
|
|
1174
1189
|
templateUrl: 'template/datepicker/datepicker.html',
|
|
1175
1190
|
scope: {
|
|
1176
1191
|
datepickerMode: '=?',
|
|
1177
|
-
dateDisabled: '&'
|
|
1192
|
+
dateDisabled: '&',
|
|
1193
|
+
customClass: '&',
|
|
1194
|
+
shortcutPropagation: '&?'
|
|
1178
1195
|
},
|
|
1179
1196
|
require: ['datepicker', '?^ngModel'],
|
|
1180
1197
|
controller: 'DatepickerController',
|
|
@@ -1249,9 +1266,12 @@ angular.module('ui.bootstrap.datepicker', ['ui.bootstrap.dateparser', 'ui.bootst
|
|
|
1249
1266
|
|
|
1250
1267
|
if ( scope.showWeeks ) {
|
|
1251
1268
|
scope.weekNumbers = [];
|
|
1252
|
-
var
|
|
1269
|
+
var thursdayIndex = (4 + 7 - ctrl.startingDay) % 7,
|
|
1253
1270
|
numWeeks = scope.rows.length;
|
|
1254
|
-
|
|
1271
|
+
for (var curWeek = 0; curWeek < numWeeks; curWeek++) {
|
|
1272
|
+
scope.weekNumbers.push(
|
|
1273
|
+
getISO8601WeekNumber( scope.rows[curWeek][thursdayIndex].date ));
|
|
1274
|
+
}
|
|
1255
1275
|
}
|
|
1256
1276
|
};
|
|
1257
1277
|
|
|
@@ -1412,6 +1432,11 @@ angular.module('ui.bootstrap.datepicker', ['ui.bootstrap.dateparser', 'ui.bootst
|
|
|
1412
1432
|
|
|
1413
1433
|
.constant('datepickerPopupConfig', {
|
|
1414
1434
|
datepickerPopup: 'yyyy-MM-dd',
|
|
1435
|
+
html5Types: {
|
|
1436
|
+
date: 'yyyy-MM-dd',
|
|
1437
|
+
'datetime-local': 'yyyy-MM-ddTHH:mm:ss.sss',
|
|
1438
|
+
'month': 'yyyy-MM'
|
|
1439
|
+
},
|
|
1415
1440
|
currentText: 'Today',
|
|
1416
1441
|
clearText: 'Clear',
|
|
1417
1442
|
closeText: 'Done',
|
|
@@ -1430,7 +1455,8 @@ function ($compile, $parse, $document, $position, dateFilter, dateParser, datepi
|
|
|
1430
1455
|
currentText: '@',
|
|
1431
1456
|
clearText: '@',
|
|
1432
1457
|
closeText: '@',
|
|
1433
|
-
dateDisabled: '&'
|
|
1458
|
+
dateDisabled: '&',
|
|
1459
|
+
customClass: '&'
|
|
1434
1460
|
},
|
|
1435
1461
|
link: function(scope, element, attrs, ngModel) {
|
|
1436
1462
|
var dateFormat,
|
|
@@ -1443,10 +1469,34 @@ function ($compile, $parse, $document, $position, dateFilter, dateParser, datepi
|
|
|
1443
1469
|
return scope[key + 'Text'] || datepickerPopupConfig[key + 'Text'];
|
|
1444
1470
|
};
|
|
1445
1471
|
|
|
1446
|
-
|
|
1447
|
-
|
|
1448
|
-
|
|
1449
|
-
|
|
1472
|
+
var isHtml5DateInput = false;
|
|
1473
|
+
if (datepickerPopupConfig.html5Types[attrs.type]) {
|
|
1474
|
+
dateFormat = datepickerPopupConfig.html5Types[attrs.type];
|
|
1475
|
+
isHtml5DateInput = true;
|
|
1476
|
+
} else {
|
|
1477
|
+
dateFormat = attrs.datepickerPopup || datepickerPopupConfig.datepickerPopup;
|
|
1478
|
+
attrs.$observe('datepickerPopup', function(value, oldValue) {
|
|
1479
|
+
var newDateFormat = value || datepickerPopupConfig.datepickerPopup;
|
|
1480
|
+
// Invalidate the $modelValue to ensure that formatters re-run
|
|
1481
|
+
// FIXME: Refactor when PR is merged: https://github.com/angular/angular.js/pull/10764
|
|
1482
|
+
if (newDateFormat !== dateFormat) {
|
|
1483
|
+
dateFormat = newDateFormat;
|
|
1484
|
+
ngModel.$modelValue = null;
|
|
1485
|
+
|
|
1486
|
+
if (!dateFormat) {
|
|
1487
|
+
throw new Error('datepickerPopup must have a date format specified.');
|
|
1488
|
+
}
|
|
1489
|
+
}
|
|
1490
|
+
});
|
|
1491
|
+
}
|
|
1492
|
+
|
|
1493
|
+
if (!dateFormat) {
|
|
1494
|
+
throw new Error('datepickerPopup must have a date format specified.');
|
|
1495
|
+
}
|
|
1496
|
+
|
|
1497
|
+
if (isHtml5DateInput && attrs.datepickerPopup) {
|
|
1498
|
+
throw new Error('HTML5 date input types do not support custom formats.');
|
|
1499
|
+
}
|
|
1450
1500
|
|
|
1451
1501
|
// popup element used to display calendar
|
|
1452
1502
|
var popupEl = angular.element('<div datepicker-popup-wrap><div datepicker></div></div>');
|
|
@@ -1461,14 +1511,27 @@ function ($compile, $parse, $document, $position, dateFilter, dateParser, datepi
|
|
|
1461
1511
|
|
|
1462
1512
|
// datepicker element
|
|
1463
1513
|
var datepickerEl = angular.element(popupEl.children()[0]);
|
|
1514
|
+
if (isHtml5DateInput) {
|
|
1515
|
+
if (attrs.type == 'month') {
|
|
1516
|
+
datepickerEl.attr('datepicker-mode', '"month"');
|
|
1517
|
+
datepickerEl.attr('min-mode', 'month');
|
|
1518
|
+
}
|
|
1519
|
+
}
|
|
1520
|
+
|
|
1464
1521
|
if ( attrs.datepickerOptions ) {
|
|
1465
|
-
|
|
1522
|
+
var options = scope.$parent.$eval(attrs.datepickerOptions);
|
|
1523
|
+
if(options.initDate) {
|
|
1524
|
+
scope.initDate = options.initDate;
|
|
1525
|
+
datepickerEl.attr( 'init-date', 'initDate' );
|
|
1526
|
+
delete options.initDate;
|
|
1527
|
+
}
|
|
1528
|
+
angular.forEach(options, function( value, option ) {
|
|
1466
1529
|
datepickerEl.attr( cameltoDash(option), value );
|
|
1467
1530
|
});
|
|
1468
1531
|
}
|
|
1469
1532
|
|
|
1470
1533
|
scope.watchData = {};
|
|
1471
|
-
angular.forEach(['minDate', 'maxDate', 'datepickerMode'], function( key ) {
|
|
1534
|
+
angular.forEach(['minDate', 'maxDate', 'datepickerMode', 'initDate', 'shortcutPropagation'], function( key ) {
|
|
1472
1535
|
if ( attrs[key] ) {
|
|
1473
1536
|
var getAttribute = $parse(attrs[key]);
|
|
1474
1537
|
scope.$parent.$watch(getAttribute, function(value){
|
|
@@ -1491,36 +1554,78 @@ function ($compile, $parse, $document, $position, dateFilter, dateParser, datepi
|
|
|
1491
1554
|
datepickerEl.attr('date-disabled', 'dateDisabled({ date: date, mode: mode })');
|
|
1492
1555
|
}
|
|
1493
1556
|
|
|
1557
|
+
if (attrs.showWeeks) {
|
|
1558
|
+
datepickerEl.attr('show-weeks', attrs.showWeeks);
|
|
1559
|
+
}
|
|
1560
|
+
|
|
1561
|
+
if (attrs.customClass){
|
|
1562
|
+
datepickerEl.attr('custom-class', 'customClass({ date: date, mode: mode })');
|
|
1563
|
+
}
|
|
1564
|
+
|
|
1494
1565
|
function parseDate(viewValue) {
|
|
1566
|
+
if (angular.isNumber(viewValue)) {
|
|
1567
|
+
// presumably timestamp to date object
|
|
1568
|
+
viewValue = new Date(viewValue);
|
|
1569
|
+
}
|
|
1570
|
+
|
|
1495
1571
|
if (!viewValue) {
|
|
1496
|
-
ngModel.$setValidity('date', true);
|
|
1497
1572
|
return null;
|
|
1498
1573
|
} else if (angular.isDate(viewValue) && !isNaN(viewValue)) {
|
|
1499
|
-
ngModel.$setValidity('date', true);
|
|
1500
1574
|
return viewValue;
|
|
1501
1575
|
} else if (angular.isString(viewValue)) {
|
|
1502
|
-
var date = dateParser.parse(viewValue, dateFormat) || new Date(viewValue);
|
|
1576
|
+
var date = dateParser.parse(viewValue, dateFormat, scope.date) || new Date(viewValue);
|
|
1503
1577
|
if (isNaN(date)) {
|
|
1504
|
-
ngModel.$setValidity('date', false);
|
|
1505
1578
|
return undefined;
|
|
1506
1579
|
} else {
|
|
1507
|
-
ngModel.$setValidity('date', true);
|
|
1508
1580
|
return date;
|
|
1509
1581
|
}
|
|
1510
1582
|
} else {
|
|
1511
|
-
ngModel.$setValidity('date', false);
|
|
1512
1583
|
return undefined;
|
|
1513
1584
|
}
|
|
1514
1585
|
}
|
|
1515
|
-
|
|
1586
|
+
|
|
1587
|
+
function validator(modelValue, viewValue) {
|
|
1588
|
+
var value = modelValue || viewValue;
|
|
1589
|
+
if (angular.isNumber(value)) {
|
|
1590
|
+
value = new Date(value);
|
|
1591
|
+
}
|
|
1592
|
+
if (!value) {
|
|
1593
|
+
return true;
|
|
1594
|
+
} else if (angular.isDate(value) && !isNaN(value)) {
|
|
1595
|
+
return true;
|
|
1596
|
+
} else if (angular.isString(value)) {
|
|
1597
|
+
var date = dateParser.parse(value, dateFormat) || new Date(value);
|
|
1598
|
+
return !isNaN(date);
|
|
1599
|
+
} else {
|
|
1600
|
+
return false;
|
|
1601
|
+
}
|
|
1602
|
+
}
|
|
1603
|
+
|
|
1604
|
+
if (!isHtml5DateInput) {
|
|
1605
|
+
// Internal API to maintain the correct ng-invalid-[key] class
|
|
1606
|
+
ngModel.$$parserName = 'date';
|
|
1607
|
+
ngModel.$validators.date = validator;
|
|
1608
|
+
ngModel.$parsers.unshift(parseDate);
|
|
1609
|
+
ngModel.$formatters.push(function (value) {
|
|
1610
|
+
scope.date = value;
|
|
1611
|
+
return ngModel.$isEmpty(value) ? value : dateFilter(value, dateFormat);
|
|
1612
|
+
});
|
|
1613
|
+
}
|
|
1614
|
+
else {
|
|
1615
|
+
ngModel.$formatters.push(function (value) {
|
|
1616
|
+
scope.date = value;
|
|
1617
|
+
return value;
|
|
1618
|
+
});
|
|
1619
|
+
}
|
|
1516
1620
|
|
|
1517
1621
|
// Inner change
|
|
1518
1622
|
scope.dateSelection = function(dt) {
|
|
1519
1623
|
if (angular.isDefined(dt)) {
|
|
1520
1624
|
scope.date = dt;
|
|
1521
1625
|
}
|
|
1522
|
-
|
|
1523
|
-
|
|
1626
|
+
var date = scope.date ? dateFilter(scope.date, dateFormat) : '';
|
|
1627
|
+
element.val(date);
|
|
1628
|
+
ngModel.$setViewValue(date);
|
|
1524
1629
|
|
|
1525
1630
|
if ( closeOnDateSelection ) {
|
|
1526
1631
|
scope.isOpen = false;
|
|
@@ -1528,19 +1633,11 @@ function ($compile, $parse, $document, $position, dateFilter, dateParser, datepi
|
|
|
1528
1633
|
}
|
|
1529
1634
|
};
|
|
1530
1635
|
|
|
1531
|
-
|
|
1532
|
-
|
|
1533
|
-
|
|
1534
|
-
});
|
|
1636
|
+
// Detect changes in the view from the text box
|
|
1637
|
+
ngModel.$viewChangeListeners.push(function () {
|
|
1638
|
+
scope.date = dateParser.parse(ngModel.$viewValue, dateFormat, scope.date) || new Date(ngModel.$viewValue);
|
|
1535
1639
|
});
|
|
1536
1640
|
|
|
1537
|
-
// Outter change
|
|
1538
|
-
ngModel.$render = function() {
|
|
1539
|
-
var date = ngModel.$viewValue ? dateFilter(ngModel.$viewValue, dateFormat) : '';
|
|
1540
|
-
element.val(date);
|
|
1541
|
-
scope.date = parseDate( ngModel.$modelValue );
|
|
1542
|
-
};
|
|
1543
|
-
|
|
1544
1641
|
var documentClickBind = function(event) {
|
|
1545
1642
|
if (scope.isOpen && event.target !== element[0]) {
|
|
1546
1643
|
scope.$apply(function() {
|
|
@@ -1557,7 +1654,9 @@ function ($compile, $parse, $document, $position, dateFilter, dateParser, datepi
|
|
|
1557
1654
|
scope.keydown = function(evt) {
|
|
1558
1655
|
if (evt.which === 27) {
|
|
1559
1656
|
evt.preventDefault();
|
|
1560
|
-
|
|
1657
|
+
if (scope.isOpen) {
|
|
1658
|
+
evt.stopPropagation();
|
|
1659
|
+
}
|
|
1561
1660
|
scope.close();
|
|
1562
1661
|
} else if (evt.which === 40 && !scope.isOpen) {
|
|
1563
1662
|
scope.isOpen = true;
|
|
@@ -1579,8 +1678,8 @@ function ($compile, $parse, $document, $position, dateFilter, dateParser, datepi
|
|
|
1579
1678
|
scope.select = function( date ) {
|
|
1580
1679
|
if (date === 'today') {
|
|
1581
1680
|
var today = new Date();
|
|
1582
|
-
if (angular.isDate(
|
|
1583
|
-
date = new Date(
|
|
1681
|
+
if (angular.isDate(scope.date)) {
|
|
1682
|
+
date = new Date(scope.date);
|
|
1584
1683
|
date.setFullYear(today.getFullYear(), today.getMonth(), today.getDate());
|
|
1585
1684
|
} else {
|
|
1586
1685
|
date = new Date(today.setHours(0, 0, 0, 0));
|
|
@@ -1628,13 +1727,13 @@ function ($compile, $parse, $document, $position, dateFilter, dateParser, datepi
|
|
|
1628
1727
|
};
|
|
1629
1728
|
});
|
|
1630
1729
|
|
|
1631
|
-
angular.module('ui.bootstrap.dropdown', [])
|
|
1730
|
+
angular.module('ui.bootstrap.dropdown', ['ui.bootstrap.position'])
|
|
1632
1731
|
|
|
1633
1732
|
.constant('dropdownConfig', {
|
|
1634
1733
|
openClass: 'open'
|
|
1635
1734
|
})
|
|
1636
1735
|
|
|
1637
|
-
.service('dropdownService', ['$document', function($document) {
|
|
1736
|
+
.service('dropdownService', ['$document', '$rootScope', function($document, $rootScope) {
|
|
1638
1737
|
var openScope = null;
|
|
1639
1738
|
|
|
1640
1739
|
this.open = function( dropdownScope ) {
|
|
@@ -1663,14 +1762,23 @@ angular.module('ui.bootstrap.dropdown', [])
|
|
|
1663
1762
|
// unbound this event handler. So check openScope before proceeding.
|
|
1664
1763
|
if (!openScope) { return; }
|
|
1665
1764
|
|
|
1765
|
+
if( evt && openScope.getAutoClose() === 'disabled' ) { return ; }
|
|
1766
|
+
|
|
1666
1767
|
var toggleElement = openScope.getToggleElement();
|
|
1667
1768
|
if ( evt && toggleElement && toggleElement[0].contains(evt.target) ) {
|
|
1668
1769
|
return;
|
|
1669
1770
|
}
|
|
1670
1771
|
|
|
1671
|
-
openScope
|
|
1672
|
-
|
|
1673
|
-
|
|
1772
|
+
var $element = openScope.getElement();
|
|
1773
|
+
if( evt && openScope.getAutoClose() === 'outsideClick' && $element && $element[0].contains(evt.target) ) {
|
|
1774
|
+
return;
|
|
1775
|
+
}
|
|
1776
|
+
|
|
1777
|
+
openScope.isOpen = false;
|
|
1778
|
+
|
|
1779
|
+
if (!$rootScope.$$phase) {
|
|
1780
|
+
openScope.$apply();
|
|
1781
|
+
}
|
|
1674
1782
|
};
|
|
1675
1783
|
|
|
1676
1784
|
var escapeKeyBind = function( evt ) {
|
|
@@ -1681,13 +1789,14 @@ angular.module('ui.bootstrap.dropdown', [])
|
|
|
1681
1789
|
};
|
|
1682
1790
|
}])
|
|
1683
1791
|
|
|
1684
|
-
.controller('DropdownController', ['$scope', '$attrs', '$parse', 'dropdownConfig', 'dropdownService', '$animate', function($scope, $attrs, $parse, dropdownConfig, dropdownService, $animate) {
|
|
1792
|
+
.controller('DropdownController', ['$scope', '$attrs', '$parse', 'dropdownConfig', 'dropdownService', '$animate', '$position', '$document', function($scope, $attrs, $parse, dropdownConfig, dropdownService, $animate, $position, $document) {
|
|
1685
1793
|
var self = this,
|
|
1686
1794
|
scope = $scope.$new(), // create a child scope so we are not polluting original one
|
|
1687
1795
|
openClass = dropdownConfig.openClass,
|
|
1688
1796
|
getIsOpen,
|
|
1689
1797
|
setIsOpen = angular.noop,
|
|
1690
|
-
toggleInvoker = $attrs.onToggle ? $parse($attrs.onToggle) : angular.noop
|
|
1798
|
+
toggleInvoker = $attrs.onToggle ? $parse($attrs.onToggle) : angular.noop,
|
|
1799
|
+
appendToBody = false;
|
|
1691
1800
|
|
|
1692
1801
|
this.init = function( element ) {
|
|
1693
1802
|
self.$element = element;
|
|
@@ -1700,6 +1809,15 @@ angular.module('ui.bootstrap.dropdown', [])
|
|
|
1700
1809
|
scope.isOpen = !!value;
|
|
1701
1810
|
});
|
|
1702
1811
|
}
|
|
1812
|
+
|
|
1813
|
+
appendToBody = angular.isDefined($attrs.dropdownAppendToBody);
|
|
1814
|
+
|
|
1815
|
+
if ( appendToBody && self.dropdownMenu ) {
|
|
1816
|
+
$document.find('body').append( self.dropdownMenu );
|
|
1817
|
+
element.on('$destroy', function handleDestroyEvent() {
|
|
1818
|
+
self.dropdownMenu.remove();
|
|
1819
|
+
});
|
|
1820
|
+
}
|
|
1703
1821
|
};
|
|
1704
1822
|
|
|
1705
1823
|
this.toggle = function( open ) {
|
|
@@ -1715,6 +1833,14 @@ angular.module('ui.bootstrap.dropdown', [])
|
|
|
1715
1833
|
return self.toggleElement;
|
|
1716
1834
|
};
|
|
1717
1835
|
|
|
1836
|
+
scope.getAutoClose = function() {
|
|
1837
|
+
return $attrs.autoClose || 'always'; //or 'outsideClick' or 'disabled'
|
|
1838
|
+
};
|
|
1839
|
+
|
|
1840
|
+
scope.getElement = function() {
|
|
1841
|
+
return self.$element;
|
|
1842
|
+
};
|
|
1843
|
+
|
|
1718
1844
|
scope.focusToggleElement = function() {
|
|
1719
1845
|
if ( self.toggleElement ) {
|
|
1720
1846
|
self.toggleElement[0].focus();
|
|
@@ -1722,6 +1848,15 @@ angular.module('ui.bootstrap.dropdown', [])
|
|
|
1722
1848
|
};
|
|
1723
1849
|
|
|
1724
1850
|
scope.$watch('isOpen', function( isOpen, wasOpen ) {
|
|
1851
|
+
if ( appendToBody && self.dropdownMenu ) {
|
|
1852
|
+
var pos = $position.positionElements(self.$element, self.dropdownMenu, 'bottom-left', true);
|
|
1853
|
+
self.dropdownMenu.css({
|
|
1854
|
+
top: pos.top + 'px',
|
|
1855
|
+
left: pos.left + 'px',
|
|
1856
|
+
display: isOpen ? 'block' : 'none'
|
|
1857
|
+
});
|
|
1858
|
+
}
|
|
1859
|
+
|
|
1725
1860
|
$animate[isOpen ? 'addClass' : 'removeClass'](self.$element, openClass);
|
|
1726
1861
|
|
|
1727
1862
|
if ( isOpen ) {
|
|
@@ -1755,6 +1890,19 @@ angular.module('ui.bootstrap.dropdown', [])
|
|
|
1755
1890
|
};
|
|
1756
1891
|
})
|
|
1757
1892
|
|
|
1893
|
+
.directive('dropdownMenu', function() {
|
|
1894
|
+
return {
|
|
1895
|
+
restrict: 'AC',
|
|
1896
|
+
require: '?^dropdown',
|
|
1897
|
+
link: function(scope, element, attrs, dropdownCtrl) {
|
|
1898
|
+
if ( !dropdownCtrl ) {
|
|
1899
|
+
return;
|
|
1900
|
+
}
|
|
1901
|
+
dropdownCtrl.dropdownMenu = element;
|
|
1902
|
+
}
|
|
1903
|
+
};
|
|
1904
|
+
})
|
|
1905
|
+
|
|
1758
1906
|
.directive('dropdownToggle', function() {
|
|
1759
1907
|
return {
|
|
1760
1908
|
require: '?^dropdown',
|
|
@@ -1790,7 +1938,7 @@ angular.module('ui.bootstrap.dropdown', [])
|
|
|
1790
1938
|
};
|
|
1791
1939
|
});
|
|
1792
1940
|
|
|
1793
|
-
angular.module('ui.bootstrap.modal', [
|
|
1941
|
+
angular.module('ui.bootstrap.modal', [])
|
|
1794
1942
|
|
|
1795
1943
|
/**
|
|
1796
1944
|
* A helper, internal data structure that acts as a map but also allows getting / removing
|
|
@@ -1854,20 +2002,23 @@ angular.module('ui.bootstrap.modal', ['ui.bootstrap.transition'])
|
|
|
1854
2002
|
restrict: 'EA',
|
|
1855
2003
|
replace: true,
|
|
1856
2004
|
templateUrl: 'template/modal/backdrop.html',
|
|
1857
|
-
|
|
1858
|
-
|
|
1859
|
-
|
|
1860
|
-
scope.animate = false;
|
|
1861
|
-
|
|
1862
|
-
//trigger CSS transitions
|
|
1863
|
-
$timeout(function () {
|
|
1864
|
-
scope.animate = true;
|
|
1865
|
-
});
|
|
2005
|
+
compile: function (tElement, tAttrs) {
|
|
2006
|
+
tElement.addClass(tAttrs.backdropClass);
|
|
2007
|
+
return linkFn;
|
|
1866
2008
|
}
|
|
1867
2009
|
};
|
|
2010
|
+
|
|
2011
|
+
function linkFn(scope, element, attrs) {
|
|
2012
|
+
scope.animate = false;
|
|
2013
|
+
|
|
2014
|
+
//trigger CSS transitions
|
|
2015
|
+
$timeout(function () {
|
|
2016
|
+
scope.animate = true;
|
|
2017
|
+
});
|
|
2018
|
+
}
|
|
1868
2019
|
}])
|
|
1869
2020
|
|
|
1870
|
-
.directive('modalWindow', ['$modalStack', '$
|
|
2021
|
+
.directive('modalWindow', ['$modalStack', '$q', function ($modalStack, $q) {
|
|
1871
2022
|
return {
|
|
1872
2023
|
restrict: 'EA',
|
|
1873
2024
|
scope: {
|
|
@@ -1883,10 +2034,35 @@ angular.module('ui.bootstrap.modal', ['ui.bootstrap.transition'])
|
|
|
1883
2034
|
element.addClass(attrs.windowClass || '');
|
|
1884
2035
|
scope.size = attrs.size;
|
|
1885
2036
|
|
|
1886
|
-
|
|
2037
|
+
scope.close = function (evt) {
|
|
2038
|
+
var modal = $modalStack.getTop();
|
|
2039
|
+
if (modal && modal.value.backdrop && modal.value.backdrop != 'static' && (evt.target === evt.currentTarget)) {
|
|
2040
|
+
evt.preventDefault();
|
|
2041
|
+
evt.stopPropagation();
|
|
2042
|
+
$modalStack.dismiss(modal.key, 'backdrop click');
|
|
2043
|
+
}
|
|
2044
|
+
};
|
|
2045
|
+
|
|
2046
|
+
// This property is only added to the scope for the purpose of detecting when this directive is rendered.
|
|
2047
|
+
// We can detect that by using this property in the template associated with this directive and then use
|
|
2048
|
+
// {@link Attribute#$observe} on it. For more details please see {@link TableColumnResize}.
|
|
2049
|
+
scope.$isRendered = true;
|
|
2050
|
+
|
|
2051
|
+
// Deferred object that will be resolved when this modal is render.
|
|
2052
|
+
var modalRenderDeferObj = $q.defer();
|
|
2053
|
+
// Observe function will be called on next digest cycle after compilation, ensuring that the DOM is ready.
|
|
2054
|
+
// In order to use this way of finding whether DOM is ready, we need to observe a scope property used in modal's template.
|
|
2055
|
+
attrs.$observe('modalRender', function (value) {
|
|
2056
|
+
if (value == 'true') {
|
|
2057
|
+
modalRenderDeferObj.resolve();
|
|
2058
|
+
}
|
|
2059
|
+
});
|
|
2060
|
+
|
|
2061
|
+
modalRenderDeferObj.promise.then(function () {
|
|
1887
2062
|
// trigger CSS transitions
|
|
1888
2063
|
scope.animate = true;
|
|
1889
2064
|
|
|
2065
|
+
var inputsWithAutofocus = element[0].querySelectorAll('[autofocus]');
|
|
1890
2066
|
/**
|
|
1891
2067
|
* Auto-focusing of a freshly-opened modal element causes any child elements
|
|
1892
2068
|
* with the autofocus attribute to lose focus. This is an issue on touch
|
|
@@ -1895,23 +2071,33 @@ angular.module('ui.bootstrap.modal', ['ui.bootstrap.transition'])
|
|
|
1895
2071
|
* the onscreen keyboard. Fixed by updated the focusing logic to only autofocus
|
|
1896
2072
|
* the modal element if the modal does not contain an autofocus element.
|
|
1897
2073
|
*/
|
|
1898
|
-
if (
|
|
2074
|
+
if (inputsWithAutofocus.length) {
|
|
2075
|
+
inputsWithAutofocus[0].focus();
|
|
2076
|
+
} else {
|
|
1899
2077
|
element[0].focus();
|
|
1900
2078
|
}
|
|
1901
|
-
});
|
|
1902
2079
|
|
|
1903
|
-
|
|
2080
|
+
// Notify {@link $modalStack} that modal is rendered.
|
|
1904
2081
|
var modal = $modalStack.getTop();
|
|
1905
|
-
if (modal
|
|
1906
|
-
|
|
1907
|
-
evt.stopPropagation();
|
|
1908
|
-
$modalStack.dismiss(modal.key, 'backdrop click');
|
|
2082
|
+
if (modal) {
|
|
2083
|
+
$modalStack.modalRendered(modal.key);
|
|
1909
2084
|
}
|
|
1910
|
-
};
|
|
2085
|
+
});
|
|
1911
2086
|
}
|
|
1912
2087
|
};
|
|
1913
2088
|
}])
|
|
1914
2089
|
|
|
2090
|
+
.directive('modalAnimationClass', [
|
|
2091
|
+
function () {
|
|
2092
|
+
return {
|
|
2093
|
+
compile: function (tElement, tAttrs) {
|
|
2094
|
+
if (tAttrs.modalAnimation) {
|
|
2095
|
+
tElement.addClass(tAttrs.modalAnimationClass);
|
|
2096
|
+
}
|
|
2097
|
+
}
|
|
2098
|
+
};
|
|
2099
|
+
}])
|
|
2100
|
+
|
|
1915
2101
|
.directive('modalTransclude', function () {
|
|
1916
2102
|
return {
|
|
1917
2103
|
link: function($scope, $element, $attrs, controller, $transclude) {
|
|
@@ -1923,8 +2109,8 @@ angular.module('ui.bootstrap.modal', ['ui.bootstrap.transition'])
|
|
|
1923
2109
|
};
|
|
1924
2110
|
})
|
|
1925
2111
|
|
|
1926
|
-
.factory('$modalStack', ['$
|
|
1927
|
-
function ($
|
|
2112
|
+
.factory('$modalStack', ['$animate', '$timeout', '$document', '$compile', '$rootScope', '$$stackedMap',
|
|
2113
|
+
function ($animate, $timeout, $document, $compile, $rootScope, $$stackedMap) {
|
|
1928
2114
|
|
|
1929
2115
|
var OPENED_MODAL_CLASS = 'modal-open';
|
|
1930
2116
|
|
|
@@ -1958,8 +2144,7 @@ angular.module('ui.bootstrap.modal', ['ui.bootstrap.transition'])
|
|
|
1958
2144
|
openedWindows.remove(modalInstance);
|
|
1959
2145
|
|
|
1960
2146
|
//remove window DOM element
|
|
1961
|
-
removeAfterAnimate(modalWindow.modalDomEl, modalWindow.modalScope,
|
|
1962
|
-
modalWindow.modalScope.$destroy();
|
|
2147
|
+
removeAfterAnimate(modalWindow.modalDomEl, modalWindow.modalScope, function() {
|
|
1963
2148
|
body.toggleClass(OPENED_MODAL_CLASS, openedWindows.length() > 0);
|
|
1964
2149
|
checkRemoveBackdrop();
|
|
1965
2150
|
});
|
|
@@ -1969,8 +2154,7 @@ angular.module('ui.bootstrap.modal', ['ui.bootstrap.transition'])
|
|
|
1969
2154
|
//remove backdrop if no longer needed
|
|
1970
2155
|
if (backdropDomEl && backdropIndex() == -1) {
|
|
1971
2156
|
var backdropScopeRef = backdropScope;
|
|
1972
|
-
removeAfterAnimate(backdropDomEl, backdropScope,
|
|
1973
|
-
backdropScopeRef.$destroy();
|
|
2157
|
+
removeAfterAnimate(backdropDomEl, backdropScope, function () {
|
|
1974
2158
|
backdropScopeRef = null;
|
|
1975
2159
|
});
|
|
1976
2160
|
backdropDomEl = undefined;
|
|
@@ -1978,19 +2162,14 @@ angular.module('ui.bootstrap.modal', ['ui.bootstrap.transition'])
|
|
|
1978
2162
|
}
|
|
1979
2163
|
}
|
|
1980
2164
|
|
|
1981
|
-
function removeAfterAnimate(domEl, scope,
|
|
2165
|
+
function removeAfterAnimate(domEl, scope, done) {
|
|
1982
2166
|
// Closing animation
|
|
1983
2167
|
scope.animate = false;
|
|
1984
2168
|
|
|
1985
|
-
|
|
1986
|
-
if (transitionEndEventName) {
|
|
2169
|
+
if (domEl.attr('modal-animation') && $animate.enabled()) {
|
|
1987
2170
|
// transition out
|
|
1988
|
-
|
|
1989
|
-
|
|
1990
|
-
domEl.bind(transitionEndEventName, function () {
|
|
1991
|
-
$timeout.cancel(timeout);
|
|
1992
|
-
afterAnimating();
|
|
1993
|
-
scope.$apply();
|
|
2171
|
+
domEl.one('$animate:close', function closeFn() {
|
|
2172
|
+
$rootScope.$evalAsync(afterAnimating);
|
|
1994
2173
|
});
|
|
1995
2174
|
} else {
|
|
1996
2175
|
// Ensure this call is async
|
|
@@ -2004,6 +2183,7 @@ angular.module('ui.bootstrap.modal', ['ui.bootstrap.transition'])
|
|
|
2004
2183
|
afterAnimating.done = true;
|
|
2005
2184
|
|
|
2006
2185
|
domEl.remove();
|
|
2186
|
+
scope.$destroy();
|
|
2007
2187
|
if (done) {
|
|
2008
2188
|
done();
|
|
2009
2189
|
}
|
|
@@ -2026,8 +2206,11 @@ angular.module('ui.bootstrap.modal', ['ui.bootstrap.transition'])
|
|
|
2026
2206
|
|
|
2027
2207
|
$modalStack.open = function (modalInstance, modal) {
|
|
2028
2208
|
|
|
2209
|
+
var modalOpener = $document[0].activeElement;
|
|
2210
|
+
|
|
2029
2211
|
openedWindows.add(modalInstance, {
|
|
2030
2212
|
deferred: modal.deferred,
|
|
2213
|
+
renderDeferred: modal.renderDeferred,
|
|
2031
2214
|
modalScope: modal.scope,
|
|
2032
2215
|
backdrop: modal.backdrop,
|
|
2033
2216
|
keyboard: modal.keyboard
|
|
@@ -2039,13 +2222,16 @@ angular.module('ui.bootstrap.modal', ['ui.bootstrap.transition'])
|
|
|
2039
2222
|
if (currBackdropIndex >= 0 && !backdropDomEl) {
|
|
2040
2223
|
backdropScope = $rootScope.$new(true);
|
|
2041
2224
|
backdropScope.index = currBackdropIndex;
|
|
2042
|
-
var angularBackgroundDomEl = angular.element('<div modal-backdrop></div>');
|
|
2225
|
+
var angularBackgroundDomEl = angular.element('<div modal-backdrop="modal-backdrop"></div>');
|
|
2043
2226
|
angularBackgroundDomEl.attr('backdrop-class', modal.backdropClass);
|
|
2227
|
+
if (modal.animation) {
|
|
2228
|
+
angularBackgroundDomEl.attr('modal-animation', 'true');
|
|
2229
|
+
}
|
|
2044
2230
|
backdropDomEl = $compile(angularBackgroundDomEl)(backdropScope);
|
|
2045
2231
|
body.append(backdropDomEl);
|
|
2046
2232
|
}
|
|
2047
2233
|
|
|
2048
|
-
var angularDomEl = angular.element('<div modal-window></div>');
|
|
2234
|
+
var angularDomEl = angular.element('<div modal-window="modal-window"></div>');
|
|
2049
2235
|
angularDomEl.attr({
|
|
2050
2236
|
'template-url': modal.windowTemplateUrl,
|
|
2051
2237
|
'window-class': modal.windowClass,
|
|
@@ -2053,33 +2239,46 @@ angular.module('ui.bootstrap.modal', ['ui.bootstrap.transition'])
|
|
|
2053
2239
|
'index': openedWindows.length() - 1,
|
|
2054
2240
|
'animate': 'animate'
|
|
2055
2241
|
}).html(modal.content);
|
|
2242
|
+
if (modal.animation) {
|
|
2243
|
+
angularDomEl.attr('modal-animation', 'true');
|
|
2244
|
+
}
|
|
2056
2245
|
|
|
2057
2246
|
var modalDomEl = $compile(angularDomEl)(modal.scope);
|
|
2058
2247
|
openedWindows.top().value.modalDomEl = modalDomEl;
|
|
2248
|
+
openedWindows.top().value.modalOpener = modalOpener;
|
|
2059
2249
|
body.append(modalDomEl);
|
|
2060
2250
|
body.addClass(OPENED_MODAL_CLASS);
|
|
2061
2251
|
};
|
|
2062
2252
|
|
|
2253
|
+
function broadcastClosing(modalWindow, resultOrReason, closing) {
|
|
2254
|
+
return !modalWindow.value.modalScope.$broadcast('modal.closing', resultOrReason, closing).defaultPrevented;
|
|
2255
|
+
}
|
|
2256
|
+
|
|
2063
2257
|
$modalStack.close = function (modalInstance, result) {
|
|
2064
2258
|
var modalWindow = openedWindows.get(modalInstance);
|
|
2065
|
-
if (modalWindow) {
|
|
2259
|
+
if (modalWindow && broadcastClosing(modalWindow, result, true)) {
|
|
2066
2260
|
modalWindow.value.deferred.resolve(result);
|
|
2067
2261
|
removeModalWindow(modalInstance);
|
|
2262
|
+
modalWindow.value.modalOpener.focus();
|
|
2263
|
+
return true;
|
|
2068
2264
|
}
|
|
2265
|
+
return !modalWindow;
|
|
2069
2266
|
};
|
|
2070
2267
|
|
|
2071
2268
|
$modalStack.dismiss = function (modalInstance, reason) {
|
|
2072
2269
|
var modalWindow = openedWindows.get(modalInstance);
|
|
2073
|
-
if (modalWindow) {
|
|
2270
|
+
if (modalWindow && broadcastClosing(modalWindow, reason, false)) {
|
|
2074
2271
|
modalWindow.value.deferred.reject(reason);
|
|
2075
2272
|
removeModalWindow(modalInstance);
|
|
2273
|
+
modalWindow.value.modalOpener.focus();
|
|
2274
|
+
return true;
|
|
2076
2275
|
}
|
|
2276
|
+
return !modalWindow;
|
|
2077
2277
|
};
|
|
2078
2278
|
|
|
2079
2279
|
$modalStack.dismissAll = function (reason) {
|
|
2080
2280
|
var topModal = this.getTop();
|
|
2081
|
-
while (topModal) {
|
|
2082
|
-
this.dismiss(topModal.key, reason);
|
|
2281
|
+
while (topModal && this.dismiss(topModal.key, reason)) {
|
|
2083
2282
|
topModal = this.getTop();
|
|
2084
2283
|
}
|
|
2085
2284
|
};
|
|
@@ -2088,6 +2287,13 @@ angular.module('ui.bootstrap.modal', ['ui.bootstrap.transition'])
|
|
|
2088
2287
|
return openedWindows.top();
|
|
2089
2288
|
};
|
|
2090
2289
|
|
|
2290
|
+
$modalStack.modalRendered = function (modalInstance) {
|
|
2291
|
+
var modalWindow = openedWindows.get(modalInstance);
|
|
2292
|
+
if (modalWindow) {
|
|
2293
|
+
modalWindow.value.renderDeferred.resolve();
|
|
2294
|
+
}
|
|
2295
|
+
};
|
|
2296
|
+
|
|
2091
2297
|
return $modalStack;
|
|
2092
2298
|
}])
|
|
2093
2299
|
|
|
@@ -2095,20 +2301,18 @@ angular.module('ui.bootstrap.modal', ['ui.bootstrap.transition'])
|
|
|
2095
2301
|
|
|
2096
2302
|
var $modalProvider = {
|
|
2097
2303
|
options: {
|
|
2098
|
-
|
|
2304
|
+
animation: true,
|
|
2305
|
+
backdrop: true, //can also be false or 'static'
|
|
2099
2306
|
keyboard: true
|
|
2100
2307
|
},
|
|
2101
|
-
$get: ['$injector', '$rootScope', '$q', '$
|
|
2102
|
-
function ($injector, $rootScope, $q, $
|
|
2308
|
+
$get: ['$injector', '$rootScope', '$q', '$templateRequest', '$controller', '$modalStack',
|
|
2309
|
+
function ($injector, $rootScope, $q, $templateRequest, $controller, $modalStack) {
|
|
2103
2310
|
|
|
2104
2311
|
var $modal = {};
|
|
2105
2312
|
|
|
2106
2313
|
function getTemplatePromise(options) {
|
|
2107
2314
|
return options.template ? $q.when(options.template) :
|
|
2108
|
-
$
|
|
2109
|
-
{cache: $templateCache}).then(function (result) {
|
|
2110
|
-
return result.data;
|
|
2111
|
-
});
|
|
2315
|
+
$templateRequest(angular.isFunction(options.templateUrl) ? (options.templateUrl)() : options.templateUrl);
|
|
2112
2316
|
}
|
|
2113
2317
|
|
|
2114
2318
|
function getResolvePromises(resolves) {
|
|
@@ -2125,16 +2329,18 @@ angular.module('ui.bootstrap.modal', ['ui.bootstrap.transition'])
|
|
|
2125
2329
|
|
|
2126
2330
|
var modalResultDeferred = $q.defer();
|
|
2127
2331
|
var modalOpenedDeferred = $q.defer();
|
|
2332
|
+
var modalRenderDeferred = $q.defer();
|
|
2128
2333
|
|
|
2129
2334
|
//prepare an instance of a modal to be injected into controllers and returned to a caller
|
|
2130
2335
|
var modalInstance = {
|
|
2131
2336
|
result: modalResultDeferred.promise,
|
|
2132
2337
|
opened: modalOpenedDeferred.promise,
|
|
2338
|
+
rendered: modalRenderDeferred.promise,
|
|
2133
2339
|
close: function (result) {
|
|
2134
|
-
$modalStack.close(modalInstance, result);
|
|
2340
|
+
return $modalStack.close(modalInstance, result);
|
|
2135
2341
|
},
|
|
2136
2342
|
dismiss: function (reason) {
|
|
2137
|
-
$modalStack.dismiss(modalInstance, reason);
|
|
2343
|
+
return $modalStack.dismiss(modalInstance, reason);
|
|
2138
2344
|
}
|
|
2139
2345
|
};
|
|
2140
2346
|
|
|
@@ -2177,7 +2383,9 @@ angular.module('ui.bootstrap.modal', ['ui.bootstrap.transition'])
|
|
|
2177
2383
|
$modalStack.open(modalInstance, {
|
|
2178
2384
|
scope: modalScope,
|
|
2179
2385
|
deferred: modalResultDeferred,
|
|
2386
|
+
renderDeferred: modalRenderDeferred,
|
|
2180
2387
|
content: tplAndVars[0],
|
|
2388
|
+
animation: modalOptions.animation,
|
|
2181
2389
|
backdrop: modalOptions.backdrop,
|
|
2182
2390
|
keyboard: modalOptions.keyboard,
|
|
2183
2391
|
backdropClass: modalOptions.backdropClass,
|
|
@@ -2192,8 +2400,8 @@ angular.module('ui.bootstrap.modal', ['ui.bootstrap.transition'])
|
|
|
2192
2400
|
|
|
2193
2401
|
templateAndResolvePromise.then(function () {
|
|
2194
2402
|
modalOpenedDeferred.resolve(true);
|
|
2195
|
-
}, function () {
|
|
2196
|
-
modalOpenedDeferred.reject(
|
|
2403
|
+
}, function (reason) {
|
|
2404
|
+
modalOpenedDeferred.reject(reason);
|
|
2197
2405
|
});
|
|
2198
2406
|
|
|
2199
2407
|
return modalInstance;
|
|
@@ -2229,6 +2437,20 @@ angular.module('ui.bootstrap.pagination', [])
|
|
|
2229
2437
|
} else {
|
|
2230
2438
|
this.itemsPerPage = config.itemsPerPage;
|
|
2231
2439
|
}
|
|
2440
|
+
|
|
2441
|
+
$scope.$watch('totalItems', function() {
|
|
2442
|
+
$scope.totalPages = self.calculateTotalPages();
|
|
2443
|
+
});
|
|
2444
|
+
|
|
2445
|
+
$scope.$watch('totalPages', function(value) {
|
|
2446
|
+
setNumPages($scope.$parent, value); // Readonly variable
|
|
2447
|
+
|
|
2448
|
+
if ( $scope.page > value ) {
|
|
2449
|
+
$scope.selectPage(value);
|
|
2450
|
+
} else {
|
|
2451
|
+
ngModelCtrl.$render();
|
|
2452
|
+
}
|
|
2453
|
+
});
|
|
2232
2454
|
};
|
|
2233
2455
|
|
|
2234
2456
|
this.calculateTotalPages = function() {
|
|
@@ -2240,8 +2462,11 @@ angular.module('ui.bootstrap.pagination', [])
|
|
|
2240
2462
|
$scope.page = parseInt(ngModelCtrl.$viewValue, 10) || 1;
|
|
2241
2463
|
};
|
|
2242
2464
|
|
|
2243
|
-
$scope.selectPage = function(page) {
|
|
2465
|
+
$scope.selectPage = function(page, evt) {
|
|
2244
2466
|
if ( $scope.page !== page && page > 0 && page <= $scope.totalPages) {
|
|
2467
|
+
if (evt && evt.target) {
|
|
2468
|
+
evt.target.blur();
|
|
2469
|
+
}
|
|
2245
2470
|
ngModelCtrl.$setViewValue(page);
|
|
2246
2471
|
ngModelCtrl.$render();
|
|
2247
2472
|
}
|
|
@@ -2256,20 +2481,6 @@ angular.module('ui.bootstrap.pagination', [])
|
|
|
2256
2481
|
$scope.noNext = function() {
|
|
2257
2482
|
return $scope.page === $scope.totalPages;
|
|
2258
2483
|
};
|
|
2259
|
-
|
|
2260
|
-
$scope.$watch('totalItems', function() {
|
|
2261
|
-
$scope.totalPages = self.calculateTotalPages();
|
|
2262
|
-
});
|
|
2263
|
-
|
|
2264
|
-
$scope.$watch('totalPages', function(value) {
|
|
2265
|
-
setNumPages($scope.$parent, value); // Readonly variable
|
|
2266
|
-
|
|
2267
|
-
if ( $scope.page > value ) {
|
|
2268
|
-
$scope.selectPage(value);
|
|
2269
|
-
} else {
|
|
2270
|
-
ngModelCtrl.$render();
|
|
2271
|
-
}
|
|
2272
|
-
});
|
|
2273
2484
|
}])
|
|
2274
2485
|
|
|
2275
2486
|
.constant('paginationConfig', {
|
|
@@ -2437,7 +2648,8 @@ angular.module( 'ui.bootstrap.tooltip', [ 'ui.bootstrap.position', 'ui.bootstrap
|
|
|
2437
2648
|
var defaultOptions = {
|
|
2438
2649
|
placement: 'top',
|
|
2439
2650
|
animation: true,
|
|
2440
|
-
popupDelay: 0
|
|
2651
|
+
popupDelay: 0,
|
|
2652
|
+
useContentExp: false
|
|
2441
2653
|
};
|
|
2442
2654
|
|
|
2443
2655
|
// Default hide triggers for each show trigger
|
|
@@ -2488,8 +2700,8 @@ angular.module( 'ui.bootstrap.tooltip', [ 'ui.bootstrap.position', 'ui.bootstrap
|
|
|
2488
2700
|
* TODO support multiple triggers
|
|
2489
2701
|
*/
|
|
2490
2702
|
this.$get = [ '$window', '$compile', '$timeout', '$document', '$position', '$interpolate', function ( $window, $compile, $timeout, $document, $position, $interpolate ) {
|
|
2491
|
-
return function $tooltip ( type, prefix, defaultTriggerShow ) {
|
|
2492
|
-
|
|
2703
|
+
return function $tooltip ( type, prefix, defaultTriggerShow, options ) {
|
|
2704
|
+
options = angular.extend( {}, defaultOptions, globalOptions, options );
|
|
2493
2705
|
|
|
2494
2706
|
/**
|
|
2495
2707
|
* Returns an object of show and hide triggers.
|
|
@@ -2521,10 +2733,14 @@ angular.module( 'ui.bootstrap.tooltip', [ 'ui.bootstrap.position', 'ui.bootstrap
|
|
|
2521
2733
|
var template =
|
|
2522
2734
|
'<div '+ directiveName +'-popup '+
|
|
2523
2735
|
'title="'+startSym+'title'+endSym+'" '+
|
|
2524
|
-
|
|
2736
|
+
(options.useContentExp ?
|
|
2737
|
+
'content-exp="contentExp()" ' :
|
|
2738
|
+
'content="'+startSym+'content'+endSym+'" ') +
|
|
2525
2739
|
'placement="'+startSym+'placement'+endSym+'" '+
|
|
2740
|
+
'popup-class="'+startSym+'popupClass'+endSym+'" '+
|
|
2526
2741
|
'animation="animation" '+
|
|
2527
2742
|
'is-open="isOpen"'+
|
|
2743
|
+
'origin-scope="origScope" '+
|
|
2528
2744
|
'>'+
|
|
2529
2745
|
'</div>';
|
|
2530
2746
|
|
|
@@ -2533,7 +2749,7 @@ angular.module( 'ui.bootstrap.tooltip', [ 'ui.bootstrap.position', 'ui.bootstrap
|
|
|
2533
2749
|
compile: function (tElem, tAttrs) {
|
|
2534
2750
|
var tooltipLinker = $compile( template );
|
|
2535
2751
|
|
|
2536
|
-
return function link ( scope, element, attrs ) {
|
|
2752
|
+
return function link ( scope, element, attrs, tooltipCtrl ) {
|
|
2537
2753
|
var tooltip;
|
|
2538
2754
|
var tooltipLinkedScope;
|
|
2539
2755
|
var transitionTimeout;
|
|
@@ -2544,6 +2760,7 @@ angular.module( 'ui.bootstrap.tooltip', [ 'ui.bootstrap.position', 'ui.bootstrap
|
|
|
2544
2760
|
var ttScope = scope.$new(true);
|
|
2545
2761
|
|
|
2546
2762
|
var positionTooltip = function () {
|
|
2763
|
+
if (!tooltip) { return; }
|
|
2547
2764
|
|
|
2548
2765
|
var ttPosition = $position.positionElements(element, tooltip, ttScope.placement, appendToBody);
|
|
2549
2766
|
ttPosition.top += 'px';
|
|
@@ -2553,6 +2770,9 @@ angular.module( 'ui.bootstrap.tooltip', [ 'ui.bootstrap.position', 'ui.bootstrap
|
|
|
2553
2770
|
tooltip.css( ttPosition );
|
|
2554
2771
|
};
|
|
2555
2772
|
|
|
2773
|
+
// Set up the correct scope to allow transclusion later
|
|
2774
|
+
ttScope.origScope = scope;
|
|
2775
|
+
|
|
2556
2776
|
// By default, the tooltip is not open.
|
|
2557
2777
|
// TODO add ability to start tooltip opened
|
|
2558
2778
|
ttScope.isOpen = false;
|
|
@@ -2604,7 +2824,7 @@ angular.module( 'ui.bootstrap.tooltip', [ 'ui.bootstrap.position', 'ui.bootstrap
|
|
|
2604
2824
|
}
|
|
2605
2825
|
|
|
2606
2826
|
// Don't show empty tooltips.
|
|
2607
|
-
if ( ! ttScope.content ) {
|
|
2827
|
+
if ( !(options.useContentExp ? ttScope.contentExp() : ttScope.content) ) {
|
|
2608
2828
|
return angular.noop;
|
|
2609
2829
|
}
|
|
2610
2830
|
|
|
@@ -2618,7 +2838,7 @@ angular.module( 'ui.bootstrap.tooltip', [ 'ui.bootstrap.position', 'ui.bootstrap
|
|
|
2618
2838
|
|
|
2619
2839
|
// And show the tooltip.
|
|
2620
2840
|
ttScope.isOpen = true;
|
|
2621
|
-
ttScope.$
|
|
2841
|
+
ttScope.$apply(); // digest required as $apply is not called
|
|
2622
2842
|
|
|
2623
2843
|
// Return positioning function as promise callback for correct
|
|
2624
2844
|
// positioning after draw.
|
|
@@ -2659,6 +2879,18 @@ angular.module( 'ui.bootstrap.tooltip', [ 'ui.bootstrap.position', 'ui.bootstrap
|
|
|
2659
2879
|
element.after( tooltip );
|
|
2660
2880
|
}
|
|
2661
2881
|
});
|
|
2882
|
+
|
|
2883
|
+
tooltipLinkedScope.$watch(function () {
|
|
2884
|
+
$timeout(positionTooltip, 0, false);
|
|
2885
|
+
});
|
|
2886
|
+
|
|
2887
|
+
if (options.useContentExp) {
|
|
2888
|
+
tooltipLinkedScope.$watch('contentExp()', function (val) {
|
|
2889
|
+
if (!val && ttScope.isOpen ) {
|
|
2890
|
+
hide();
|
|
2891
|
+
}
|
|
2892
|
+
});
|
|
2893
|
+
}
|
|
2662
2894
|
}
|
|
2663
2895
|
|
|
2664
2896
|
function removeTooltip() {
|
|
@@ -2674,17 +2906,30 @@ angular.module( 'ui.bootstrap.tooltip', [ 'ui.bootstrap.position', 'ui.bootstrap
|
|
|
2674
2906
|
}
|
|
2675
2907
|
|
|
2676
2908
|
function prepareTooltip() {
|
|
2909
|
+
prepPopupClass();
|
|
2677
2910
|
prepPlacement();
|
|
2678
2911
|
prepPopupDelay();
|
|
2679
2912
|
}
|
|
2680
2913
|
|
|
2914
|
+
ttScope.contentExp = function () {
|
|
2915
|
+
return scope.$eval(attrs[type]);
|
|
2916
|
+
};
|
|
2917
|
+
|
|
2681
2918
|
/**
|
|
2682
2919
|
* Observe the relevant attributes.
|
|
2683
2920
|
*/
|
|
2684
|
-
|
|
2685
|
-
|
|
2921
|
+
if (!options.useContentExp) {
|
|
2922
|
+
attrs.$observe( type, function ( val ) {
|
|
2923
|
+
ttScope.content = val;
|
|
2924
|
+
|
|
2925
|
+
if (!val && ttScope.isOpen ) {
|
|
2926
|
+
hide();
|
|
2927
|
+
}
|
|
2928
|
+
});
|
|
2929
|
+
}
|
|
2686
2930
|
|
|
2687
|
-
|
|
2931
|
+
attrs.$observe( 'disabled', function ( val ) {
|
|
2932
|
+
if (val && ttScope.isOpen ) {
|
|
2688
2933
|
hide();
|
|
2689
2934
|
}
|
|
2690
2935
|
});
|
|
@@ -2693,6 +2938,10 @@ angular.module( 'ui.bootstrap.tooltip', [ 'ui.bootstrap.position', 'ui.bootstrap
|
|
|
2693
2938
|
ttScope.title = val;
|
|
2694
2939
|
});
|
|
2695
2940
|
|
|
2941
|
+
function prepPopupClass() {
|
|
2942
|
+
ttScope.popupClass = attrs[prefix + 'Class'];
|
|
2943
|
+
}
|
|
2944
|
+
|
|
2696
2945
|
function prepPlacement() {
|
|
2697
2946
|
var val = attrs[ prefix + 'Placement' ];
|
|
2698
2947
|
ttScope.placement = angular.isDefined( val ) ? val : options.placement;
|
|
@@ -2756,11 +3005,101 @@ angular.module( 'ui.bootstrap.tooltip', [ 'ui.bootstrap.position', 'ui.bootstrap
|
|
|
2756
3005
|
}];
|
|
2757
3006
|
})
|
|
2758
3007
|
|
|
3008
|
+
// This is mostly ngInclude code but with a custom scope
|
|
3009
|
+
.directive( 'tooltipTemplateTransclude', [
|
|
3010
|
+
'$animate', '$sce', '$compile', '$templateRequest',
|
|
3011
|
+
function ($animate , $sce , $compile , $templateRequest) {
|
|
3012
|
+
return {
|
|
3013
|
+
link: function ( scope, elem, attrs ) {
|
|
3014
|
+
var origScope = scope.$eval(attrs.tooltipTemplateTranscludeScope);
|
|
3015
|
+
|
|
3016
|
+
var changeCounter = 0,
|
|
3017
|
+
currentScope,
|
|
3018
|
+
previousElement,
|
|
3019
|
+
currentElement;
|
|
3020
|
+
|
|
3021
|
+
var cleanupLastIncludeContent = function() {
|
|
3022
|
+
if (previousElement) {
|
|
3023
|
+
previousElement.remove();
|
|
3024
|
+
previousElement = null;
|
|
3025
|
+
}
|
|
3026
|
+
if (currentScope) {
|
|
3027
|
+
currentScope.$destroy();
|
|
3028
|
+
currentScope = null;
|
|
3029
|
+
}
|
|
3030
|
+
if (currentElement) {
|
|
3031
|
+
$animate.leave(currentElement).then(function() {
|
|
3032
|
+
previousElement = null;
|
|
3033
|
+
});
|
|
3034
|
+
previousElement = currentElement;
|
|
3035
|
+
currentElement = null;
|
|
3036
|
+
}
|
|
3037
|
+
};
|
|
3038
|
+
|
|
3039
|
+
scope.$watch($sce.parseAsResourceUrl(attrs.tooltipTemplateTransclude), function (src) {
|
|
3040
|
+
var thisChangeId = ++changeCounter;
|
|
3041
|
+
|
|
3042
|
+
if (src) {
|
|
3043
|
+
//set the 2nd param to true to ignore the template request error so that the inner
|
|
3044
|
+
//contents and scope can be cleaned up.
|
|
3045
|
+
$templateRequest(src, true).then(function(response) {
|
|
3046
|
+
if (thisChangeId !== changeCounter) { return; }
|
|
3047
|
+
var newScope = origScope.$new();
|
|
3048
|
+
var template = response;
|
|
3049
|
+
|
|
3050
|
+
var clone = $compile(template)(newScope, function(clone) {
|
|
3051
|
+
cleanupLastIncludeContent();
|
|
3052
|
+
$animate.enter(clone, elem);
|
|
3053
|
+
});
|
|
3054
|
+
|
|
3055
|
+
currentScope = newScope;
|
|
3056
|
+
currentElement = clone;
|
|
3057
|
+
|
|
3058
|
+
currentScope.$emit('$includeContentLoaded', src);
|
|
3059
|
+
}, function() {
|
|
3060
|
+
if (thisChangeId === changeCounter) {
|
|
3061
|
+
cleanupLastIncludeContent();
|
|
3062
|
+
scope.$emit('$includeContentError', src);
|
|
3063
|
+
}
|
|
3064
|
+
});
|
|
3065
|
+
scope.$emit('$includeContentRequested', src);
|
|
3066
|
+
} else {
|
|
3067
|
+
cleanupLastIncludeContent();
|
|
3068
|
+
}
|
|
3069
|
+
});
|
|
3070
|
+
|
|
3071
|
+
scope.$on('$destroy', cleanupLastIncludeContent);
|
|
3072
|
+
}
|
|
3073
|
+
};
|
|
3074
|
+
}])
|
|
3075
|
+
|
|
3076
|
+
/**
|
|
3077
|
+
* Note that it's intentional that these classes are *not* applied through $animate.
|
|
3078
|
+
* They must not be animated as they're expected to be present on the tooltip on
|
|
3079
|
+
* initialization.
|
|
3080
|
+
*/
|
|
3081
|
+
.directive('tooltipClasses', function () {
|
|
3082
|
+
return {
|
|
3083
|
+
restrict: 'A',
|
|
3084
|
+
link: function (scope, element, attrs) {
|
|
3085
|
+
if (scope.placement) {
|
|
3086
|
+
element.addClass(scope.placement);
|
|
3087
|
+
}
|
|
3088
|
+
if (scope.popupClass) {
|
|
3089
|
+
element.addClass(scope.popupClass);
|
|
3090
|
+
}
|
|
3091
|
+
if (scope.animation()) {
|
|
3092
|
+
element.addClass(attrs.tooltipAnimationClass);
|
|
3093
|
+
}
|
|
3094
|
+
}
|
|
3095
|
+
};
|
|
3096
|
+
})
|
|
3097
|
+
|
|
2759
3098
|
.directive( 'tooltipPopup', function () {
|
|
2760
3099
|
return {
|
|
2761
3100
|
restrict: 'EA',
|
|
2762
3101
|
replace: true,
|
|
2763
|
-
scope: { content: '@', placement: '@', animation: '&', isOpen: '&' },
|
|
3102
|
+
scope: { content: '@', placement: '@', popupClass: '@', animation: '&', isOpen: '&' },
|
|
2764
3103
|
templateUrl: 'template/tooltip/tooltip-popup.html'
|
|
2765
3104
|
};
|
|
2766
3105
|
})
|
|
@@ -2769,16 +3108,56 @@ angular.module( 'ui.bootstrap.tooltip', [ 'ui.bootstrap.position', 'ui.bootstrap
|
|
|
2769
3108
|
return $tooltip( 'tooltip', 'tooltip', 'mouseenter' );
|
|
2770
3109
|
}])
|
|
2771
3110
|
|
|
3111
|
+
.directive( 'tooltipTemplatePopup', function () {
|
|
3112
|
+
return {
|
|
3113
|
+
restrict: 'EA',
|
|
3114
|
+
replace: true,
|
|
3115
|
+
scope: { contentExp: '&', placement: '@', popupClass: '@', animation: '&', isOpen: '&',
|
|
3116
|
+
originScope: '&' },
|
|
3117
|
+
templateUrl: 'template/tooltip/tooltip-template-popup.html'
|
|
3118
|
+
};
|
|
3119
|
+
})
|
|
3120
|
+
|
|
3121
|
+
.directive( 'tooltipTemplate', [ '$tooltip', function ( $tooltip ) {
|
|
3122
|
+
return $tooltip('tooltipTemplate', 'tooltip', 'mouseenter', {
|
|
3123
|
+
useContentExp: true
|
|
3124
|
+
});
|
|
3125
|
+
}])
|
|
3126
|
+
|
|
3127
|
+
.directive( 'tooltipHtmlPopup', function () {
|
|
3128
|
+
return {
|
|
3129
|
+
restrict: 'EA',
|
|
3130
|
+
replace: true,
|
|
3131
|
+
scope: { contentExp: '&', placement: '@', popupClass: '@', animation: '&', isOpen: '&' },
|
|
3132
|
+
templateUrl: 'template/tooltip/tooltip-html-popup.html'
|
|
3133
|
+
};
|
|
3134
|
+
})
|
|
3135
|
+
|
|
3136
|
+
.directive( 'tooltipHtml', [ '$tooltip', function ( $tooltip ) {
|
|
3137
|
+
return $tooltip('tooltipHtml', 'tooltip', 'mouseenter', {
|
|
3138
|
+
useContentExp: true
|
|
3139
|
+
});
|
|
3140
|
+
}])
|
|
3141
|
+
|
|
3142
|
+
/*
|
|
3143
|
+
Deprecated
|
|
3144
|
+
*/
|
|
2772
3145
|
.directive( 'tooltipHtmlUnsafePopup', function () {
|
|
2773
3146
|
return {
|
|
2774
3147
|
restrict: 'EA',
|
|
2775
3148
|
replace: true,
|
|
2776
|
-
scope: { content: '@', placement: '@', animation: '&', isOpen: '&' },
|
|
3149
|
+
scope: { content: '@', placement: '@', popupClass: '@', animation: '&', isOpen: '&' },
|
|
2777
3150
|
templateUrl: 'template/tooltip/tooltip-html-unsafe-popup.html'
|
|
2778
3151
|
};
|
|
2779
3152
|
})
|
|
2780
3153
|
|
|
2781
|
-
.
|
|
3154
|
+
.value('tooltipHtmlUnsafeSuppressDeprecated', false)
|
|
3155
|
+
.directive( 'tooltipHtmlUnsafe', [
|
|
3156
|
+
'$tooltip', 'tooltipHtmlUnsafeSuppressDeprecated', '$log',
|
|
3157
|
+
function ( $tooltip , tooltipHtmlUnsafeSuppressDeprecated , $log) {
|
|
3158
|
+
if (!tooltipHtmlUnsafeSuppressDeprecated) {
|
|
3159
|
+
$log.warn('tooltip-html-unsafe is now deprecated. Use tooltip-html or tooltip-template instead.');
|
|
3160
|
+
}
|
|
2782
3161
|
return $tooltip( 'tooltipHtmlUnsafe', 'tooltip', 'mouseenter' );
|
|
2783
3162
|
}]);
|
|
2784
3163
|
|
|
@@ -2789,11 +3168,27 @@ angular.module( 'ui.bootstrap.tooltip', [ 'ui.bootstrap.position', 'ui.bootstrap
|
|
|
2789
3168
|
*/
|
|
2790
3169
|
angular.module( 'ui.bootstrap.popover', [ 'ui.bootstrap.tooltip' ] )
|
|
2791
3170
|
|
|
3171
|
+
.directive( 'popoverTemplatePopup', function () {
|
|
3172
|
+
return {
|
|
3173
|
+
restrict: 'EA',
|
|
3174
|
+
replace: true,
|
|
3175
|
+
scope: { title: '@', contentExp: '&', placement: '@', popupClass: '@', animation: '&', isOpen: '&',
|
|
3176
|
+
originScope: '&' },
|
|
3177
|
+
templateUrl: 'template/popover/popover-template.html'
|
|
3178
|
+
};
|
|
3179
|
+
})
|
|
3180
|
+
|
|
3181
|
+
.directive( 'popoverTemplate', [ '$tooltip', function ( $tooltip ) {
|
|
3182
|
+
return $tooltip( 'popoverTemplate', 'popover', 'click', {
|
|
3183
|
+
useContentExp: true
|
|
3184
|
+
} );
|
|
3185
|
+
}])
|
|
3186
|
+
|
|
2792
3187
|
.directive( 'popoverPopup', function () {
|
|
2793
3188
|
return {
|
|
2794
3189
|
restrict: 'EA',
|
|
2795
3190
|
replace: true,
|
|
2796
|
-
scope: { title: '@', content: '@', placement: '@', animation: '&', isOpen: '&' },
|
|
3191
|
+
scope: { title: '@', content: '@', placement: '@', popupClass: '@', animation: '&', isOpen: '&' },
|
|
2797
3192
|
templateUrl: 'template/popover/popover.html'
|
|
2798
3193
|
};
|
|
2799
3194
|
})
|
|
@@ -2814,7 +3209,7 @@ angular.module('ui.bootstrap.progressbar', [])
|
|
|
2814
3209
|
animate = angular.isDefined($attrs.animate) ? $scope.$parent.$eval($attrs.animate) : progressConfig.animate;
|
|
2815
3210
|
|
|
2816
3211
|
this.bars = [];
|
|
2817
|
-
$scope.max = angular.isDefined($
|
|
3212
|
+
$scope.max = angular.isDefined($scope.max) ? $scope.max : progressConfig.max;
|
|
2818
3213
|
|
|
2819
3214
|
this.addBar = function(bar, element) {
|
|
2820
3215
|
if ( !animate ) {
|
|
@@ -2858,6 +3253,7 @@ angular.module('ui.bootstrap.progressbar', [])
|
|
|
2858
3253
|
require: '^progress',
|
|
2859
3254
|
scope: {
|
|
2860
3255
|
value: '=',
|
|
3256
|
+
max: '=?',
|
|
2861
3257
|
type: '@'
|
|
2862
3258
|
},
|
|
2863
3259
|
templateUrl: 'template/progressbar/bar.html',
|
|
@@ -2875,6 +3271,7 @@ angular.module('ui.bootstrap.progressbar', [])
|
|
|
2875
3271
|
controller: 'ProgressController',
|
|
2876
3272
|
scope: {
|
|
2877
3273
|
value: '=',
|
|
3274
|
+
max: '=?',
|
|
2878
3275
|
type: '@'
|
|
2879
3276
|
},
|
|
2880
3277
|
templateUrl: 'template/progressbar/progressbar.html',
|
|
@@ -2883,6 +3280,7 @@ angular.module('ui.bootstrap.progressbar', [])
|
|
|
2883
3280
|
}
|
|
2884
3281
|
};
|
|
2885
3282
|
});
|
|
3283
|
+
|
|
2886
3284
|
angular.module('ui.bootstrap.rating', [])
|
|
2887
3285
|
|
|
2888
3286
|
.constant('ratingConfig', {
|
|
@@ -2898,6 +3296,13 @@ angular.module('ui.bootstrap.rating', [])
|
|
|
2898
3296
|
ngModelCtrl = ngModelCtrl_;
|
|
2899
3297
|
ngModelCtrl.$render = this.render;
|
|
2900
3298
|
|
|
3299
|
+
ngModelCtrl.$formatters.push(function(value) {
|
|
3300
|
+
if (angular.isNumber(value) && value << 0 !== value) {
|
|
3301
|
+
value = Math.round(value);
|
|
3302
|
+
}
|
|
3303
|
+
return value;
|
|
3304
|
+
});
|
|
3305
|
+
|
|
2901
3306
|
this.stateOn = angular.isDefined($attrs.stateOn) ? $scope.$parent.$eval($attrs.stateOn) : ratingConfig.stateOn;
|
|
2902
3307
|
this.stateOff = angular.isDefined($attrs.stateOff) ? $scope.$parent.$eval($attrs.stateOff) : ratingConfig.stateOff;
|
|
2903
3308
|
|
|
@@ -2959,10 +3364,7 @@ angular.module('ui.bootstrap.rating', [])
|
|
|
2959
3364
|
replace: true,
|
|
2960
3365
|
link: function(scope, element, attrs, ctrls) {
|
|
2961
3366
|
var ratingCtrl = ctrls[0], ngModelCtrl = ctrls[1];
|
|
2962
|
-
|
|
2963
|
-
if ( ngModelCtrl ) {
|
|
2964
|
-
ratingCtrl.init( ngModelCtrl );
|
|
2965
|
-
}
|
|
3367
|
+
ratingCtrl.init( ngModelCtrl );
|
|
2966
3368
|
}
|
|
2967
3369
|
};
|
|
2968
3370
|
});
|
|
@@ -2996,11 +3398,14 @@ angular.module('ui.bootstrap.tabs', [])
|
|
|
2996
3398
|
tabs.push(tab);
|
|
2997
3399
|
// we can't run the select function on the first tab
|
|
2998
3400
|
// since that would select it twice
|
|
2999
|
-
if (tabs.length === 1) {
|
|
3401
|
+
if (tabs.length === 1 && tab.active !== false) {
|
|
3000
3402
|
tab.active = true;
|
|
3001
3403
|
} else if (tab.active) {
|
|
3002
3404
|
ctrl.select(tab);
|
|
3003
3405
|
}
|
|
3406
|
+
else {
|
|
3407
|
+
tab.active = false;
|
|
3408
|
+
}
|
|
3004
3409
|
};
|
|
3005
3410
|
|
|
3006
3411
|
ctrl.removeTab = function removeTab(tab) {
|
|
@@ -3147,7 +3552,7 @@ angular.module('ui.bootstrap.tabs', [])
|
|
|
3147
3552
|
</file>
|
|
3148
3553
|
</example>
|
|
3149
3554
|
*/
|
|
3150
|
-
.directive('tab', ['$parse', function($parse) {
|
|
3555
|
+
.directive('tab', ['$parse', '$log', function($parse, $log) {
|
|
3151
3556
|
return {
|
|
3152
3557
|
require: '^tabset',
|
|
3153
3558
|
restrict: 'EA',
|
|
@@ -3173,7 +3578,18 @@ angular.module('ui.bootstrap.tabs', [])
|
|
|
3173
3578
|
});
|
|
3174
3579
|
|
|
3175
3580
|
scope.disabled = false;
|
|
3581
|
+
if ( attrs.disable ) {
|
|
3582
|
+
scope.$parent.$watch($parse(attrs.disable), function(value) {
|
|
3583
|
+
scope.disabled = !! value;
|
|
3584
|
+
});
|
|
3585
|
+
}
|
|
3586
|
+
|
|
3587
|
+
// Deprecation support of "disabled" parameter
|
|
3588
|
+
// fix(tab): IE9 disabled attr renders grey text on enabled tab #2677
|
|
3589
|
+
// This code is duplicated from the lines above to make it easy to remove once
|
|
3590
|
+
// the feature has been completely deprecated
|
|
3176
3591
|
if ( attrs.disabled ) {
|
|
3592
|
+
$log.warn('Use of "disabled" attribute has been deprecated, please use "disable"');
|
|
3177
3593
|
scope.$parent.$watch($parse(attrs.disabled), function(value) {
|
|
3178
3594
|
scope.disabled = !! value;
|
|
3179
3595
|
});
|
|
@@ -3254,7 +3670,8 @@ angular.module('ui.bootstrap.timepicker', [])
|
|
|
3254
3670
|
showMeridian: true,
|
|
3255
3671
|
meridians: null,
|
|
3256
3672
|
readonlyInput: false,
|
|
3257
|
-
mousewheel: true
|
|
3673
|
+
mousewheel: true,
|
|
3674
|
+
arrowkeys: true
|
|
3258
3675
|
})
|
|
3259
3676
|
|
|
3260
3677
|
.controller('TimepickerController', ['$scope', '$attrs', '$parse', '$log', '$locale', 'timepickerConfig', function($scope, $attrs, $parse, $log, $locale, timepickerConfig) {
|
|
@@ -3266,6 +3683,10 @@ angular.module('ui.bootstrap.timepicker', [])
|
|
|
3266
3683
|
ngModelCtrl = ngModelCtrl_;
|
|
3267
3684
|
ngModelCtrl.$render = this.render;
|
|
3268
3685
|
|
|
3686
|
+
ngModelCtrl.$formatters.unshift(function (modelValue) {
|
|
3687
|
+
return modelValue ? new Date( modelValue ) : null;
|
|
3688
|
+
});
|
|
3689
|
+
|
|
3269
3690
|
var hoursInputEl = inputs.eq(0),
|
|
3270
3691
|
minutesInputEl = inputs.eq(1);
|
|
3271
3692
|
|
|
@@ -3274,6 +3695,11 @@ angular.module('ui.bootstrap.timepicker', [])
|
|
|
3274
3695
|
this.setupMousewheelEvents( hoursInputEl, minutesInputEl );
|
|
3275
3696
|
}
|
|
3276
3697
|
|
|
3698
|
+
var arrowkeys = angular.isDefined($attrs.arrowkeys) ? $scope.$parent.$eval($attrs.arrowkeys) : timepickerConfig.arrowkeys;
|
|
3699
|
+
if (arrowkeys) {
|
|
3700
|
+
this.setupArrowkeyEvents( hoursInputEl, minutesInputEl );
|
|
3701
|
+
}
|
|
3702
|
+
|
|
3277
3703
|
$scope.readonlyInput = angular.isDefined($attrs.readonlyInput) ? $scope.$parent.$eval($attrs.readonlyInput) : timepickerConfig.readonlyInput;
|
|
3278
3704
|
this.setupInputEvents( hoursInputEl, minutesInputEl );
|
|
3279
3705
|
};
|
|
@@ -3336,7 +3762,7 @@ angular.module('ui.bootstrap.timepicker', [])
|
|
|
3336
3762
|
}
|
|
3337
3763
|
|
|
3338
3764
|
function pad( value ) {
|
|
3339
|
-
return ( angular.isDefined(value) && value.toString().length < 2 ) ? '0' + value : value;
|
|
3765
|
+
return ( angular.isDefined(value) && value.toString().length < 2 ) ? '0' + value : value.toString();
|
|
3340
3766
|
}
|
|
3341
3767
|
|
|
3342
3768
|
// Respond on mousewheel spin
|
|
@@ -3362,6 +3788,35 @@ angular.module('ui.bootstrap.timepicker', [])
|
|
|
3362
3788
|
|
|
3363
3789
|
};
|
|
3364
3790
|
|
|
3791
|
+
// Respond on up/down arrowkeys
|
|
3792
|
+
this.setupArrowkeyEvents = function( hoursInputEl, minutesInputEl ) {
|
|
3793
|
+
hoursInputEl.bind('keydown', function(e) {
|
|
3794
|
+
if ( e.which === 38 ) { // up
|
|
3795
|
+
e.preventDefault();
|
|
3796
|
+
$scope.incrementHours();
|
|
3797
|
+
$scope.$apply();
|
|
3798
|
+
}
|
|
3799
|
+
else if ( e.which === 40 ) { // down
|
|
3800
|
+
e.preventDefault();
|
|
3801
|
+
$scope.decrementHours();
|
|
3802
|
+
$scope.$apply();
|
|
3803
|
+
}
|
|
3804
|
+
});
|
|
3805
|
+
|
|
3806
|
+
minutesInputEl.bind('keydown', function(e) {
|
|
3807
|
+
if ( e.which === 38 ) { // up
|
|
3808
|
+
e.preventDefault();
|
|
3809
|
+
$scope.incrementMinutes();
|
|
3810
|
+
$scope.$apply();
|
|
3811
|
+
}
|
|
3812
|
+
else if ( e.which === 40 ) { // down
|
|
3813
|
+
e.preventDefault();
|
|
3814
|
+
$scope.decrementMinutes();
|
|
3815
|
+
$scope.$apply();
|
|
3816
|
+
}
|
|
3817
|
+
});
|
|
3818
|
+
};
|
|
3819
|
+
|
|
3365
3820
|
this.setupInputEvents = function( hoursInputEl, minutesInputEl ) {
|
|
3366
3821
|
if ( $scope.readonlyInput ) {
|
|
3367
3822
|
$scope.updateHours = angular.noop;
|
|
@@ -3421,7 +3876,7 @@ angular.module('ui.bootstrap.timepicker', [])
|
|
|
3421
3876
|
};
|
|
3422
3877
|
|
|
3423
3878
|
this.render = function() {
|
|
3424
|
-
var date = ngModelCtrl.$
|
|
3879
|
+
var date = ngModelCtrl.$viewValue;
|
|
3425
3880
|
|
|
3426
3881
|
if ( isNaN(date) ) {
|
|
3427
3882
|
ngModelCtrl.$setValidity('time', false);
|
|
@@ -3456,7 +3911,9 @@ angular.module('ui.bootstrap.timepicker', [])
|
|
|
3456
3911
|
}
|
|
3457
3912
|
|
|
3458
3913
|
$scope.hours = keyboardChange === 'h' ? hours : pad(hours);
|
|
3459
|
-
|
|
3914
|
+
if (keyboardChange !== 'm') {
|
|
3915
|
+
$scope.minutes = pad(minutes);
|
|
3916
|
+
}
|
|
3460
3917
|
$scope.meridian = selected.getHours() < 12 ? meridians[0] : meridians[1];
|
|
3461
3918
|
}
|
|
3462
3919
|
|
|
@@ -3501,6 +3958,96 @@ angular.module('ui.bootstrap.timepicker', [])
|
|
|
3501
3958
|
};
|
|
3502
3959
|
});
|
|
3503
3960
|
|
|
3961
|
+
angular.module('ui.bootstrap.transition', [])
|
|
3962
|
+
|
|
3963
|
+
.value('$transitionSuppressDeprecated', false)
|
|
3964
|
+
/**
|
|
3965
|
+
* $transition service provides a consistent interface to trigger CSS 3 transitions and to be informed when they complete.
|
|
3966
|
+
* @param {DOMElement} element The DOMElement that will be animated.
|
|
3967
|
+
* @param {string|object|function} trigger The thing that will cause the transition to start:
|
|
3968
|
+
* - As a string, it represents the css class to be added to the element.
|
|
3969
|
+
* - As an object, it represents a hash of style attributes to be applied to the element.
|
|
3970
|
+
* - As a function, it represents a function to be called that will cause the transition to occur.
|
|
3971
|
+
* @return {Promise} A promise that is resolved when the transition finishes.
|
|
3972
|
+
*/
|
|
3973
|
+
.factory('$transition', [
|
|
3974
|
+
'$q', '$timeout', '$rootScope', '$log', '$transitionSuppressDeprecated',
|
|
3975
|
+
function($q , $timeout , $rootScope , $log , $transitionSuppressDeprecated) {
|
|
3976
|
+
|
|
3977
|
+
if (!$transitionSuppressDeprecated) {
|
|
3978
|
+
$log.warn('$transition is now deprecated. Use $animate from ngAnimate instead.');
|
|
3979
|
+
}
|
|
3980
|
+
|
|
3981
|
+
var $transition = function(element, trigger, options) {
|
|
3982
|
+
options = options || {};
|
|
3983
|
+
var deferred = $q.defer();
|
|
3984
|
+
var endEventName = $transition[options.animation ? 'animationEndEventName' : 'transitionEndEventName'];
|
|
3985
|
+
|
|
3986
|
+
var transitionEndHandler = function(event) {
|
|
3987
|
+
$rootScope.$apply(function() {
|
|
3988
|
+
element.unbind(endEventName, transitionEndHandler);
|
|
3989
|
+
deferred.resolve(element);
|
|
3990
|
+
});
|
|
3991
|
+
};
|
|
3992
|
+
|
|
3993
|
+
if (endEventName) {
|
|
3994
|
+
element.bind(endEventName, transitionEndHandler);
|
|
3995
|
+
}
|
|
3996
|
+
|
|
3997
|
+
// Wrap in a timeout to allow the browser time to update the DOM before the transition is to occur
|
|
3998
|
+
$timeout(function() {
|
|
3999
|
+
if ( angular.isString(trigger) ) {
|
|
4000
|
+
element.addClass(trigger);
|
|
4001
|
+
} else if ( angular.isFunction(trigger) ) {
|
|
4002
|
+
trigger(element);
|
|
4003
|
+
} else if ( angular.isObject(trigger) ) {
|
|
4004
|
+
element.css(trigger);
|
|
4005
|
+
}
|
|
4006
|
+
//If browser does not support transitions, instantly resolve
|
|
4007
|
+
if ( !endEventName ) {
|
|
4008
|
+
deferred.resolve(element);
|
|
4009
|
+
}
|
|
4010
|
+
});
|
|
4011
|
+
|
|
4012
|
+
// Add our custom cancel function to the promise that is returned
|
|
4013
|
+
// We can call this if we are about to run a new transition, which we know will prevent this transition from ending,
|
|
4014
|
+
// i.e. it will therefore never raise a transitionEnd event for that transition
|
|
4015
|
+
deferred.promise.cancel = function() {
|
|
4016
|
+
if ( endEventName ) {
|
|
4017
|
+
element.unbind(endEventName, transitionEndHandler);
|
|
4018
|
+
}
|
|
4019
|
+
deferred.reject('Transition cancelled');
|
|
4020
|
+
};
|
|
4021
|
+
|
|
4022
|
+
return deferred.promise;
|
|
4023
|
+
};
|
|
4024
|
+
|
|
4025
|
+
// Work out the name of the transitionEnd event
|
|
4026
|
+
var transElement = document.createElement('trans');
|
|
4027
|
+
var transitionEndEventNames = {
|
|
4028
|
+
'WebkitTransition': 'webkitTransitionEnd',
|
|
4029
|
+
'MozTransition': 'transitionend',
|
|
4030
|
+
'OTransition': 'oTransitionEnd',
|
|
4031
|
+
'transition': 'transitionend'
|
|
4032
|
+
};
|
|
4033
|
+
var animationEndEventNames = {
|
|
4034
|
+
'WebkitTransition': 'webkitAnimationEnd',
|
|
4035
|
+
'MozTransition': 'animationend',
|
|
4036
|
+
'OTransition': 'oAnimationEnd',
|
|
4037
|
+
'transition': 'animationend'
|
|
4038
|
+
};
|
|
4039
|
+
function findEndEventName(endEventNames) {
|
|
4040
|
+
for (var name in endEventNames){
|
|
4041
|
+
if (transElement.style[name] !== undefined) {
|
|
4042
|
+
return endEventNames[name];
|
|
4043
|
+
}
|
|
4044
|
+
}
|
|
4045
|
+
}
|
|
4046
|
+
$transition.transitionEndEventName = findEndEventName(transitionEndEventNames);
|
|
4047
|
+
$transition.animationEndEventName = findEndEventName(animationEndEventNames);
|
|
4048
|
+
return $transition;
|
|
4049
|
+
}]);
|
|
4050
|
+
|
|
3504
4051
|
angular.module('ui.bootstrap.typeahead', ['ui.bootstrap.position', 'ui.bootstrap.bindHtml'])
|
|
3505
4052
|
|
|
3506
4053
|
/**
|
|
@@ -3546,7 +4093,7 @@ angular.module('ui.bootstrap.typeahead', ['ui.bootstrap.position', 'ui.bootstrap
|
|
|
3546
4093
|
//minimal no of characters that needs to be entered before typeahead kicks-in
|
|
3547
4094
|
var minSearch = originalScope.$eval(attrs.typeaheadMinLength) || 1;
|
|
3548
4095
|
|
|
3549
|
-
//minimal wait time after last character typed before
|
|
4096
|
+
//minimal wait time after last character typed before typeahead kicks-in
|
|
3550
4097
|
var waitTime = originalScope.$eval(attrs.typeaheadWaitMs) || 0;
|
|
3551
4098
|
|
|
3552
4099
|
//should it restrict model values to the ones selected from the popup only?
|
|
@@ -3634,7 +4181,7 @@ angular.module('ui.bootstrap.typeahead', ['ui.bootstrap.position', 'ui.bootstrap
|
|
|
3634
4181
|
//but we are interested only in responses that correspond to the current view value
|
|
3635
4182
|
var onCurrentRequest = (inputValue === modelCtrl.$viewValue);
|
|
3636
4183
|
if (onCurrentRequest && hasFocus) {
|
|
3637
|
-
if (matches.length > 0) {
|
|
4184
|
+
if (matches && matches.length > 0) {
|
|
3638
4185
|
|
|
3639
4186
|
scope.activeIdx = focusFirst ? 0 : -1;
|
|
3640
4187
|
scope.matches.length = 0;
|
|
@@ -3675,7 +4222,7 @@ angular.module('ui.bootstrap.typeahead', ['ui.bootstrap.position', 'ui.bootstrap
|
|
|
3675
4222
|
//we need to propagate user's query so we can higlight matches
|
|
3676
4223
|
scope.query = undefined;
|
|
3677
4224
|
|
|
3678
|
-
//Declare the timeout promise var outside the function scope so that stacked calls can be cancelled later
|
|
4225
|
+
//Declare the timeout promise var outside the function scope so that stacked calls can be cancelled later
|
|
3679
4226
|
var timeoutPromise;
|
|
3680
4227
|
|
|
3681
4228
|
var scheduleSearchWithTimeout = function(inputValue) {
|
|
@@ -3728,6 +4275,13 @@ angular.module('ui.bootstrap.typeahead', ['ui.bootstrap.position', 'ui.bootstrap
|
|
|
3728
4275
|
var candidateViewValue, emptyViewValue;
|
|
3729
4276
|
var locals = {};
|
|
3730
4277
|
|
|
4278
|
+
// The validity may be set to false via $parsers (see above) if
|
|
4279
|
+
// the model is restricted to selected values. If the model
|
|
4280
|
+
// is set manually it is considered to be valid.
|
|
4281
|
+
if (!isEditable) {
|
|
4282
|
+
modelCtrl.$setValidity('editable', true);
|
|
4283
|
+
}
|
|
4284
|
+
|
|
3731
4285
|
if (inputFormatter) {
|
|
3732
4286
|
|
|
3733
4287
|
locals.$model = modelValue;
|
|
@@ -3755,6 +4309,7 @@ angular.module('ui.bootstrap.typeahead', ['ui.bootstrap.position', 'ui.bootstrap
|
|
|
3755
4309
|
model = parserResult.modelMapper(originalScope, locals);
|
|
3756
4310
|
$setModelValue(originalScope, model);
|
|
3757
4311
|
modelCtrl.$setValidity('editable', true);
|
|
4312
|
+
modelCtrl.$setValidity('parse', true);
|
|
3758
4313
|
|
|
3759
4314
|
onSelectCallback(originalScope, {
|
|
3760
4315
|
$item: item,
|
|
@@ -3824,9 +4379,12 @@ angular.module('ui.bootstrap.typeahead', ['ui.bootstrap.position', 'ui.bootstrap
|
|
|
3824
4379
|
if (appendToBody) {
|
|
3825
4380
|
$popup.remove();
|
|
3826
4381
|
}
|
|
4382
|
+
// Prevent jQuery cache memory leak
|
|
4383
|
+
popUpEl.remove();
|
|
3827
4384
|
});
|
|
3828
4385
|
|
|
3829
4386
|
var $popup = $compile(popUpEl)(scope);
|
|
4387
|
+
|
|
3830
4388
|
if (appendToBody) {
|
|
3831
4389
|
$document.find('body').append($popup);
|
|
3832
4390
|
} else {
|
|
@@ -3872,7 +4430,7 @@ angular.module('ui.bootstrap.typeahead', ['ui.bootstrap.position', 'ui.bootstrap
|
|
|
3872
4430
|
};
|
|
3873
4431
|
})
|
|
3874
4432
|
|
|
3875
|
-
.directive('typeaheadMatch', ['$
|
|
4433
|
+
.directive('typeaheadMatch', ['$templateRequest', '$compile', '$parse', function ($templateRequest, $compile, $parse) {
|
|
3876
4434
|
return {
|
|
3877
4435
|
restrict:'EA',
|
|
3878
4436
|
scope:{
|
|
@@ -3882,8 +4440,10 @@ angular.module('ui.bootstrap.typeahead', ['ui.bootstrap.position', 'ui.bootstrap
|
|
|
3882
4440
|
},
|
|
3883
4441
|
link:function (scope, element, attrs) {
|
|
3884
4442
|
var tplUrl = $parse(attrs.templateUrl)(scope.$parent) || 'template/typeahead/typeahead-match.html';
|
|
3885
|
-
$
|
|
3886
|
-
|
|
4443
|
+
$templateRequest(tplUrl).then(function(tplContent) {
|
|
4444
|
+
$compile(tplContent.trim())(scope, function(clonedElement){
|
|
4445
|
+
element.replaceWith(clonedElement);
|
|
4446
|
+
});
|
|
3887
4447
|
});
|
|
3888
4448
|
}
|
|
3889
4449
|
};
|
|
@@ -3905,10 +4465,10 @@ angular.module("template/accordion/accordion-group.html", []).run(["$templateCac
|
|
|
3905
4465
|
"<div class=\"panel panel-default\">\n" +
|
|
3906
4466
|
" <div class=\"panel-heading\">\n" +
|
|
3907
4467
|
" <h4 class=\"panel-title\">\n" +
|
|
3908
|
-
" <a href class=\"accordion-toggle\" ng-click=\"toggleOpen()\" accordion-transclude=\"heading\"><span ng-class=\"{'text-muted': isDisabled}\">{{heading}}</span></a>\n" +
|
|
4468
|
+
" <a href=\"javascript:void(0)\" tabindex=\"0\" class=\"accordion-toggle\" ng-click=\"toggleOpen()\" accordion-transclude=\"heading\"><span ng-class=\"{'text-muted': isDisabled}\">{{heading}}</span></a>\n" +
|
|
3909
4469
|
" </h4>\n" +
|
|
3910
4470
|
" </div>\n" +
|
|
3911
|
-
" <div class=\"panel-collapse\" collapse=\"!isOpen\">\n" +
|
|
4471
|
+
" <div class=\"panel-collapse collapse\" collapse=\"!isOpen\">\n" +
|
|
3912
4472
|
" <div class=\"panel-body\" ng-transclude></div>\n" +
|
|
3913
4473
|
" </div>\n" +
|
|
3914
4474
|
"</div>\n" +
|
|
@@ -3936,7 +4496,7 @@ angular.module("template/carousel/carousel.html", []).run(["$templateCache", fun
|
|
|
3936
4496
|
$templateCache.put("template/carousel/carousel.html",
|
|
3937
4497
|
"<div ng-mouseenter=\"pause()\" ng-mouseleave=\"play()\" class=\"carousel\" ng-swipe-right=\"prev()\" ng-swipe-left=\"next()\">\n" +
|
|
3938
4498
|
" <ol class=\"carousel-indicators\" ng-show=\"slides.length > 1\">\n" +
|
|
3939
|
-
" <li ng-repeat=\"slide in slides track by $index\" ng-class=\"{active: isActive(slide)}\" ng-click=\"select(slide)\"></li>\n" +
|
|
4499
|
+
" <li ng-repeat=\"slide in slides | orderBy:'index' track by $index\" ng-class=\"{active: isActive(slide)}\" ng-click=\"select(slide)\"></li>\n" +
|
|
3940
4500
|
" </ol>\n" +
|
|
3941
4501
|
" <div class=\"carousel-inner\" ng-transclude></div>\n" +
|
|
3942
4502
|
" <a class=\"left carousel-control\" ng-click=\"prev()\" ng-show=\"slides.length > 1\"><span class=\"glyphicon glyphicon-chevron-left\"></span></a>\n" +
|
|
@@ -3948,11 +4508,7 @@ angular.module("template/carousel/carousel.html", []).run(["$templateCache", fun
|
|
|
3948
4508
|
angular.module("template/carousel/slide.html", []).run(["$templateCache", function($templateCache) {
|
|
3949
4509
|
$templateCache.put("template/carousel/slide.html",
|
|
3950
4510
|
"<div ng-class=\"{\n" +
|
|
3951
|
-
" 'active':
|
|
3952
|
-
" 'prev': (next || active) && direction=='prev',\n" +
|
|
3953
|
-
" 'next': (next || active) && direction=='next',\n" +
|
|
3954
|
-
" 'right': direction=='prev',\n" +
|
|
3955
|
-
" 'left': direction=='next'\n" +
|
|
4511
|
+
" 'active': active\n" +
|
|
3956
4512
|
" }\" class=\"item text-center\" ng-transclude></div>\n" +
|
|
3957
4513
|
"");
|
|
3958
4514
|
}]);
|
|
@@ -3972,7 +4528,7 @@ angular.module("template/datepicker/day.html", []).run(["$templateCache", functi
|
|
|
3972
4528
|
" <thead>\n" +
|
|
3973
4529
|
" <tr>\n" +
|
|
3974
4530
|
" <th><button type=\"button\" class=\"btn btn-default btn-sm pull-left\" ng-click=\"move(-1)\" tabindex=\"-1\"><i class=\"glyphicon glyphicon-chevron-left\"></i></button></th>\n" +
|
|
3975
|
-
" <th colspan=\"{{5 + showWeeks}}\"><button id=\"{{uniqueId}}-title\" role=\"heading\" aria-live=\"assertive\" aria-atomic=\"true\" type=\"button\" class=\"btn btn-default btn-sm\" ng-click=\"toggleMode()\" tabindex=\"-1\" style=\"width:100%;\"><strong>{{title}}</strong></button></th>\n" +
|
|
4531
|
+
" <th colspan=\"{{5 + showWeeks}}\"><button id=\"{{uniqueId}}-title\" role=\"heading\" aria-live=\"assertive\" aria-atomic=\"true\" type=\"button\" class=\"btn btn-default btn-sm\" ng-click=\"toggleMode()\" ng-disabled=\"datepickerMode === maxMode\" tabindex=\"-1\" style=\"width:100%;\"><strong>{{title}}</strong></button></th>\n" +
|
|
3976
4532
|
" <th><button type=\"button\" class=\"btn btn-default btn-sm pull-right\" ng-click=\"move(1)\" tabindex=\"-1\"><i class=\"glyphicon glyphicon-chevron-right\"></i></button></th>\n" +
|
|
3977
4533
|
" </tr>\n" +
|
|
3978
4534
|
" <tr>\n" +
|
|
@@ -3983,7 +4539,7 @@ angular.module("template/datepicker/day.html", []).run(["$templateCache", functi
|
|
|
3983
4539
|
" <tbody>\n" +
|
|
3984
4540
|
" <tr ng-repeat=\"row in rows track by $index\">\n" +
|
|
3985
4541
|
" <td ng-show=\"showWeeks\" class=\"text-center h6\"><em>{{ weekNumbers[$index] }}</em></td>\n" +
|
|
3986
|
-
" <td ng-repeat=\"dt in row track by dt.date\" class=\"text-center\" role=\"gridcell\" id=\"{{dt.uid}}\" aria-disabled=\"{{!!dt.disabled}}\">\n" +
|
|
4542
|
+
" <td ng-repeat=\"dt in row track by dt.date\" class=\"text-center\" role=\"gridcell\" id=\"{{dt.uid}}\" aria-disabled=\"{{!!dt.disabled}}\" ng-class=\"dt.customClass\">\n" +
|
|
3987
4543
|
" <button type=\"button\" style=\"width:100%;\" class=\"btn btn-default btn-sm\" ng-class=\"{'btn-info': dt.selected, active: isActive(dt)}\" ng-click=\"select(dt.date)\" ng-disabled=\"dt.disabled\" tabindex=\"-1\"><span ng-class=\"{'text-muted': dt.secondary, 'text-info': dt.current}\">{{dt.label}}</span></button>\n" +
|
|
3988
4544
|
" </td>\n" +
|
|
3989
4545
|
" </tr>\n" +
|
|
@@ -3998,7 +4554,7 @@ angular.module("template/datepicker/month.html", []).run(["$templateCache", func
|
|
|
3998
4554
|
" <thead>\n" +
|
|
3999
4555
|
" <tr>\n" +
|
|
4000
4556
|
" <th><button type=\"button\" class=\"btn btn-default btn-sm pull-left\" ng-click=\"move(-1)\" tabindex=\"-1\"><i class=\"glyphicon glyphicon-chevron-left\"></i></button></th>\n" +
|
|
4001
|
-
" <th><button id=\"{{uniqueId}}-title\" role=\"heading\" aria-live=\"assertive\" aria-atomic=\"true\" type=\"button\" class=\"btn btn-default btn-sm\" ng-click=\"toggleMode()\" tabindex=\"-1\" style=\"width:100%;\"><strong>{{title}}</strong></button></th>\n" +
|
|
4557
|
+
" <th><button id=\"{{uniqueId}}-title\" role=\"heading\" aria-live=\"assertive\" aria-atomic=\"true\" type=\"button\" class=\"btn btn-default btn-sm\" ng-click=\"toggleMode()\" ng-disabled=\"datepickerMode === maxMode\" tabindex=\"-1\" style=\"width:100%;\"><strong>{{title}}</strong></button></th>\n" +
|
|
4002
4558
|
" <th><button type=\"button\" class=\"btn btn-default btn-sm pull-right\" ng-click=\"move(1)\" tabindex=\"-1\"><i class=\"glyphicon glyphicon-chevron-right\"></i></button></th>\n" +
|
|
4003
4559
|
" </tr>\n" +
|
|
4004
4560
|
" </thead>\n" +
|
|
@@ -4034,7 +4590,7 @@ angular.module("template/datepicker/year.html", []).run(["$templateCache", funct
|
|
|
4034
4590
|
" <thead>\n" +
|
|
4035
4591
|
" <tr>\n" +
|
|
4036
4592
|
" <th><button type=\"button\" class=\"btn btn-default btn-sm pull-left\" ng-click=\"move(-1)\" tabindex=\"-1\"><i class=\"glyphicon glyphicon-chevron-left\"></i></button></th>\n" +
|
|
4037
|
-
" <th colspan=\"3\"><button id=\"{{uniqueId}}-title\" role=\"heading\" aria-live=\"assertive\" aria-atomic=\"true\" type=\"button\" class=\"btn btn-default btn-sm\" ng-click=\"toggleMode()\" tabindex=\"-1\" style=\"width:100%;\"><strong>{{title}}</strong></button></th>\n" +
|
|
4593
|
+
" <th colspan=\"3\"><button id=\"{{uniqueId}}-title\" role=\"heading\" aria-live=\"assertive\" aria-atomic=\"true\" type=\"button\" class=\"btn btn-default btn-sm\" ng-click=\"toggleMode()\" ng-disabled=\"datepickerMode === maxMode\" tabindex=\"-1\" style=\"width:100%;\"><strong>{{title}}</strong></button></th>\n" +
|
|
4038
4594
|
" <th><button type=\"button\" class=\"btn btn-default btn-sm pull-right\" ng-click=\"move(1)\" tabindex=\"-1\"><i class=\"glyphicon glyphicon-chevron-right\"></i></button></th>\n" +
|
|
4039
4595
|
" </tr>\n" +
|
|
4040
4596
|
" </thead>\n" +
|
|
@@ -4051,7 +4607,8 @@ angular.module("template/datepicker/year.html", []).run(["$templateCache", funct
|
|
|
4051
4607
|
|
|
4052
4608
|
angular.module("template/modal/backdrop.html", []).run(["$templateCache", function($templateCache) {
|
|
4053
4609
|
$templateCache.put("template/modal/backdrop.html",
|
|
4054
|
-
"<div class=\"modal-backdrop
|
|
4610
|
+
"<div class=\"modal-backdrop\"\n" +
|
|
4611
|
+
" modal-animation-class=\"fade\"\n" +
|
|
4055
4612
|
" ng-class=\"{in: animate}\"\n" +
|
|
4056
4613
|
" ng-style=\"{'z-index': 1040 + (index && 1 || 0) + index*10}\"\n" +
|
|
4057
4614
|
"></div>\n" +
|
|
@@ -4060,33 +4617,51 @@ angular.module("template/modal/backdrop.html", []).run(["$templateCache", functi
|
|
|
4060
4617
|
|
|
4061
4618
|
angular.module("template/modal/window.html", []).run(["$templateCache", function($templateCache) {
|
|
4062
4619
|
$templateCache.put("template/modal/window.html",
|
|
4063
|
-
"<div tabindex=\"-1\" role=\"dialog\" class=\"modal
|
|
4064
|
-
"
|
|
4065
|
-
"
|
|
4620
|
+
"<div modal-render=\"{{$isRendered}}\" tabindex=\"-1\" role=\"dialog\" class=\"modal\"\n" +
|
|
4621
|
+
" modal-animation-class=\"fade\"\n" +
|
|
4622
|
+
" ng-class=\"{in: animate}\" ng-style=\"{'z-index': 1050 + index*10, display: 'block'}\" ng-click=\"close($event)\">\n" +
|
|
4623
|
+
" <div class=\"modal-dialog\" ng-class=\"size ? 'modal-' + size : ''\"><div class=\"modal-content\" modal-transclude></div></div>\n" +
|
|
4624
|
+
"</div>\n" +
|
|
4625
|
+
"");
|
|
4066
4626
|
}]);
|
|
4067
4627
|
|
|
4068
4628
|
angular.module("template/pagination/pager.html", []).run(["$templateCache", function($templateCache) {
|
|
4069
4629
|
$templateCache.put("template/pagination/pager.html",
|
|
4070
4630
|
"<ul class=\"pager\">\n" +
|
|
4071
|
-
" <li ng-class=\"{disabled: noPrevious(), previous: align}\"><a href ng-click=\"selectPage(page - 1)\">{{getText('previous')}}</a></li>\n" +
|
|
4072
|
-
" <li ng-class=\"{disabled: noNext(), next: align}\"><a href ng-click=\"selectPage(page + 1)\">{{getText('next')}}</a></li>\n" +
|
|
4631
|
+
" <li ng-class=\"{disabled: noPrevious(), previous: align}\"><a href ng-click=\"selectPage(page - 1, $event)\">{{getText('previous')}}</a></li>\n" +
|
|
4632
|
+
" <li ng-class=\"{disabled: noNext(), next: align}\"><a href ng-click=\"selectPage(page + 1, $event)\">{{getText('next')}}</a></li>\n" +
|
|
4073
4633
|
"</ul>");
|
|
4074
4634
|
}]);
|
|
4075
4635
|
|
|
4076
4636
|
angular.module("template/pagination/pagination.html", []).run(["$templateCache", function($templateCache) {
|
|
4077
4637
|
$templateCache.put("template/pagination/pagination.html",
|
|
4078
4638
|
"<ul class=\"pagination\">\n" +
|
|
4079
|
-
" <li ng-if=\"boundaryLinks\" ng-class=\"{disabled: noPrevious()}\"><a href ng-click=\"selectPage(1)\">{{getText('first')}}</a></li>\n" +
|
|
4080
|
-
" <li ng-if=\"directionLinks\" ng-class=\"{disabled: noPrevious()}\"><a href ng-click=\"selectPage(page - 1)\">{{getText('previous')}}</a></li>\n" +
|
|
4081
|
-
" <li ng-repeat=\"page in pages track by $index\" ng-class=\"{active: page.active}\"><a href ng-click=\"selectPage(page.number)\">{{page.text}}</a></li>\n" +
|
|
4082
|
-
" <li ng-if=\"directionLinks\" ng-class=\"{disabled: noNext()}\"><a href ng-click=\"selectPage(page + 1)\">{{getText('next')}}</a></li>\n" +
|
|
4083
|
-
" <li ng-if=\"boundaryLinks\" ng-class=\"{disabled: noNext()}\"><a href ng-click=\"selectPage(totalPages)\">{{getText('last')}}</a></li>\n" +
|
|
4639
|
+
" <li ng-if=\"boundaryLinks\" ng-class=\"{disabled: noPrevious()}\"><a href ng-click=\"selectPage(1, $event)\">{{getText('first')}}</a></li>\n" +
|
|
4640
|
+
" <li ng-if=\"directionLinks\" ng-class=\"{disabled: noPrevious()}\"><a href ng-click=\"selectPage(page - 1, $event)\">{{getText('previous')}}</a></li>\n" +
|
|
4641
|
+
" <li ng-repeat=\"page in pages track by $index\" ng-class=\"{active: page.active}\"><a href ng-click=\"selectPage(page.number, $event)\">{{page.text}}</a></li>\n" +
|
|
4642
|
+
" <li ng-if=\"directionLinks\" ng-class=\"{disabled: noNext()}\"><a href ng-click=\"selectPage(page + 1, $event)\">{{getText('next')}}</a></li>\n" +
|
|
4643
|
+
" <li ng-if=\"boundaryLinks\" ng-class=\"{disabled: noNext()}\"><a href ng-click=\"selectPage(totalPages, $event)\">{{getText('last')}}</a></li>\n" +
|
|
4084
4644
|
"</ul>");
|
|
4085
4645
|
}]);
|
|
4086
4646
|
|
|
4647
|
+
angular.module("template/tooltip/tooltip-html-popup.html", []).run(["$templateCache", function($templateCache) {
|
|
4648
|
+
$templateCache.put("template/tooltip/tooltip-html-popup.html",
|
|
4649
|
+
"<div class=\"tooltip\"\n" +
|
|
4650
|
+
" tooltip-animation-class=\"fade\"\n" +
|
|
4651
|
+
" tooltip-classes\n" +
|
|
4652
|
+
" ng-class=\"{ in: isOpen() }\">\n" +
|
|
4653
|
+
" <div class=\"tooltip-arrow\"></div>\n" +
|
|
4654
|
+
" <div class=\"tooltip-inner\" ng-bind-html=\"contentExp()\"></div>\n" +
|
|
4655
|
+
"</div>\n" +
|
|
4656
|
+
"");
|
|
4657
|
+
}]);
|
|
4658
|
+
|
|
4087
4659
|
angular.module("template/tooltip/tooltip-html-unsafe-popup.html", []).run(["$templateCache", function($templateCache) {
|
|
4088
4660
|
$templateCache.put("template/tooltip/tooltip-html-unsafe-popup.html",
|
|
4089
|
-
"<div class=\"tooltip
|
|
4661
|
+
"<div class=\"tooltip\"\n" +
|
|
4662
|
+
" tooltip-animation-class=\"fade\"\n" +
|
|
4663
|
+
" tooltip-classes\n" +
|
|
4664
|
+
" ng-class=\"{ in: isOpen() }\">\n" +
|
|
4090
4665
|
" <div class=\"tooltip-arrow\"></div>\n" +
|
|
4091
4666
|
" <div class=\"tooltip-inner\" bind-html-unsafe=\"content\"></div>\n" +
|
|
4092
4667
|
"</div>\n" +
|
|
@@ -4095,20 +4670,71 @@ angular.module("template/tooltip/tooltip-html-unsafe-popup.html", []).run(["$tem
|
|
|
4095
4670
|
|
|
4096
4671
|
angular.module("template/tooltip/tooltip-popup.html", []).run(["$templateCache", function($templateCache) {
|
|
4097
4672
|
$templateCache.put("template/tooltip/tooltip-popup.html",
|
|
4098
|
-
"<div class=\"tooltip
|
|
4673
|
+
"<div class=\"tooltip\"\n" +
|
|
4674
|
+
" tooltip-animation-class=\"fade\"\n" +
|
|
4675
|
+
" tooltip-classes\n" +
|
|
4676
|
+
" ng-class=\"{ in: isOpen() }\">\n" +
|
|
4099
4677
|
" <div class=\"tooltip-arrow\"></div>\n" +
|
|
4100
4678
|
" <div class=\"tooltip-inner\" ng-bind=\"content\"></div>\n" +
|
|
4101
4679
|
"</div>\n" +
|
|
4102
4680
|
"");
|
|
4103
4681
|
}]);
|
|
4104
4682
|
|
|
4683
|
+
angular.module("template/tooltip/tooltip-template-popup.html", []).run(["$templateCache", function($templateCache) {
|
|
4684
|
+
$templateCache.put("template/tooltip/tooltip-template-popup.html",
|
|
4685
|
+
"<div class=\"tooltip\"\n" +
|
|
4686
|
+
" tooltip-animation-class=\"fade\"\n" +
|
|
4687
|
+
" tooltip-classes\n" +
|
|
4688
|
+
" ng-class=\"{ in: isOpen() }\">\n" +
|
|
4689
|
+
" <div class=\"tooltip-arrow\"></div>\n" +
|
|
4690
|
+
" <div class=\"tooltip-inner\"\n" +
|
|
4691
|
+
" tooltip-template-transclude=\"contentExp()\"\n" +
|
|
4692
|
+
" tooltip-template-transclude-scope=\"originScope()\"></div>\n" +
|
|
4693
|
+
"</div>\n" +
|
|
4694
|
+
"");
|
|
4695
|
+
}]);
|
|
4696
|
+
|
|
4697
|
+
angular.module("template/popover/popover-template.html", []).run(["$templateCache", function($templateCache) {
|
|
4698
|
+
$templateCache.put("template/popover/popover-template.html",
|
|
4699
|
+
"<div class=\"popover\"\n" +
|
|
4700
|
+
" tooltip-animation-class=\"fade\"\n" +
|
|
4701
|
+
" tooltip-classes\n" +
|
|
4702
|
+
" ng-class=\"{ in: isOpen() }\">\n" +
|
|
4703
|
+
" <div class=\"arrow\"></div>\n" +
|
|
4704
|
+
"\n" +
|
|
4705
|
+
" <div class=\"popover-inner\">\n" +
|
|
4706
|
+
" <h3 class=\"popover-title\" ng-bind=\"title\" ng-if=\"title\"></h3>\n" +
|
|
4707
|
+
" <div class=\"popover-content\"\n" +
|
|
4708
|
+
" tooltip-template-transclude=\"contentExp()\"\n" +
|
|
4709
|
+
" tooltip-template-transclude-scope=\"originScope()\"></div>\n" +
|
|
4710
|
+
" </div>\n" +
|
|
4711
|
+
"</div>\n" +
|
|
4712
|
+
"");
|
|
4713
|
+
}]);
|
|
4714
|
+
|
|
4715
|
+
angular.module("template/popover/popover-window.html", []).run(["$templateCache", function($templateCache) {
|
|
4716
|
+
$templateCache.put("template/popover/popover-window.html",
|
|
4717
|
+
"<div class=\"popover {{placement}}\" ng-class=\"{ in: isOpen, fade: animation }\">\n" +
|
|
4718
|
+
" <div class=\"arrow\"></div>\n" +
|
|
4719
|
+
"\n" +
|
|
4720
|
+
" <div class=\"popover-inner\">\n" +
|
|
4721
|
+
" <h3 class=\"popover-title\" ng-bind=\"title\" ng-show=\"title\"></h3>\n" +
|
|
4722
|
+
" <div class=\"popover-content\" tooltip-template-transclude></div>\n" +
|
|
4723
|
+
" </div>\n" +
|
|
4724
|
+
"</div>\n" +
|
|
4725
|
+
"");
|
|
4726
|
+
}]);
|
|
4727
|
+
|
|
4105
4728
|
angular.module("template/popover/popover.html", []).run(["$templateCache", function($templateCache) {
|
|
4106
4729
|
$templateCache.put("template/popover/popover.html",
|
|
4107
|
-
"<div class=\"popover
|
|
4730
|
+
"<div class=\"popover\"\n" +
|
|
4731
|
+
" tooltip-animation-class=\"fade\"\n" +
|
|
4732
|
+
" tooltip-classes\n" +
|
|
4733
|
+
" ng-class=\"{ in: isOpen() }\">\n" +
|
|
4108
4734
|
" <div class=\"arrow\"></div>\n" +
|
|
4109
4735
|
"\n" +
|
|
4110
4736
|
" <div class=\"popover-inner\">\n" +
|
|
4111
|
-
" <h3 class=\"popover-title\" ng-bind=\"title\" ng-
|
|
4737
|
+
" <h3 class=\"popover-title\" ng-bind=\"title\" ng-if=\"title\"></h3>\n" +
|
|
4112
4738
|
" <div class=\"popover-content\" ng-bind=\"content\"></div>\n" +
|
|
4113
4739
|
" </div>\n" +
|
|
4114
4740
|
"</div>\n" +
|
|
@@ -4117,7 +4743,8 @@ angular.module("template/popover/popover.html", []).run(["$templateCache", funct
|
|
|
4117
4743
|
|
|
4118
4744
|
angular.module("template/progressbar/bar.html", []).run(["$templateCache", function($templateCache) {
|
|
4119
4745
|
$templateCache.put("template/progressbar/bar.html",
|
|
4120
|
-
"<div class=\"progress-bar\" ng-class=\"type && 'progress-bar-' + type\" role=\"progressbar\" aria-valuenow=\"{{value}}\" aria-valuemin=\"0\" aria-valuemax=\"{{max}}\" ng-style=\"{width: percent + '%'}\" aria-valuetext=\"{{percent | number:0}}%\" ng-transclude></div
|
|
4746
|
+
"<div class=\"progress-bar\" ng-class=\"type && 'progress-bar-' + type\" role=\"progressbar\" aria-valuenow=\"{{value}}\" aria-valuemin=\"0\" aria-valuemax=\"{{max}}\" ng-style=\"{width: (percent < 100 ? percent : 100) + '%'}\" aria-valuetext=\"{{percent | number:0}}%\" ng-transclude></div>\n" +
|
|
4747
|
+
"");
|
|
4121
4748
|
}]);
|
|
4122
4749
|
|
|
4123
4750
|
angular.module("template/progressbar/progress.html", []).run(["$templateCache", function($templateCache) {
|
|
@@ -4128,8 +4755,9 @@ angular.module("template/progressbar/progress.html", []).run(["$templateCache",
|
|
|
4128
4755
|
angular.module("template/progressbar/progressbar.html", []).run(["$templateCache", function($templateCache) {
|
|
4129
4756
|
$templateCache.put("template/progressbar/progressbar.html",
|
|
4130
4757
|
"<div class=\"progress\">\n" +
|
|
4131
|
-
" <div class=\"progress-bar\" ng-class=\"type && 'progress-bar-' + type\" role=\"progressbar\" aria-valuenow=\"{{value}}\" aria-valuemin=\"0\" aria-valuemax=\"{{max}}\" ng-style=\"{width: percent + '%'}\" aria-valuetext=\"{{percent | number:0}}%\" ng-transclude></div>\n" +
|
|
4132
|
-
"</div
|
|
4758
|
+
" <div class=\"progress-bar\" ng-class=\"type && 'progress-bar-' + type\" role=\"progressbar\" aria-valuenow=\"{{value}}\" aria-valuemin=\"0\" aria-valuemax=\"{{max}}\" ng-style=\"{width: (percent < 100 ? percent : 100) + '%'}\" aria-valuetext=\"{{percent | number:0}}%\" ng-transclude></div>\n" +
|
|
4759
|
+
"</div>\n" +
|
|
4760
|
+
"");
|
|
4133
4761
|
}]);
|
|
4134
4762
|
|
|
4135
4763
|
angular.module("template/rating/rating.html", []).run(["$templateCache", function($templateCache) {
|
|
@@ -4175,12 +4803,12 @@ angular.module("template/timepicker/timepicker.html", []).run(["$templateCache",
|
|
|
4175
4803
|
" <td ng-show=\"showMeridian\"></td>\n" +
|
|
4176
4804
|
" </tr>\n" +
|
|
4177
4805
|
" <tr>\n" +
|
|
4178
|
-
" <td
|
|
4179
|
-
" <input type=\"text\" ng-model=\"hours\" ng-change=\"updateHours()\" class=\"form-control text-center\" ng-
|
|
4806
|
+
" <td class=\"form-group\" ng-class=\"{'has-error': invalidHours}\">\n" +
|
|
4807
|
+
" <input style=\"width:50px;\" type=\"text\" ng-model=\"hours\" ng-change=\"updateHours()\" class=\"form-control text-center\" ng-readonly=\"readonlyInput\" maxlength=\"2\">\n" +
|
|
4180
4808
|
" </td>\n" +
|
|
4181
4809
|
" <td>:</td>\n" +
|
|
4182
|
-
" <td
|
|
4183
|
-
" <input type=\"text\" ng-model=\"minutes\" ng-change=\"updateMinutes()\" class=\"form-control text-center\" ng-readonly=\"readonlyInput\" maxlength=\"2\">\n" +
|
|
4810
|
+
" <td class=\"form-group\" ng-class=\"{'has-error': invalidMinutes}\">\n" +
|
|
4811
|
+
" <input style=\"width:50px;\" type=\"text\" ng-model=\"minutes\" ng-change=\"updateMinutes()\" class=\"form-control text-center\" ng-readonly=\"readonlyInput\" maxlength=\"2\">\n" +
|
|
4184
4812
|
" </td>\n" +
|
|
4185
4813
|
" <td ng-show=\"showMeridian\"><button type=\"button\" class=\"btn btn-default text-center\" ng-click=\"toggleMeridian()\">{{meridian}}</button></td>\n" +
|
|
4186
4814
|
" </tr>\n" +
|
|
@@ -4209,3 +4837,4 @@ angular.module("template/typeahead/typeahead-popup.html", []).run(["$templateCac
|
|
|
4209
4837
|
"</ul>\n" +
|
|
4210
4838
|
"");
|
|
4211
4839
|
}]);
|
|
4840
|
+
!angular.$$csp() && angular.element(document).find('head').prepend('<style type="text/css">.ng-animate.item:not(.left):not(.right){-webkit-transition:0s ease-in-out left;transition:0s ease-in-out left}</style>');
|