active_frontend 14.0.17 → 14.0.18
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: 908fca1eee6f9052c96127456b8c558cc0db4ba4
|
4
|
+
data.tar.gz: 47b54d7cf89ca24622d1b45ea522719c50ed0692
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: 1ae1d482f796d7f8df937b8d00564329557cc4e244b55a94377a847a0e5642bc293bcb57c452c4cd73612f39c7463e1507bd62c2302fb7b4ebe264f19df59a43
|
7
|
+
data.tar.gz: 14a4bbe94ca225585a63d6f35ffd8cec8ed64c6642da731f95671bcc9674af71989f839d4dee021bb6fbad3aadc95aef0d1344a0a0fceb093f4e67f319b3f261
|
@@ -7,16 +7,24 @@
|
|
7
7
|
var Affirm = function (element, options) {
|
8
8
|
this.$element = $(element);
|
9
9
|
this.settings = {
|
10
|
-
|
11
|
-
|
12
|
-
|
10
|
+
btnClass: {
|
11
|
+
cancel: this.$element.data('btn-class-cancel') || Affirm.DEFAULTS.btnClass.cancel,
|
12
|
+
confirm: this.$element.data('btn-class-confirm') || Affirm.DEFAULTS.btnClass.confirm
|
13
|
+
},
|
14
|
+
format: this.$element.data('format'),
|
15
|
+
text: {
|
16
|
+
cancel: this.$element.data('text-cancel') || Affirm.DEFAULTS.text.cancel,
|
17
|
+
confirm: this.$element.data('text-confirm') || Affirm.DEFAULTS.text.confirm
|
18
|
+
},
|
19
|
+
title: this.$element.data('title')
|
13
20
|
};
|
14
|
-
this.options = $.extend({}, Affirm.DEFAULTS, options);
|
21
|
+
this.options = $.extend({}, Affirm.DEFAULTS, this.settings, options);
|
15
22
|
|
16
23
|
this.init();
|
17
24
|
};
|
18
25
|
|
19
26
|
if (!$.fn.modal) throw new Error('Affirm requires modal.js');
|
27
|
+
if (!$.fn.popover) throw new Error('Affirm requires popover.js');
|
20
28
|
|
21
29
|
Affirm.VERSION = '1.0.0';
|
22
30
|
Affirm.DEFAULTS = {
|
@@ -24,14 +32,12 @@
|
|
24
32
|
cancel: 'btn margin-size-right-xs',
|
25
33
|
confirm: 'btn btn-color-red'
|
26
34
|
},
|
27
|
-
modalClass: 'modal fade',
|
28
|
-
modalId: 'bsAffirmModal',
|
29
35
|
format: 'modal',
|
30
36
|
text: {
|
31
37
|
cancel: 'No, Cancel',
|
32
38
|
confirm: 'Yes, Confirm'
|
33
39
|
},
|
34
|
-
title: 'Are you
|
40
|
+
title: 'Are you sure about this?'
|
35
41
|
};
|
36
42
|
|
37
43
|
Affirm.prototype.constructor = Affirm;
|
@@ -39,19 +45,23 @@
|
|
39
45
|
Affirm.prototype.init = function () {
|
40
46
|
var _self = this;
|
41
47
|
var body = $('body');
|
42
|
-
var modalId = '#' + this.options.modalId;
|
43
48
|
|
44
|
-
this.$element.click(function () {
|
45
|
-
|
46
|
-
|
47
|
-
|
49
|
+
this.$element.click(function (e) {
|
50
|
+
e.stopPropagation();
|
51
|
+
e.preventDefault();
|
52
|
+
|
53
|
+
_self.displayFormat();
|
48
54
|
|
49
55
|
return false;
|
50
56
|
});
|
51
57
|
|
52
|
-
|
53
|
-
|
54
|
-
|
58
|
+
$('body')
|
59
|
+
.on('click', '[data-affirm-toggle="cancel"]', function () {
|
60
|
+
_self.cancelFormat();
|
61
|
+
})
|
62
|
+
.on('click', '[data-affirm-toggle="confirm"]', function () {
|
63
|
+
_self.confirmFormat();
|
64
|
+
});
|
55
65
|
};
|
56
66
|
|
57
67
|
Affirm.prototype.cancelBtn = function () {
|
@@ -85,9 +95,8 @@
|
|
85
95
|
var footer = $('<div class="modal-footer text-align-right">')
|
86
96
|
.append(this.cancelBtn())
|
87
97
|
.append(this.confirmBtn());
|
88
|
-
var modal = $('<div role="modal">')
|
89
|
-
.
|
90
|
-
.attr('id', this.options.modalId)
|
98
|
+
var modal = $('<div class="modal fade" role="modal">')
|
99
|
+
.attr('id', 'bsAffirmModal')
|
91
100
|
.append(header)
|
92
101
|
.append(body)
|
93
102
|
.append(footer);
|
@@ -95,6 +104,67 @@
|
|
95
104
|
return modal;
|
96
105
|
};
|
97
106
|
|
107
|
+
Affirm.prototype.displayModal = function () {
|
108
|
+
var modalId = '#bsAffirmModal';
|
109
|
+
|
110
|
+
$(modalId).remove();
|
111
|
+
$('body').append(this.modalTemplate());
|
112
|
+
$(modalId).modal('show');
|
113
|
+
};
|
114
|
+
|
115
|
+
Affirm.prototype.popoverTemplate = function () {
|
116
|
+
var cancelBtn = this.cancelBtn()
|
117
|
+
.addClass('btn-size-s');
|
118
|
+
var confirmBtn = this.confirmBtn()
|
119
|
+
.addClass('btn-size-s');
|
120
|
+
var navigation = $('<div class="popover-nav text-align-center row">')
|
121
|
+
.append(cancelBtn)
|
122
|
+
.append(confirmBtn);
|
123
|
+
var popover = $('<div class="popover" role="tooltip">')
|
124
|
+
.append('<div class="arrow"></div>')
|
125
|
+
.append('<strong class="popover-title"></strong>')
|
126
|
+
.append('<div class="popover-content"></div>')
|
127
|
+
.append(navigation);
|
128
|
+
|
129
|
+
return popover;
|
130
|
+
};
|
131
|
+
|
132
|
+
Affirm.prototype.displayPopover = function () {
|
133
|
+
$('.popover').remove();
|
134
|
+
|
135
|
+
this.$element.popover({
|
136
|
+
container: false,
|
137
|
+
content: this.$element.attr('data-affirm'),
|
138
|
+
html: true,
|
139
|
+
placement: 'top',
|
140
|
+
title: this.options.title,
|
141
|
+
template: this.popoverTemplate(),
|
142
|
+
trigger: 'manual'
|
143
|
+
});
|
144
|
+
|
145
|
+
this.$element.popover('show');
|
146
|
+
};
|
147
|
+
|
148
|
+
Affirm.prototype.displayFormat = function () {
|
149
|
+
if (this.options.format === 'popover') {
|
150
|
+
this.displayPopover();
|
151
|
+
} else {
|
152
|
+
this.displayModal();
|
153
|
+
}
|
154
|
+
};
|
155
|
+
|
156
|
+
Affirm.prototype.cancelFormat = function () {
|
157
|
+
if (this.options.format === 'popover') this.$element.popover('hide');
|
158
|
+
};
|
159
|
+
|
160
|
+
Affirm.prototype.confirmFormat = function () {
|
161
|
+
if (this.options.format === 'popover') {
|
162
|
+
this.$element.popover('hide');
|
163
|
+
} else {
|
164
|
+
$('#bsAffirmModal').modal('show');
|
165
|
+
}
|
166
|
+
};
|
167
|
+
|
98
168
|
// AFFIRM PLUGIN DEFINITION
|
99
169
|
// ========================
|
100
170
|
|
@@ -49,9 +49,9 @@
|
|
49
49
|
|
50
50
|
element.removeClass(animation)
|
51
51
|
.addClass(animation)
|
52
|
-
.on(Animation.TRANSITION_END, function (
|
53
|
-
|
54
|
-
|
52
|
+
.on(Animation.TRANSITION_END, function (e) {
|
53
|
+
e.stopPropagation();
|
54
|
+
e.preventDefault();
|
55
55
|
|
56
56
|
if (infinite !== true) element.removeClass(animation);
|
57
57
|
if (hide === true) element.addClass('hidden');
|
@@ -197,7 +197,7 @@
|
|
197
197
|
|
198
198
|
> a {
|
199
199
|
border-bottom: 2px solid color(transparent);
|
200
|
-
padding-bottom:
|
200
|
+
padding-bottom: 15px;
|
201
201
|
|
202
202
|
&:hover,
|
203
203
|
&:active,
|
@@ -217,6 +217,14 @@
|
|
217
217
|
}
|
218
218
|
}
|
219
219
|
}
|
220
|
+
|
221
|
+
> .btn,
|
222
|
+
> .btn-group {
|
223
|
+
margin-top: -12px;
|
224
|
+
|
225
|
+
&.pull-left,
|
226
|
+
&.pull-right { margin-top: -7px; }
|
227
|
+
}
|
220
228
|
}
|
221
229
|
.nav-stacked > li {
|
222
230
|
float: none;
|