sweet-alert 0.0.6 → 0.0.7
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: 29df968afc1140b043fbb232b5c8713d8da06c00
|
4
|
+
data.tar.gz: b8c7665e366791bc871909ef13ea6abd65e309ec
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: 2484701b8cec5a38ca1ed6808715a059e2928c0e527ccae2c0836f1d3a8d1bd485007eb9dd9ff7445d763e1691c36c866268892f0d5bfecb85af5e84a3114ea4
|
7
|
+
data.tar.gz: f171b802dba0c738509ca9ce0c4aea48cd82100e42c78e7923f474a79d1d9f21c480bff18e8200c0d99234ad5716d4ac4c750da68ffde5f8081a8f57b3b0dff2
|
@@ -1,7 +1,7 @@
|
|
1
1
|
// SweetAlert
|
2
2
|
// 2014 (c) - Tristan Edwards
|
3
3
|
// github.com/t4t5/sweetalert
|
4
|
-
;(function(window, document) {
|
4
|
+
;(function(window, document, undefined) {
|
5
5
|
|
6
6
|
var modalClass = '.sweet-alert',
|
7
7
|
overlayClass = '.sweet-overlay',
|
@@ -19,7 +19,11 @@
|
|
19
19
|
cancelButtonText: 'Cancel',
|
20
20
|
imageUrl: null,
|
21
21
|
imageSize: null,
|
22
|
-
timer: null
|
22
|
+
timer: null,
|
23
|
+
customClass: '',
|
24
|
+
html: false,
|
25
|
+
animation: true,
|
26
|
+
allowEscapeKey: true
|
23
27
|
};
|
24
28
|
|
25
29
|
|
@@ -28,7 +32,14 @@
|
|
28
32
|
*/
|
29
33
|
|
30
34
|
var getModal = function() {
|
31
|
-
|
35
|
+
var $modal = document.querySelector(modalClass);
|
36
|
+
|
37
|
+
if (!$modal) {
|
38
|
+
sweetAlertInitialize();
|
39
|
+
$modal = getModal();
|
40
|
+
}
|
41
|
+
|
42
|
+
return $modal;
|
32
43
|
},
|
33
44
|
getOverlay = function() {
|
34
45
|
return document.querySelector(overlayClass);
|
@@ -97,7 +108,7 @@
|
|
97
108
|
padding;
|
98
109
|
if (typeof getComputedStyle !== "undefined") { /* IE 8 */
|
99
110
|
padding = parseInt(getComputedStyle(elem).getPropertyValue('padding'), 10);
|
100
|
-
} else{
|
111
|
+
} else {
|
101
112
|
padding = parseInt(elem.currentStyle.padding);
|
102
113
|
}
|
103
114
|
|
@@ -142,7 +153,7 @@
|
|
142
153
|
fireClick = function(node) {
|
143
154
|
// Taken from http://www.nonobtrusive.com/2011/11/29/programatically-fire-crossbrowser-click-event-with-javascript/
|
144
155
|
// Then fixed for today's Chrome browser.
|
145
|
-
if (MouseEvent) {
|
156
|
+
if (typeof MouseEvent === 'function') {
|
146
157
|
// Up-to-date approach
|
147
158
|
var mevt = new MouseEvent('click', {
|
148
159
|
view: window,
|
@@ -177,6 +188,7 @@
|
|
177
188
|
previousWindowKeyDown,
|
178
189
|
lastFocusedButton;
|
179
190
|
|
191
|
+
|
180
192
|
/*
|
181
193
|
* Add modal + overlay to DOM
|
182
194
|
*/
|
@@ -187,10 +199,13 @@
|
|
187
199
|
|
188
200
|
sweetWrap.innerHTML = sweetHTML;
|
189
201
|
|
190
|
-
//
|
191
|
-
|
202
|
+
// Append elements to body
|
203
|
+
while (sweetWrap.firstChild) {
|
204
|
+
document.body.appendChild(sweetWrap.firstChild);
|
205
|
+
}
|
192
206
|
};
|
193
207
|
|
208
|
+
|
194
209
|
/*
|
195
210
|
* Global sweetAlert function
|
196
211
|
*/
|
@@ -199,23 +214,40 @@
|
|
199
214
|
// Copy arguments to the local args variable
|
200
215
|
var args = arguments;
|
201
216
|
if (getModal() !== null) {
|
202
|
-
|
203
|
-
|
217
|
+
// If getModal returns values then continue
|
218
|
+
modalDependant.apply(this, args);
|
204
219
|
} else {
|
205
|
-
|
206
|
-
|
207
|
-
|
208
|
-
|
209
|
-
|
210
|
-
|
220
|
+
// If getModal returns null i.e. no matches, then set up a interval event to check the return value until it is not null
|
221
|
+
var modalCheckInterval = setInterval(function() {
|
222
|
+
if (getModal() !== null) {
|
223
|
+
clearInterval(modalCheckInterval);
|
224
|
+
modalDependant.apply(this, args);
|
225
|
+
}
|
211
226
|
}, 100);
|
212
227
|
}
|
213
228
|
};
|
214
|
-
|
229
|
+
|
215
230
|
function modalDependant() {
|
216
231
|
|
232
|
+
var customizations = arguments[0];
|
233
|
+
|
234
|
+
/*
|
235
|
+
* Use argument if defined or default value from params object otherwise.
|
236
|
+
* Supports the case where a default value is boolean true and should be
|
237
|
+
* overridden by a corresponding explicit argument which is boolean false.
|
238
|
+
*/
|
239
|
+
function argumentOrDefault(key) {
|
240
|
+
var args = customizations;
|
241
|
+
|
242
|
+
if (typeof args[key] !== 'undefined') {
|
243
|
+
return args[key];
|
244
|
+
} else {
|
245
|
+
return defaultParams[key];
|
246
|
+
}
|
247
|
+
}
|
248
|
+
|
217
249
|
if (arguments[0] === undefined) {
|
218
|
-
|
250
|
+
logStr('SweetAlert expects at least 1 attribute!');
|
219
251
|
return false;
|
220
252
|
}
|
221
253
|
|
@@ -223,6 +255,7 @@
|
|
223
255
|
|
224
256
|
switch (typeof arguments[0]) {
|
225
257
|
|
258
|
+
// Ex: swal("Hello", "Just testing", "info");
|
226
259
|
case 'string':
|
227
260
|
params.title = arguments[0];
|
228
261
|
params.text = arguments[1] || '';
|
@@ -230,35 +263,50 @@
|
|
230
263
|
|
231
264
|
break;
|
232
265
|
|
266
|
+
// Ex: swal({title:"Hello", text: "Just testing", type: "info"});
|
233
267
|
case 'object':
|
234
268
|
if (arguments[0].title === undefined) {
|
235
|
-
|
269
|
+
logStr('Missing "title" argument!');
|
236
270
|
return false;
|
237
271
|
}
|
238
272
|
|
239
|
-
params.title
|
240
|
-
|
241
|
-
|
242
|
-
|
243
|
-
|
244
|
-
|
245
|
-
|
246
|
-
|
247
|
-
|
273
|
+
params.title = arguments[0].title;
|
274
|
+
|
275
|
+
var availableCustoms = [
|
276
|
+
'text',
|
277
|
+
'type',
|
278
|
+
'customClass',
|
279
|
+
'allowOutsideClick',
|
280
|
+
'showCancelButton',
|
281
|
+
'closeOnConfirm',
|
282
|
+
'closeOnCancel',
|
283
|
+
'timer',
|
284
|
+
'confirmButtonColor',
|
285
|
+
'cancelButtonText',
|
286
|
+
'imageUrl',
|
287
|
+
'imageSize',
|
288
|
+
'html',
|
289
|
+
'animation',
|
290
|
+
'allowEscapeKey'];
|
291
|
+
|
292
|
+
// It would be nice to just use .forEach here, but IE8... :(
|
293
|
+
var numCustoms = availableCustoms.length;
|
294
|
+
for (var customIndex = 0; customIndex < numCustoms; customIndex++) {
|
295
|
+
var customName = availableCustoms[customIndex];
|
296
|
+
params[customName] = argumentOrDefault(customName);
|
297
|
+
}
|
248
298
|
|
249
299
|
// Show "Confirm" instead of "OK" if cancel button is visible
|
250
|
-
params.confirmButtonText = (
|
251
|
-
params.confirmButtonText =
|
252
|
-
|
253
|
-
|
254
|
-
params.imageUrl = arguments[0].imageUrl || defaultParams.imageUrl;
|
255
|
-
params.imageSize = arguments[0].imageSize || defaultParams.imageSize;
|
300
|
+
params.confirmButtonText = (params.showCancelButton) ? 'Confirm' : defaultParams.confirmButtonText;
|
301
|
+
params.confirmButtonText = argumentOrDefault('confirmButtonText');
|
302
|
+
|
303
|
+
// Function to call when clicking on cancel/OK
|
256
304
|
params.doneFunction = arguments[1] || null;
|
257
305
|
|
258
306
|
break;
|
259
307
|
|
260
308
|
default:
|
261
|
-
|
309
|
+
logStr('Unexpected type of argument! Expected "string" or "object", got ' + typeof arguments[0]);
|
262
310
|
return false;
|
263
311
|
|
264
312
|
}
|
@@ -275,7 +323,7 @@
|
|
275
323
|
var onButtonEvent = function(event) {
|
276
324
|
var e = event || window.event;
|
277
325
|
var target = e.target || e.srcElement,
|
278
|
-
targetedConfirm = (target.className
|
326
|
+
targetedConfirm = (target.className.indexOf("confirm") !== -1),
|
279
327
|
modalIsVisible = hasClass(modal, 'visible'),
|
280
328
|
doneFunctionExists = (params.doneFunction && modal.getAttribute('data-has-done-function') === 'true');
|
281
329
|
|
@@ -316,7 +364,7 @@
|
|
316
364
|
params.doneFunction(true);
|
317
365
|
|
318
366
|
if (params.closeOnConfirm) {
|
319
|
-
|
367
|
+
window.sweetAlert.close();
|
320
368
|
}
|
321
369
|
} else if (doneFunctionExists && modalIsVisible) { // Clicked "cancel"
|
322
370
|
|
@@ -329,10 +377,10 @@
|
|
329
377
|
}
|
330
378
|
|
331
379
|
if (params.closeOnCancel) {
|
332
|
-
|
380
|
+
window.sweetAlert.close();
|
333
381
|
}
|
334
382
|
} else {
|
335
|
-
|
383
|
+
window.sweetAlert.close();
|
336
384
|
}
|
337
385
|
|
338
386
|
break;
|
@@ -361,7 +409,7 @@
|
|
361
409
|
outsideClickIsAllowed = modal.getAttribute('data-allow-ouside-click') === 'true';
|
362
410
|
|
363
411
|
if (!clickedOnModal && !clickedOnModalChild && modalIsVisible && outsideClickIsAllowed) {
|
364
|
-
|
412
|
+
window.sweetAlert.close();
|
365
413
|
}
|
366
414
|
};
|
367
415
|
|
@@ -369,7 +417,7 @@
|
|
369
417
|
// Keyboard interactions
|
370
418
|
var $okButton = modal.querySelector('button.confirm'),
|
371
419
|
$cancelButton = modal.querySelector('button.cancel'),
|
372
|
-
$modalButtons = modal.querySelectorAll('button
|
420
|
+
$modalButtons = modal.querySelectorAll('button[tabindex]');
|
373
421
|
|
374
422
|
|
375
423
|
function handleKeyDown(event) {
|
@@ -418,8 +466,7 @@
|
|
418
466
|
// Do nothing - let the browser handle it.
|
419
467
|
$targetElement = undefined;
|
420
468
|
}
|
421
|
-
} else if (keyCode === 27 &&
|
422
|
-
// ESC to cancel only if there's a cancel button displayed (like the alert() window).
|
469
|
+
} else if (keyCode === 27 && params.allowEscapeKey === true) {
|
423
470
|
$targetElement = $cancelButton;
|
424
471
|
} else {
|
425
472
|
// Fallback - let the browser handle it.
|
@@ -433,6 +480,7 @@
|
|
433
480
|
}
|
434
481
|
|
435
482
|
previousWindowKeyDown = window.onkeydown;
|
483
|
+
|
436
484
|
window.onkeydown = handleKeyDown;
|
437
485
|
|
438
486
|
function handleOnBlur(event) {
|
@@ -480,11 +528,12 @@
|
|
480
528
|
};
|
481
529
|
}
|
482
530
|
|
483
|
-
|
531
|
+
|
532
|
+
/*
|
484
533
|
* Set default params for each popup
|
485
534
|
* @param {Object} userParams
|
486
535
|
*/
|
487
|
-
window.swal.setDefaults = function(userParams) {
|
536
|
+
window.sweetAlert.setDefaults = window.swal.setDefaults = function(userParams) {
|
488
537
|
if (!userParams) {
|
489
538
|
throw new Error('userParams is required');
|
490
539
|
}
|
@@ -495,6 +544,7 @@
|
|
495
544
|
extend(defaultParams, userParams);
|
496
545
|
};
|
497
546
|
|
547
|
+
|
498
548
|
/*
|
499
549
|
* Set type, text and actions on modal
|
500
550
|
*/
|
@@ -508,10 +558,11 @@
|
|
508
558
|
$confirmBtn = modal.querySelector('button.confirm');
|
509
559
|
|
510
560
|
// Title
|
511
|
-
$title.innerHTML = escapeHtml(params.title).split("\n").join("<br>");
|
561
|
+
$title.innerHTML = (params.html) ? params.title : escapeHtml(params.title).split("\n").join("<br>");
|
512
562
|
|
513
563
|
// Text
|
514
|
-
$text.innerHTML = escapeHtml(params.text || '').split("\n").join("<br>");
|
564
|
+
$text.innerHTML = (params.html) ? params.text : escapeHtml(params.text || '').split("\n").join("<br>");
|
565
|
+
|
515
566
|
if (params.text) {
|
516
567
|
show($text);
|
517
568
|
}
|
@@ -519,11 +570,17 @@
|
|
519
570
|
//Custom Class
|
520
571
|
if (params.customClass) {
|
521
572
|
addClass(modal, params.customClass);
|
573
|
+
modal.setAttribute('data-custom-class', params.customClass);
|
574
|
+
} else {
|
575
|
+
// Find previously set classes and remove them
|
576
|
+
var customClass = modal.getAttribute('data-custom-class');
|
577
|
+
removeClass(modal, customClass);
|
578
|
+
modal.setAttribute('data-custom-class', "");
|
522
579
|
}
|
523
580
|
|
524
581
|
// Icon
|
525
582
|
hide(modal.querySelectorAll('.icon'));
|
526
|
-
if (params.type) {
|
583
|
+
if (params.type && !isIE8()) {
|
527
584
|
var validType = false;
|
528
585
|
for (var i = 0; i < alertTypes.length; i++) {
|
529
586
|
if (params.type === alertTypes[i]) {
|
@@ -532,7 +589,7 @@
|
|
532
589
|
}
|
533
590
|
}
|
534
591
|
if (!validType) {
|
535
|
-
|
592
|
+
logStr('Unknown alert type: ' + params.type);
|
536
593
|
return false;
|
537
594
|
}
|
538
595
|
var $icon = modal.querySelector('.icon.' + params.type);
|
@@ -555,7 +612,6 @@
|
|
555
612
|
addClass($icon.querySelector('.dot'), 'pulseWarningIns');
|
556
613
|
break;
|
557
614
|
}
|
558
|
-
|
559
615
|
}
|
560
616
|
|
561
617
|
// Custom image
|
@@ -569,19 +625,15 @@
|
|
569
625
|
_imgHeight = 80;
|
570
626
|
|
571
627
|
if (params.imageSize) {
|
572
|
-
var
|
573
|
-
var
|
628
|
+
var dimensions = params.imageSize.toString().split('x');
|
629
|
+
var imgWidth = dimensions[0];
|
630
|
+
var imgHeight = dimensions[1];
|
574
631
|
|
575
632
|
if (!imgWidth || !imgHeight) {
|
576
|
-
|
633
|
+
logStr("Parameter imageSize expects value with format WIDTHxHEIGHT, got " + params.imageSize);
|
577
634
|
} else {
|
578
635
|
_imgWidth = imgWidth;
|
579
636
|
_imgHeight = imgHeight;
|
580
|
-
|
581
|
-
$customIcon.css({
|
582
|
-
'width': imgWidth + 'px',
|
583
|
-
'height': imgHeight + 'px'
|
584
|
-
});
|
585
637
|
}
|
586
638
|
}
|
587
639
|
$customIcon.setAttribute('style', $customIcon.getAttribute('style') + 'width:' + _imgWidth + 'px; height:' + _imgHeight + 'px');
|
@@ -616,6 +668,13 @@
|
|
616
668
|
var hasDoneFunction = (params.doneFunction) ? true : false;
|
617
669
|
modal.setAttribute('data-has-done-function', hasDoneFunction);
|
618
670
|
|
671
|
+
// Prevent modal from animating
|
672
|
+
if (!params.animation){
|
673
|
+
modal.setAttribute('data-animation', 'none');
|
674
|
+
} else{
|
675
|
+
modal.setAttribute('data-animation', 'pop');
|
676
|
+
}
|
677
|
+
|
619
678
|
// Close timer
|
620
679
|
modal.setAttribute('data-timer', params.timer);
|
621
680
|
}
|
@@ -666,11 +725,7 @@
|
|
666
725
|
}
|
667
726
|
|
668
727
|
|
669
|
-
|
670
|
-
/*
|
671
|
-
* Animations
|
672
|
-
*/
|
673
|
-
|
728
|
+
// Animation when opening modal
|
674
729
|
function openModal() {
|
675
730
|
var modal = getModal();
|
676
731
|
fadeIn(getOverlay(), 10);
|
@@ -690,12 +745,14 @@
|
|
690
745
|
|
691
746
|
if (timer !== "null" && timer !== "") {
|
692
747
|
modal.timeout = setTimeout(function() {
|
693
|
-
|
748
|
+
window.sweetAlert.close();
|
694
749
|
}, timer);
|
695
750
|
}
|
696
751
|
}
|
697
752
|
|
698
|
-
|
753
|
+
|
754
|
+
// Aninmation when closing modal
|
755
|
+
window.sweetAlert.close = window.swal.close = function() {
|
699
756
|
var modal = getModal();
|
700
757
|
fadeOut(getOverlay(), 5);
|
701
758
|
fadeOut(modal, 5);
|
@@ -729,7 +786,7 @@
|
|
729
786
|
}
|
730
787
|
lastFocusedButton = undefined;
|
731
788
|
clearTimeout(modal.timeout);
|
732
|
-
}
|
789
|
+
};
|
733
790
|
|
734
791
|
|
735
792
|
/*
|
@@ -742,30 +799,20 @@
|
|
742
799
|
modal.style.marginTop = getTopMargin(getModal());
|
743
800
|
}
|
744
801
|
|
802
|
+
// If browser is Internet Explorer 8
|
803
|
+
function isIE8() {
|
804
|
+
if (window.attachEvent && !window.addEventListener) {
|
805
|
+
return true;
|
806
|
+
} else {
|
807
|
+
return false;
|
808
|
+
}
|
809
|
+
}
|
745
810
|
|
746
|
-
|
747
|
-
|
748
|
-
|
749
|
-
|
750
|
-
|
751
|
-
|
752
|
-
if (document.readyState === "complete" || document.readyState === "interactive" && document.body) {
|
753
|
-
window.sweetAlertInitialize();
|
754
|
-
} else {
|
755
|
-
if (document.addEventListener) {
|
756
|
-
document.addEventListener('DOMContentLoaded', function factorial() {
|
757
|
-
document.removeEventListener('DOMContentLoaded', arguments.callee, false);
|
758
|
-
window.sweetAlertInitialize();
|
759
|
-
}, false);
|
760
|
-
} else if (document.attachEvent) {
|
761
|
-
document.attachEvent('onreadystatechange', function() {
|
762
|
-
if (document.readyState === 'complete') {
|
763
|
-
document.detachEvent('onreadystatechange', arguments.callee);
|
764
|
-
window.sweetAlertInitialize();
|
765
|
-
}
|
766
|
-
});
|
767
|
-
}
|
768
|
-
}
|
769
|
-
})();
|
811
|
+
// Error messages for developers
|
812
|
+
function logStr(string) {
|
813
|
+
if (window.console) { // IE...
|
814
|
+
window.console.log("SweetAlert: " + string);
|
815
|
+
}
|
816
|
+
}
|
770
817
|
|
771
818
|
})(window, document);
|
@@ -1,606 +1 @@
|
|
1
|
-
|
2
|
-
.sweet-overlay {
|
3
|
-
background-color: rgba(0, 0, 0, 0.4);
|
4
|
-
position: fixed;
|
5
|
-
left: 0;
|
6
|
-
right: 0;
|
7
|
-
top: 0;
|
8
|
-
bottom: 0;
|
9
|
-
display: none;
|
10
|
-
z-index: 1000; }
|
11
|
-
|
12
|
-
.sweet-alert {
|
13
|
-
background-color: white;
|
14
|
-
font-family: 'Open Sans', sans-serif;
|
15
|
-
width: 478px;
|
16
|
-
padding: 17px;
|
17
|
-
border-radius: 5px;
|
18
|
-
text-align: center;
|
19
|
-
position: fixed;
|
20
|
-
left: 50%;
|
21
|
-
top: 50%;
|
22
|
-
margin-left: -256px;
|
23
|
-
margin-top: -200px;
|
24
|
-
overflow: hidden;
|
25
|
-
display: none;
|
26
|
-
z-index: 2000; }
|
27
|
-
@media all and (max-width: 540px) {
|
28
|
-
.sweet-alert {
|
29
|
-
width: auto;
|
30
|
-
margin-left: 0;
|
31
|
-
margin-right: 0;
|
32
|
-
left: 15px;
|
33
|
-
right: 15px; } }
|
34
|
-
.sweet-alert h2 {
|
35
|
-
color: #575757;
|
36
|
-
font-size: 30px;
|
37
|
-
text-align: center;
|
38
|
-
font-weight: 600;
|
39
|
-
text-transform: none;
|
40
|
-
position: relative;
|
41
|
-
margin: 25px 0;
|
42
|
-
padding: 0;
|
43
|
-
line-height: 40px;
|
44
|
-
display: block; }
|
45
|
-
.sweet-alert p {
|
46
|
-
color: #797979;
|
47
|
-
font-size: 16px;
|
48
|
-
text-align: center;
|
49
|
-
font-weight: 300;
|
50
|
-
position: relative;
|
51
|
-
text-align: inherit;
|
52
|
-
float: none;
|
53
|
-
margin: 0;
|
54
|
-
padding: 0;
|
55
|
-
line-height: normal; }
|
56
|
-
.sweet-alert button {
|
57
|
-
background-color: #AEDEF4;
|
58
|
-
color: white;
|
59
|
-
border: none;
|
60
|
-
box-shadow: none;
|
61
|
-
font-size: 17px;
|
62
|
-
font-weight: 500;
|
63
|
-
border-radius: 5px;
|
64
|
-
padding: 10px 32px;
|
65
|
-
margin: 26px 5px 0 5px;
|
66
|
-
cursor: pointer; }
|
67
|
-
.sweet-alert button:focus {
|
68
|
-
outline: none;
|
69
|
-
box-shadow: 0 0 2px rgba(128, 179, 235, 0.5), inset 0 0 0 1px rgba(0, 0, 0, 0.05); }
|
70
|
-
.sweet-alert button:hover {
|
71
|
-
background-color: #a1d9f2; }
|
72
|
-
.sweet-alert button:active {
|
73
|
-
background-color: #81ccee; }
|
74
|
-
.sweet-alert button.cancel {
|
75
|
-
background-color: #D0D0D0; }
|
76
|
-
.sweet-alert button.cancel:hover {
|
77
|
-
background-color: #c8c8c8; }
|
78
|
-
.sweet-alert button.cancel:active {
|
79
|
-
background-color: #b6b6b6; }
|
80
|
-
.sweet-alert button.cancel:focus {
|
81
|
-
box-shadow: rgba(197, 205, 211, 0.8) 0px 0px 2px, rgba(0, 0, 0, 0.0470588) 0px 0px 0px 1px inset !important; }
|
82
|
-
.sweet-alert button::-moz-focus-inner {
|
83
|
-
border: 0; }
|
84
|
-
.sweet-alert[data-has-cancel-button=false] button {
|
85
|
-
box-shadow: none !important; }
|
86
|
-
.sweet-alert .icon {
|
87
|
-
width: 80px;
|
88
|
-
height: 80px;
|
89
|
-
border: 4px solid gray;
|
90
|
-
border-radius: 50%;
|
91
|
-
margin: 20px auto;
|
92
|
-
padding: 0;
|
93
|
-
position: relative;
|
94
|
-
box-sizing: content-box; }
|
95
|
-
.sweet-alert .icon.error {
|
96
|
-
border-color: #F27474; }
|
97
|
-
.sweet-alert .icon.error .x-mark {
|
98
|
-
position: relative;
|
99
|
-
display: block; }
|
100
|
-
.sweet-alert .icon.error .line {
|
101
|
-
position: absolute;
|
102
|
-
height: 5px;
|
103
|
-
width: 47px;
|
104
|
-
background-color: #F27474;
|
105
|
-
display: block;
|
106
|
-
top: 37px;
|
107
|
-
border-radius: 2px; }
|
108
|
-
.sweet-alert .icon.error .line.left {
|
109
|
-
-webkit-transform: rotate(45deg);
|
110
|
-
transform: rotate(45deg);
|
111
|
-
left: 17px; }
|
112
|
-
.sweet-alert .icon.error .line.right {
|
113
|
-
-webkit-transform: rotate(-45deg);
|
114
|
-
transform: rotate(-45deg);
|
115
|
-
right: 16px; }
|
116
|
-
.sweet-alert .icon.warning {
|
117
|
-
border-color: #F8BB86; }
|
118
|
-
.sweet-alert .icon.warning .body {
|
119
|
-
position: absolute;
|
120
|
-
width: 5px;
|
121
|
-
height: 47px;
|
122
|
-
left: 50%;
|
123
|
-
top: 10px;
|
124
|
-
border-radius: 2px;
|
125
|
-
margin-left: -2px;
|
126
|
-
background-color: #F8BB86; }
|
127
|
-
.sweet-alert .icon.warning .dot {
|
128
|
-
position: absolute;
|
129
|
-
width: 7px;
|
130
|
-
height: 7px;
|
131
|
-
border-radius: 50%;
|
132
|
-
margin-left: -3px;
|
133
|
-
left: 50%;
|
134
|
-
bottom: 10px;
|
135
|
-
background-color: #F8BB86; }
|
136
|
-
.sweet-alert .icon.info {
|
137
|
-
border-color: #C9DAE1; }
|
138
|
-
.sweet-alert .icon.info::before {
|
139
|
-
content: "";
|
140
|
-
position: absolute;
|
141
|
-
width: 5px;
|
142
|
-
height: 29px;
|
143
|
-
left: 50%;
|
144
|
-
bottom: 17px;
|
145
|
-
border-radius: 2px;
|
146
|
-
margin-left: -2px;
|
147
|
-
background-color: #C9DAE1; }
|
148
|
-
.sweet-alert .icon.info::after {
|
149
|
-
content: "";
|
150
|
-
position: absolute;
|
151
|
-
width: 7px;
|
152
|
-
height: 7px;
|
153
|
-
border-radius: 50%;
|
154
|
-
margin-left: -3px;
|
155
|
-
top: 19px;
|
156
|
-
background-color: #C9DAE1; }
|
157
|
-
.sweet-alert .icon.success {
|
158
|
-
border-color: #A5DC86; }
|
159
|
-
.sweet-alert .icon.success::before, .sweet-alert .icon.success::after {
|
160
|
-
content: '';
|
161
|
-
border-radius: 50%;
|
162
|
-
position: absolute;
|
163
|
-
width: 60px;
|
164
|
-
height: 120px;
|
165
|
-
background: white;
|
166
|
-
-webkit-transform: rotate(45deg);
|
167
|
-
transform: rotate(45deg); }
|
168
|
-
.sweet-alert .icon.success::before {
|
169
|
-
border-radius: 120px 0 0 120px;
|
170
|
-
top: -7px;
|
171
|
-
left: -33px;
|
172
|
-
-webkit-transform: rotate(-45deg);
|
173
|
-
transform: rotate(-45deg);
|
174
|
-
-webkit-transform-origin: 60px 60px;
|
175
|
-
transform-origin: 60px 60px; }
|
176
|
-
.sweet-alert .icon.success::after {
|
177
|
-
border-radius: 0 120px 120px 0;
|
178
|
-
top: -11px;
|
179
|
-
left: 30px;
|
180
|
-
-webkit-transform: rotate(-45deg);
|
181
|
-
transform: rotate(-45deg);
|
182
|
-
-webkit-transform-origin: 0px 60px;
|
183
|
-
transform-origin: 0px 60px; }
|
184
|
-
.sweet-alert .icon.success .placeholder {
|
185
|
-
width: 80px;
|
186
|
-
height: 80px;
|
187
|
-
border: 4px solid rgba(165, 220, 134, 0.2);
|
188
|
-
border-radius: 50%;
|
189
|
-
box-sizing: content-box;
|
190
|
-
position: absolute;
|
191
|
-
left: -4px;
|
192
|
-
top: -4px;
|
193
|
-
z-index: 2; }
|
194
|
-
.sweet-alert .icon.success .fix {
|
195
|
-
width: 5px;
|
196
|
-
height: 90px;
|
197
|
-
background-color: white;
|
198
|
-
position: absolute;
|
199
|
-
left: 28px;
|
200
|
-
top: 8px;
|
201
|
-
z-index: 1;
|
202
|
-
-webkit-transform: rotate(-45deg);
|
203
|
-
transform: rotate(-45deg); }
|
204
|
-
.sweet-alert .icon.success .line {
|
205
|
-
height: 5px;
|
206
|
-
background-color: #A5DC86;
|
207
|
-
display: block;
|
208
|
-
border-radius: 2px;
|
209
|
-
position: absolute;
|
210
|
-
z-index: 2; }
|
211
|
-
.sweet-alert .icon.success .line.tip {
|
212
|
-
width: 25px;
|
213
|
-
left: 14px;
|
214
|
-
top: 46px;
|
215
|
-
-webkit-transform: rotate(45deg);
|
216
|
-
transform: rotate(45deg); }
|
217
|
-
.sweet-alert .icon.success .line.long {
|
218
|
-
width: 47px;
|
219
|
-
right: 8px;
|
220
|
-
top: 38px;
|
221
|
-
-webkit-transform: rotate(-45deg);
|
222
|
-
transform: rotate(-45deg); }
|
223
|
-
.sweet-alert .icon.custom {
|
224
|
-
background-size: contain;
|
225
|
-
border-radius: 0;
|
226
|
-
border: none;
|
227
|
-
background-position: center center;
|
228
|
-
background-repeat: no-repeat; }
|
229
|
-
|
230
|
-
/*
|
231
|
-
* Animations
|
232
|
-
*/
|
233
|
-
@-webkit-keyframes showSweetAlert {
|
234
|
-
0% {
|
235
|
-
transform: scale(0.7);
|
236
|
-
-webkit-transform: scale(0.7); }
|
237
|
-
45% {
|
238
|
-
transform: scale(1.05);
|
239
|
-
-webkit-transform: scale(1.05); }
|
240
|
-
80% {
|
241
|
-
transform: scale(0.95);
|
242
|
-
-webkit-tranform: scale(0.95); }
|
243
|
-
100% {
|
244
|
-
transform: scale(1);
|
245
|
-
-webkit-transform: scale(1); } }
|
246
|
-
@-moz-keyframes showSweetAlert {
|
247
|
-
0% {
|
248
|
-
transform: scale(0.7);
|
249
|
-
-webkit-transform: scale(0.7); }
|
250
|
-
45% {
|
251
|
-
transform: scale(1.05);
|
252
|
-
-webkit-transform: scale(1.05); }
|
253
|
-
80% {
|
254
|
-
transform: scale(0.95);
|
255
|
-
-webkit-tranform: scale(0.95); }
|
256
|
-
100% {
|
257
|
-
transform: scale(1);
|
258
|
-
-webkit-transform: scale(1); } }
|
259
|
-
@keyframes showSweetAlert {
|
260
|
-
0% {
|
261
|
-
transform: scale(0.7);
|
262
|
-
-webkit-transform: scale(0.7); }
|
263
|
-
45% {
|
264
|
-
transform: scale(1.05);
|
265
|
-
-webkit-transform: scale(1.05); }
|
266
|
-
80% {
|
267
|
-
transform: scale(0.95);
|
268
|
-
-webkit-tranform: scale(0.95); }
|
269
|
-
100% {
|
270
|
-
transform: scale(1);
|
271
|
-
-webkit-transform: scale(1); } }
|
272
|
-
@-webkit-keyframes hideSweetAlert {
|
273
|
-
0% {
|
274
|
-
transform: scale(1);
|
275
|
-
-webkit-transform: scale(1); }
|
276
|
-
100% {
|
277
|
-
transform: scale(0.5);
|
278
|
-
-webkit-transform: scale(0.5); } }
|
279
|
-
@-moz-keyframes hideSweetAlert {
|
280
|
-
0% {
|
281
|
-
transform: scale(1);
|
282
|
-
-webkit-transform: scale(1); }
|
283
|
-
100% {
|
284
|
-
transform: scale(0.5);
|
285
|
-
-webkit-transform: scale(0.5); } }
|
286
|
-
@keyframes hideSweetAlert {
|
287
|
-
0% {
|
288
|
-
transform: scale(1);
|
289
|
-
-webkit-transform: scale(1); }
|
290
|
-
100% {
|
291
|
-
transform: scale(0.5);
|
292
|
-
-webkit-transform: scale(0.5); } }
|
293
|
-
.showSweetAlert {
|
294
|
-
-webkit-animation: showSweetAlert 0.3s;
|
295
|
-
-moz-animation: showSweetAlert 0.3s;
|
296
|
-
animation: showSweetAlert 0.3s; }
|
297
|
-
|
298
|
-
.hideSweetAlert {
|
299
|
-
-webkit-animation: hideSweetAlert 0.2s;
|
300
|
-
-moz-animation: hideSweetAlert 0.2s;
|
301
|
-
animation: hideSweetAlert 0.2s; }
|
302
|
-
|
303
|
-
@-webkit-keyframes animateSuccessTip {
|
304
|
-
0% {
|
305
|
-
width: 0;
|
306
|
-
left: 1px;
|
307
|
-
top: 19px; }
|
308
|
-
54% {
|
309
|
-
width: 0;
|
310
|
-
left: 1px;
|
311
|
-
top: 19px; }
|
312
|
-
70% {
|
313
|
-
width: 50px;
|
314
|
-
left: -8px;
|
315
|
-
top: 37px; }
|
316
|
-
84% {
|
317
|
-
width: 17px;
|
318
|
-
left: 21px;
|
319
|
-
top: 48px; }
|
320
|
-
100% {
|
321
|
-
width: 25px;
|
322
|
-
left: 14px;
|
323
|
-
top: 45px; } }
|
324
|
-
@-moz-keyframes animateSuccessTip {
|
325
|
-
0% {
|
326
|
-
width: 0;
|
327
|
-
left: 1px;
|
328
|
-
top: 19px; }
|
329
|
-
54% {
|
330
|
-
width: 0;
|
331
|
-
left: 1px;
|
332
|
-
top: 19px; }
|
333
|
-
70% {
|
334
|
-
width: 50px;
|
335
|
-
left: -8px;
|
336
|
-
top: 37px; }
|
337
|
-
84% {
|
338
|
-
width: 17px;
|
339
|
-
left: 21px;
|
340
|
-
top: 48px; }
|
341
|
-
100% {
|
342
|
-
width: 25px;
|
343
|
-
left: 14px;
|
344
|
-
top: 45px; } }
|
345
|
-
@keyframes animateSuccessTip {
|
346
|
-
0% {
|
347
|
-
width: 0;
|
348
|
-
left: 1px;
|
349
|
-
top: 19px; }
|
350
|
-
54% {
|
351
|
-
width: 0;
|
352
|
-
left: 1px;
|
353
|
-
top: 19px; }
|
354
|
-
70% {
|
355
|
-
width: 50px;
|
356
|
-
left: -8px;
|
357
|
-
top: 37px; }
|
358
|
-
84% {
|
359
|
-
width: 17px;
|
360
|
-
left: 21px;
|
361
|
-
top: 48px; }
|
362
|
-
100% {
|
363
|
-
width: 25px;
|
364
|
-
left: 14px;
|
365
|
-
top: 45px; } }
|
366
|
-
@-webkit-keyframes animateSuccessLong {
|
367
|
-
0% {
|
368
|
-
width: 0;
|
369
|
-
right: 46px;
|
370
|
-
top: 54px; }
|
371
|
-
65% {
|
372
|
-
width: 0;
|
373
|
-
right: 46px;
|
374
|
-
top: 54px; }
|
375
|
-
84% {
|
376
|
-
width: 55px;
|
377
|
-
right: 0px;
|
378
|
-
top: 35px; }
|
379
|
-
100% {
|
380
|
-
width: 47px;
|
381
|
-
right: 8px;
|
382
|
-
top: 38px; } }
|
383
|
-
@-moz-keyframes animateSuccessLong {
|
384
|
-
0% {
|
385
|
-
width: 0;
|
386
|
-
right: 46px;
|
387
|
-
top: 54px; }
|
388
|
-
65% {
|
389
|
-
width: 0;
|
390
|
-
right: 46px;
|
391
|
-
top: 54px; }
|
392
|
-
84% {
|
393
|
-
width: 55px;
|
394
|
-
right: 0px;
|
395
|
-
top: 35px; }
|
396
|
-
100% {
|
397
|
-
width: 47px;
|
398
|
-
right: 8px;
|
399
|
-
top: 38px; } }
|
400
|
-
@keyframes animateSuccessLong {
|
401
|
-
0% {
|
402
|
-
width: 0;
|
403
|
-
right: 46px;
|
404
|
-
top: 54px; }
|
405
|
-
65% {
|
406
|
-
width: 0;
|
407
|
-
right: 46px;
|
408
|
-
top: 54px; }
|
409
|
-
84% {
|
410
|
-
width: 55px;
|
411
|
-
right: 0px;
|
412
|
-
top: 35px; }
|
413
|
-
100% {
|
414
|
-
width: 47px;
|
415
|
-
right: 8px;
|
416
|
-
top: 38px; } }
|
417
|
-
@-webkit-keyframes rotatePlaceholder {
|
418
|
-
0% {
|
419
|
-
transform: rotate(-45deg);
|
420
|
-
-webkit-transform: rotate(-45deg); }
|
421
|
-
5% {
|
422
|
-
transform: rotate(-45deg);
|
423
|
-
-webkit-transform: rotate(-45deg); }
|
424
|
-
12% {
|
425
|
-
transform: rotate(-405deg);
|
426
|
-
-webkit-transform: rotate(-405deg); }
|
427
|
-
100% {
|
428
|
-
transform: rotate(-405deg);
|
429
|
-
-webkit-transform: rotate(-405deg); } }
|
430
|
-
@-moz-keyframes rotatePlaceholder {
|
431
|
-
0% {
|
432
|
-
transform: rotate(-45deg);
|
433
|
-
-webkit-transform: rotate(-45deg); }
|
434
|
-
5% {
|
435
|
-
transform: rotate(-45deg);
|
436
|
-
-webkit-transform: rotate(-45deg); }
|
437
|
-
12% {
|
438
|
-
transform: rotate(-405deg);
|
439
|
-
-webkit-transform: rotate(-405deg); }
|
440
|
-
100% {
|
441
|
-
transform: rotate(-405deg);
|
442
|
-
-webkit-transform: rotate(-405deg); } }
|
443
|
-
@keyframes rotatePlaceholder {
|
444
|
-
0% {
|
445
|
-
transform: rotate(-45deg);
|
446
|
-
-webkit-transform: rotate(-45deg); }
|
447
|
-
5% {
|
448
|
-
transform: rotate(-45deg);
|
449
|
-
-webkit-transform: rotate(-45deg); }
|
450
|
-
12% {
|
451
|
-
transform: rotate(-405deg);
|
452
|
-
-webkit-transform: rotate(-405deg); }
|
453
|
-
100% {
|
454
|
-
transform: rotate(-405deg);
|
455
|
-
-webkit-transform: rotate(-405deg); } }
|
456
|
-
.animateSuccessTip {
|
457
|
-
-webkit-animation: animateSuccessTip 0.75s;
|
458
|
-
-moz-animation: animateSuccessTip 0.75s;
|
459
|
-
animation: animateSuccessTip 0.75s; }
|
460
|
-
|
461
|
-
.animateSuccessLong {
|
462
|
-
-webkit-animation: animateSuccessLong 0.75s;
|
463
|
-
-moz-animation: animateSuccessLong 0.75s;
|
464
|
-
animation: animateSuccessLong 0.75s; }
|
465
|
-
|
466
|
-
.icon.success.animate::after {
|
467
|
-
-webkit-animation: rotatePlaceholder 4.25s ease-in;
|
468
|
-
-moz-animation: rotatePlaceholder 4.25s ease-in;
|
469
|
-
animation: rotatePlaceholder 4.25s ease-in; }
|
470
|
-
|
471
|
-
@-webkit-keyframes animateErrorIcon {
|
472
|
-
0% {
|
473
|
-
transform: rotateX(100deg);
|
474
|
-
-webkit-transform: rotateX(100deg);
|
475
|
-
opacity: 0; }
|
476
|
-
100% {
|
477
|
-
transform: rotateX(0deg);
|
478
|
-
-webkit-transform: rotateX(0deg);
|
479
|
-
opacity: 1; } }
|
480
|
-
@-moz-keyframes animateErrorIcon {
|
481
|
-
0% {
|
482
|
-
transform: rotateX(100deg);
|
483
|
-
-webkit-transform: rotateX(100deg);
|
484
|
-
opacity: 0; }
|
485
|
-
100% {
|
486
|
-
transform: rotateX(0deg);
|
487
|
-
-webkit-transform: rotateX(0deg);
|
488
|
-
opacity: 1; } }
|
489
|
-
@keyframes animateErrorIcon {
|
490
|
-
0% {
|
491
|
-
transform: rotateX(100deg);
|
492
|
-
-webkit-transform: rotateX(100deg);
|
493
|
-
opacity: 0; }
|
494
|
-
100% {
|
495
|
-
transform: rotateX(0deg);
|
496
|
-
-webkit-transform: rotateX(0deg);
|
497
|
-
opacity: 1; } }
|
498
|
-
.animateErrorIcon {
|
499
|
-
-webkit-animation: animateErrorIcon 0.5s;
|
500
|
-
-moz-animation: animateErrorIcon 0.5s;
|
501
|
-
animation: animateErrorIcon 0.5s; }
|
502
|
-
|
503
|
-
@-webkit-keyframes animateXMark {
|
504
|
-
0% {
|
505
|
-
transform: scale(0.4);
|
506
|
-
-webkit-transform: scale(0.4);
|
507
|
-
margin-top: 26px;
|
508
|
-
opacity: 0; }
|
509
|
-
50% {
|
510
|
-
transform: scale(0.4);
|
511
|
-
-webkit-transform: scale(0.4);
|
512
|
-
margin-top: 26px;
|
513
|
-
opacity: 0; }
|
514
|
-
80% {
|
515
|
-
transform: scale(1.15);
|
516
|
-
-webkit-transform: scale(1.15);
|
517
|
-
margin-top: -6px; }
|
518
|
-
100% {
|
519
|
-
transform: scale(1);
|
520
|
-
-webkit-transform: scale(1);
|
521
|
-
margin-top: 0;
|
522
|
-
opacity: 1; } }
|
523
|
-
@-moz-keyframes animateXMark {
|
524
|
-
0% {
|
525
|
-
transform: scale(0.4);
|
526
|
-
-webkit-transform: scale(0.4);
|
527
|
-
margin-top: 26px;
|
528
|
-
opacity: 0; }
|
529
|
-
50% {
|
530
|
-
transform: scale(0.4);
|
531
|
-
-webkit-transform: scale(0.4);
|
532
|
-
margin-top: 26px;
|
533
|
-
opacity: 0; }
|
534
|
-
80% {
|
535
|
-
transform: scale(1.15);
|
536
|
-
-webkit-transform: scale(1.15);
|
537
|
-
margin-top: -6px; }
|
538
|
-
100% {
|
539
|
-
transform: scale(1);
|
540
|
-
-webkit-transform: scale(1);
|
541
|
-
margin-top: 0;
|
542
|
-
opacity: 1; } }
|
543
|
-
@keyframes animateXMark {
|
544
|
-
0% {
|
545
|
-
transform: scale(0.4);
|
546
|
-
-webkit-transform: scale(0.4);
|
547
|
-
margin-top: 26px;
|
548
|
-
opacity: 0; }
|
549
|
-
50% {
|
550
|
-
transform: scale(0.4);
|
551
|
-
-webkit-transform: scale(0.4);
|
552
|
-
margin-top: 26px;
|
553
|
-
opacity: 0; }
|
554
|
-
80% {
|
555
|
-
transform: scale(1.15);
|
556
|
-
-webkit-transform: scale(1.15);
|
557
|
-
margin-top: -6px; }
|
558
|
-
100% {
|
559
|
-
transform: scale(1);
|
560
|
-
-webkit-transform: scale(1);
|
561
|
-
margin-top: 0;
|
562
|
-
opacity: 1; } }
|
563
|
-
.animateXMark {
|
564
|
-
-webkit-animation: animateXMark 0.5s;
|
565
|
-
-moz-animation: animateXMark 0.5s;
|
566
|
-
animation: animateXMark 0.5s; }
|
567
|
-
|
568
|
-
@-webkit-keyframes pulseWarning {
|
569
|
-
0% {
|
570
|
-
border-color: #F8D486; }
|
571
|
-
100% {
|
572
|
-
border-color: #F8BB86; } }
|
573
|
-
@-moz-keyframes pulseWarning {
|
574
|
-
0% {
|
575
|
-
border-color: #F8D486; }
|
576
|
-
100% {
|
577
|
-
border-color: #F8BB86; } }
|
578
|
-
@keyframes pulseWarning {
|
579
|
-
0% {
|
580
|
-
border-color: #F8D486; }
|
581
|
-
100% {
|
582
|
-
border-color: #F8BB86; } }
|
583
|
-
.pulseWarning {
|
584
|
-
-webkit-animation: pulseWarning 0.75s infinite alternate;
|
585
|
-
-moz-animation: pulseWarning 0.75s infinite alternate;
|
586
|
-
animation: pulseWarning 0.75s infinite alternate; }
|
587
|
-
|
588
|
-
@-webkit-keyframes pulseWarningIns {
|
589
|
-
0% {
|
590
|
-
background-color: #F8D486; }
|
591
|
-
100% {
|
592
|
-
background-color: #F8BB86; } }
|
593
|
-
@-moz-keyframes pulseWarningIns {
|
594
|
-
0% {
|
595
|
-
background-color: #F8D486; }
|
596
|
-
100% {
|
597
|
-
background-color: #F8BB86; } }
|
598
|
-
@keyframes pulseWarningIns {
|
599
|
-
0% {
|
600
|
-
background-color: #F8D486; }
|
601
|
-
100% {
|
602
|
-
background-color: #F8BB86; } }
|
603
|
-
.pulseWarningIns {
|
604
|
-
-webkit-animation: pulseWarningIns 0.75s infinite alternate;
|
605
|
-
-moz-animation: pulseWarningIns 0.75s infinite alternate;
|
606
|
-
animation: pulseWarningIns 0.75s infinite alternate; }
|
1
|
+
.sweet-overlay{background-color:#000;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";background-color:rgba(0,0,0,.4);position:fixed;left:0;right:0;top:0;bottom:0;display:none;z-index:10000}.sweet-alert{background-color:#fff;font-family:'Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif;width:478px;padding:17px;border-radius:5px;text-align:center;position:fixed;left:50%;top:50%;margin-left:-256px;margin-top:-200px;overflow:hidden;display:none;z-index:99999}@media all and (max-width:540px){.sweet-alert{width:auto;margin-left:0;margin-right:0;left:15px;right:15px}}.sweet-alert h2{color:#575757;font-size:30px;text-align:center;font-weight:600;text-transform:none;position:relative;margin:25px 0;padding:0;line-height:40px;display:block}.sweet-alert p{color:#797979;font-size:16px;font-weight:300;position:relative;text-align:inherit;float:none;margin:0;padding:0;line-height:normal}.sweet-alert button{background-color:#AEDEF4;color:#fff;border:none;box-shadow:none;font-size:17px;font-weight:500;-webkit-border-radius:4px;border-radius:5px;padding:10px 32px;margin:26px 5px 0;cursor:pointer}.sweet-alert button:focus{outline:0;box-shadow:0 0 2px rgba(128,179,235,.5),inset 0 0 0 1px rgba(0,0,0,.05)}.sweet-alert button:hover{background-color:#a1d9f2}.sweet-alert button:active{background-color:#81ccee}.sweet-alert button.cancel{background-color:#D0D0D0}.sweet-alert button.cancel:hover{background-color:#c8c8c8}.sweet-alert button.cancel:active{background-color:#b6b6b6}.sweet-alert button.cancel:focus{box-shadow:rgba(197,205,211,.8) 0 0 2px,rgba(0,0,0,.0470588) 0 0 0 1px inset!important}.sweet-alert button::-moz-focus-inner{border:0}.sweet-alert[data-has-cancel-button=false] button{box-shadow:none!important}.sweet-alert .icon{width:80px;height:80px;border:4px solid gray;-webkit-border-radius:40px;border-radius:50%;margin:20px auto;padding:0;position:relative;box-sizing:content-box}.sweet-alert .icon.error{border-color:#F27474}.sweet-alert .icon.error .x-mark{position:relative;display:block}.sweet-alert .icon.error .line{position:absolute;height:5px;width:47px;background-color:#F27474;display:block;top:37px;border-radius:2px}.sweet-alert .icon.error .line.left{-webkit-transform:rotate(45deg);transform:rotate(45deg);left:17px}.sweet-alert .icon.error .line.right{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);right:16px}.sweet-alert .icon.warning{border-color:#F8BB86}.sweet-alert .icon.warning .body{position:absolute;width:5px;height:47px;left:50%;top:10px;-webkit-border-radius:2px;border-radius:2px;margin-left:-2px;background-color:#F8BB86}.sweet-alert .icon.warning .dot{position:absolute;width:7px;height:7px;-webkit-border-radius:50%;border-radius:50%;margin-left:-3px;left:50%;bottom:10px;background-color:#F8BB86}.sweet-alert .icon.info{border-color:#C9DAE1}.sweet-alert .icon.info::before{content:"";position:absolute;width:5px;height:29px;left:50%;bottom:17px;border-radius:2px;margin-left:-2px;background-color:#C9DAE1}.sweet-alert .icon.info::after{content:"";position:absolute;width:7px;height:7px;border-radius:50%;margin-left:-3px;top:19px;background-color:#C9DAE1}.sweet-alert .icon.success{border-color:#A5DC86}.sweet-alert .icon.success::after,.sweet-alert .icon.success::before{content:'';position:absolute;width:60px;height:120px;background:#fff;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.sweet-alert .icon.success::before{-webkit-border-radius:120px 0 0 120px;border-radius:120px 0 0 120px;top:-7px;left:-33px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:60px 60px;transform-origin:60px 60px}.sweet-alert .icon.success::after{-webkit-border-radius:0 120px 120px 0;border-radius:0 120px 120px 0;top:-11px;left:30px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:0 60px;transform-origin:0 60px}.sweet-alert .icon.success .placeholder{width:80px;height:80px;border:4px solid rgba(165,220,134,.2);-webkit-border-radius:40px;border-radius:50%;box-sizing:content-box;position:absolute;left:-4px;top:-4px;z-index:2}.sweet-alert .icon.success .fix{width:5px;height:90px;background-color:#fff;position:absolute;left:28px;top:8px;z-index:1;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.sweet-alert .icon.success .line{height:5px;background-color:#A5DC86;display:block;border-radius:2px;position:absolute;z-index:2}.sweet-alert .icon.success .line.tip{width:25px;left:14px;top:46px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.sweet-alert .icon.success .line.long{width:47px;right:8px;top:38px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.sweet-alert .icon.custom{background-size:contain;border-radius:0;border:none;background-position:center center;background-repeat:no-repeat}@-webkit-keyframes showSweetAlert{0%{transform:scale(.7);-webkit-transform:scale(.7)}45%{transform:scale(1.05);-webkit-transform:scale(1.05)}80%{transform:scale(.95);-webkit-tranform:scale(.95)}100%{transform:scale(1);-webkit-transform:scale(1)}}@keyframes showSweetAlert{0%{transform:scale(.7);-webkit-transform:scale(.7)}45%{transform:scale(1.05);-webkit-transform:scale(1.05)}80%{transform:scale(.95);-webkit-tranform:scale(.95)}100%{transform:scale(1);-webkit-transform:scale(1)}}@-webkit-keyframes hideSweetAlert{0%{transform:scale(1);-webkit-transform:scale(1)}100%{transform:scale(.5);-webkit-transform:scale(.5)}}@keyframes hideSweetAlert{0%{transform:scale(1);-webkit-transform:scale(1)}100%{transform:scale(.5);-webkit-transform:scale(.5)}}.showSweetAlert{-webkit-animation:showSweetAlert .3s;animation:showSweetAlert .3s}.showSweetAlert[data-animation=none]{-webkit-animation:none;animation:none}.hideSweetAlert{-webkit-animation:hideSweetAlert .2s;animation:hideSweetAlert .2s}.hideSweetAlert[data-animation=none]{-webkit-animation:none;animation:none}@-webkit-keyframes animateSuccessTip{0%,54%{width:0;left:1px;top:19px}70%{width:50px;left:-8px;top:37px}84%{width:17px;left:21px;top:48px}100%{width:25px;left:14px;top:45px}}@keyframes animateSuccessTip{0%,54%{width:0;left:1px;top:19px}70%{width:50px;left:-8px;top:37px}84%{width:17px;left:21px;top:48px}100%{width:25px;left:14px;top:45px}}@-webkit-keyframes animateSuccessLong{0%,65%{width:0;right:46px;top:54px}84%{width:55px;right:0;top:35px}100%{width:47px;right:8px;top:38px}}@keyframes animateSuccessLong{0%,65%{width:0;right:46px;top:54px}84%{width:55px;right:0;top:35px}100%{width:47px;right:8px;top:38px}}@-webkit-keyframes rotatePlaceholder{0%,5%{transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}100%,12%{transform:rotate(-405deg);-webkit-transform:rotate(-405deg)}}@keyframes rotatePlaceholder{0%,5%{transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}100%,12%{transform:rotate(-405deg);-webkit-transform:rotate(-405deg)}}.animateSuccessTip{-webkit-animation:animateSuccessTip .75s;animation:animateSuccessTip .75s}.animateSuccessLong{-webkit-animation:animateSuccessLong .75s;animation:animateSuccessLong .75s}.icon.success.animate::after{-webkit-animation:rotatePlaceholder 4.25s ease-in;animation:rotatePlaceholder 4.25s ease-in}@-webkit-keyframes animateErrorIcon{0%{transform:rotateX(100deg);-webkit-transform:rotateX(100deg);opacity:0}100%{transform:rotateX(0deg);-webkit-transform:rotateX(0deg);opacity:1}}@keyframes animateErrorIcon{0%{transform:rotateX(100deg);-webkit-transform:rotateX(100deg);opacity:0}100%{transform:rotateX(0deg);-webkit-transform:rotateX(0deg);opacity:1}}.animateErrorIcon{-webkit-animation:animateErrorIcon .5s;animation:animateErrorIcon .5s}@-webkit-keyframes animateXMark{0%,50%{transform:scale(.4);-webkit-transform:scale(.4);margin-top:26px;opacity:0}80%{transform:scale(1.15);-webkit-transform:scale(1.15);margin-top:-6px}100%{transform:scale(1);-webkit-transform:scale(1);margin-top:0;opacity:1}}@keyframes animateXMark{0%,50%{transform:scale(.4);-webkit-transform:scale(.4);margin-top:26px;opacity:0}80%{transform:scale(1.15);-webkit-transform:scale(1.15);margin-top:-6px}100%{transform:scale(1);-webkit-transform:scale(1);margin-top:0;opacity:1}}.animateXMark{-webkit-animation:animateXMark .5s;animation:animateXMark .5s}@-webkit-keyframes pulseWarning{0%{border-color:#F8D486}100%{border-color:#F8BB86}}@keyframes pulseWarning{0%{border-color:#F8D486}100%{border-color:#F8BB86}}.pulseWarning{-webkit-animation:pulseWarning .75s infinite alternate;animation:pulseWarning .75s infinite alternate}@-webkit-keyframes pulseWarningIns{0%{background-color:#F8D486}100%{background-color:#F8BB86}}@keyframes pulseWarningIns{0%{background-color:#F8D486}100%{background-color:#F8BB86}}.pulseWarningIns{-webkit-animation:pulseWarningIns .75s infinite alternate;animation:pulseWarningIns .75s infinite alternate}
|
@@ -2,9 +2,9 @@
|
|
2
2
|
// 2014 (c) - Tristan Edwards
|
3
3
|
// github.com/t4t5/sweetalert
|
4
4
|
|
5
|
-
@import url(//fonts.googleapis.com/css?family=Open+Sans:400,600,700,300); // Open Sans font
|
6
|
-
|
7
5
|
.sweet-overlay {
|
6
|
+
background-color: rgb(0, 0, 0); /* IE8 */
|
7
|
+
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; /* IE8 */
|
8
8
|
background-color: rgba(black, 0.4);
|
9
9
|
|
10
10
|
position: fixed;
|
@@ -14,7 +14,7 @@
|
|
14
14
|
bottom: 0;
|
15
15
|
|
16
16
|
display: none;
|
17
|
-
z-index:
|
17
|
+
z-index: 10000;
|
18
18
|
}
|
19
19
|
|
20
20
|
.sweet-alert {
|
@@ -22,7 +22,7 @@
|
|
22
22
|
$padding: 17px;
|
23
23
|
|
24
24
|
background-color: white;
|
25
|
-
font-family: 'Open Sans', sans-serif;
|
25
|
+
font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
|
26
26
|
width: $width;
|
27
27
|
padding: $padding;
|
28
28
|
border-radius: 5px;
|
@@ -36,7 +36,7 @@
|
|
36
36
|
|
37
37
|
overflow: hidden;
|
38
38
|
display: none;
|
39
|
-
z-index:
|
39
|
+
z-index: 99999;
|
40
40
|
|
41
41
|
@media all and (max-width: 540px) {
|
42
42
|
width: auto;
|
@@ -83,6 +83,7 @@
|
|
83
83
|
box-shadow: none;
|
84
84
|
font-size: 17px;
|
85
85
|
font-weight: 500;
|
86
|
+
-webkit-border-radius: 4px;
|
86
87
|
border-radius: 5px;
|
87
88
|
padding: 10px 32px;
|
88
89
|
margin: 26px 5px 0 5px;
|
@@ -131,6 +132,8 @@
|
|
131
132
|
width: 80px;
|
132
133
|
height: 80px;
|
133
134
|
border: 4px solid gray;
|
135
|
+
-webkit-border-radius: 40px;
|
136
|
+
border-radius: 40px;
|
134
137
|
border-radius: 50%;
|
135
138
|
margin: 20px auto;
|
136
139
|
padding: 0;
|
@@ -175,6 +178,7 @@
|
|
175
178
|
height: 47px;
|
176
179
|
left: 50%;
|
177
180
|
top: 10px;
|
181
|
+
-webkit-border-radius: 2px;
|
178
182
|
border-radius: 2px;
|
179
183
|
margin-left: -2px;
|
180
184
|
background-color: $orange;
|
@@ -183,6 +187,7 @@
|
|
183
187
|
position: absolute;
|
184
188
|
width: 7px;
|
185
189
|
height: 7px;
|
190
|
+
-webkit-border-radius: 50%;
|
186
191
|
border-radius: 50%;
|
187
192
|
margin-left: -3px;
|
188
193
|
left: 50%;
|
@@ -220,6 +225,8 @@
|
|
220
225
|
|
221
226
|
&::before, &::after { // Emulate moving circular line
|
222
227
|
content: '';
|
228
|
+
-webkit-border-radius: 40px;
|
229
|
+
border-radius: 40px;
|
223
230
|
border-radius: 50%;
|
224
231
|
position: absolute;
|
225
232
|
width: 60px;
|
@@ -229,6 +236,7 @@
|
|
229
236
|
transform: rotate(45deg);
|
230
237
|
}
|
231
238
|
&::before {
|
239
|
+
-webkit-border-radius: 120px 0 0 120px;
|
232
240
|
border-radius: 120px 0 0 120px;
|
233
241
|
top: -7px;
|
234
242
|
left: -33px;
|
@@ -239,6 +247,7 @@
|
|
239
247
|
transform-origin: 60px 60px;
|
240
248
|
}
|
241
249
|
&::after {
|
250
|
+
-webkit-border-radius: 0 120px 120px 0;
|
242
251
|
border-radius: 0 120px 120px 0;
|
243
252
|
top: -11px;
|
244
253
|
left: 30px;
|
@@ -253,6 +262,8 @@
|
|
253
262
|
width: 80px;
|
254
263
|
height: 80px;
|
255
264
|
border: 4px solid rgba($green, 0.2);
|
265
|
+
-webkit-border-radius: 40px;
|
266
|
+
border-radius: 40px;
|
256
267
|
border-radius: 50%;
|
257
268
|
box-sizing: content-box;
|
258
269
|
|
@@ -324,16 +335,12 @@
|
|
324
335
|
@-webkit-keyframes #{$animation-name} {
|
325
336
|
@content;
|
326
337
|
}
|
327
|
-
@-moz-keyframes #{$animation-name} {
|
328
|
-
@content;
|
329
|
-
}
|
330
338
|
@keyframes #{$animation-name} {
|
331
339
|
@content;
|
332
340
|
}
|
333
341
|
}
|
334
342
|
@mixin animation($str) {
|
335
343
|
-webkit-animation: #{$str};
|
336
|
-
-moz-animation: #{$str};
|
337
344
|
animation: #{$str};
|
338
345
|
}
|
339
346
|
|
@@ -353,9 +360,17 @@
|
|
353
360
|
|
354
361
|
.showSweetAlert {
|
355
362
|
@include animation('showSweetAlert 0.3s');
|
363
|
+
|
364
|
+
&[data-animation=none] {
|
365
|
+
@include animation('none');
|
366
|
+
}
|
356
367
|
}
|
357
368
|
.hideSweetAlert {
|
358
369
|
@include animation('hideSweetAlert 0.2s');
|
370
|
+
|
371
|
+
&[data-animation=none] {
|
372
|
+
@include animation('none');
|
373
|
+
}
|
359
374
|
}
|
360
375
|
|
361
376
|
|
data/sweet-alert-rails.gemspec
CHANGED
@@ -3,7 +3,7 @@ $LOAD_PATH.unshift(lib) unless $LOAD_PATH.include?(lib)
|
|
3
3
|
|
4
4
|
Gem::Specification.new do |s|
|
5
5
|
s.name = 'sweet-alert'
|
6
|
-
s.version = '0.0.
|
6
|
+
s.version = '0.0.7'
|
7
7
|
s.summary = "The awesome replacement for Javascript's alert"
|
8
8
|
s.authors = ["Najtmare"]
|
9
9
|
s.email = 'millan@sino.net'
|
metadata
CHANGED
@@ -1,14 +1,14 @@
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
2
2
|
name: sweet-alert
|
3
3
|
version: !ruby/object:Gem::Version
|
4
|
-
version: 0.0.
|
4
|
+
version: 0.0.7
|
5
5
|
platform: ruby
|
6
6
|
authors:
|
7
7
|
- Najtmare
|
8
8
|
autorequire:
|
9
9
|
bindir: bin
|
10
10
|
cert_chain: []
|
11
|
-
date: 2015-01-
|
11
|
+
date: 2015-01-23 00:00:00.000000000 Z
|
12
12
|
dependencies: []
|
13
13
|
description:
|
14
14
|
email: millan@sino.net
|