1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
| /**
| * angular-strap
| * @version v2.0.3 - 2014-05-30
| * @link http://mgcrea.github.io/angular-strap
| * @author Olivier Louvignes (olivier@mg-crea.com)
| * @license MIT License, http://www.opensource.org/licenses/MIT
| */
| 'use strict';
| // @BUG: following snippet won't compile correctly
| // @TODO: submit issue to core
| // '<span ng-if="title"><strong ng-bind="title"></strong> </span><span ng-bind-html="content"></span>' +
| angular.module('mgcrea.ngStrap.alert', ['mgcrea.ngStrap.modal']).provider('$alert', function () {
| var defaults = this.defaults = {
| animation: 'am-fade',
| prefixClass: 'alert',
| placement: null,
| template: 'alert/alert.tpl.html',
| container: false,
| element: null,
| backdrop: false,
| keyboard: true,
| show: true,
| duration: false,
| type: false,
| dismissable: true
| };
| this.$get = [
| '$modal',
| '$timeout',
| function ($modal, $timeout) {
| function AlertFactory(config) {
| var $alert = {};
| // Common vars
| var options = angular.extend({}, defaults, config);
| $alert = $modal(options);
| // Support scope as string options [/*title, content, */ type, dismissable]
| $alert.$scope.dismissable = !!options.dismissable;
| if (options.type) {
| $alert.$scope.type = options.type;
| }
| // Support auto-close duration
| var show = $alert.show;
| if (options.duration) {
| $alert.show = function () {
| show();
| $timeout(function () {
| $alert.hide();
| }, options.duration * 1000);
| };
| }
| return $alert;
| }
| return AlertFactory;
| }
| ];
| }).directive('bsAlert', [
| '$window',
| '$location',
| '$sce',
| '$alert',
| function ($window, $location, $sce, $alert) {
| var requestAnimationFrame = $window.requestAnimationFrame || $window.setTimeout;
| return {
| restrict: 'EAC',
| scope: true,
| link: function postLink(scope, element, attr, transclusion) {
| // Directive options
| var options = {
| scope: scope,
| element: element,
| show: false
| };
| angular.forEach([
| 'template',
| 'placement',
| 'keyboard',
| 'html',
| 'container',
| 'animation',
| 'duration',
| 'dismissable'
| ], function (key) {
| if (angular.isDefined(attr[key]))
| options[key] = attr[key];
| });
| // Support scope as data-attrs
| angular.forEach([
| 'title',
| 'content',
| 'type'
| ], function (key) {
| attr[key] && attr.$observe(key, function (newValue, oldValue) {
| scope[key] = $sce.trustAsHtml(newValue);
| });
| });
| // Support scope as an object
| attr.bsAlert && scope.$watch(attr.bsAlert, function (newValue, oldValue) {
| if (angular.isObject(newValue)) {
| angular.extend(scope, newValue);
| } else {
| scope.content = newValue;
| }
| }, true);
| // Initialize alert
| var alert = $alert(options);
| // Trigger
| element.on(attr.trigger || 'click', alert.toggle);
| // Garbage collection
| scope.$on('$destroy', function () {
| alert.destroy();
| options = null;
| alert = null;
| });
| }
| };
| }
| ]);
|
|
