sweetalert-rails 0.4.2 → 0.5.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (6) hide show
  1. checksums.yaml +4 -4
  2. data/README.md +1 -1
  3. data/lib/sweetalert-rails/version.rb +1 -1
  4. data/vendor/assets/javascripts/sweet-alert.js +337 -239
  5. data/vendor/assets/stylesheets/sweet-alert.css +1 -1
  6. metadata +2 -2
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA1:
3
- metadata.gz: bedb3cb7dea956573e5ebabf0fc76e57ff76ecdf
4
- data.tar.gz: 77020c476a8083b6bf7f01a2f6671e0f30b81b2d
3
+ metadata.gz: 1b7c0811ae39b1bf0b7b6c94cbf77471314696c5
4
+ data.tar.gz: 0724f96d60f35217ee5b7e74c5e56cb9b2b389a6
5
5
  SHA512:
6
- metadata.gz: 6d7f168a2bcae6ca2bcb724243798a778b69a53d53e55230d64e6726256828cf329f9ac8606b2b4fe5c638bfe86dc98f36bfdd1c437adf96d946f67307782bea
7
- data.tar.gz: 815827fec644094a29685d816c4e13b7626e4dc9d833fa292ff2bda81186fd7c01505194492b6e5d3b167b3871075a58619c92483776f850290b203dd570c15e
6
+ metadata.gz: 5f12696d9ed920cdadb0bc6cdbfaa97225479bfbb0cade5321e2fcfe20a820d96291dd8010621eb14e6ad1860c1ad9bf26321ffdf53d34ecf9a913e3266438b6
7
+ data.tar.gz: ea2a4241937ed1f2a95d6e60767201afa2800f46328f8ce351ae1a0a51f17bc0a33c4976eb705efaf65c13cc3d40dd45cca748e75ebf39ec76b2fefdba0bb7ae
data/README.md CHANGED
@@ -42,7 +42,7 @@ sweetAlert("Awesome!");
42
42
 
43
43
  ## Contributing
44
44
 
45
- 1. Fork it ( https://github.com/[my-github-username]/sweetalert-rails/fork )
45
+ 1. Fork it ( https://github.com/sharshenov/sweetalert-rails/fork )
46
46
  2. Create your feature branch (`git checkout -b my-new-feature`)
47
47
  3. Commit your changes (`git commit -am 'Add some feature'`)
48
48
  4. Push to the branch (`git push origin my-new-feature`)
data/lib/sweetalert-rails/version.rb CHANGED
@@ -1,3 +1,3 @@
1
1
  module SweetAlert
2
- VERSION = "0.4.2"
2
+ VERSION = "0.5.0"
3
3
  end
data/vendor/assets/javascripts/sweet-alert.js CHANGED
@@ -1,11 +1,11 @@
1
1
  // SweetAlert
2
- // 2014 (c) - Tristan Edwards
2
+ // 2014-2015 (c) - Tristan Edwards
3
3
  // github.com/t4t5/sweetalert
4
4
  ;(function(window, document, undefined) {
5
5
 
6
6
  var modalClass = '.sweet-alert',
7
7
  overlayClass = '.sweet-overlay',
8
- alertTypes = ['error', 'warning', 'info', 'success'],
8
+ alertTypes = ['error', 'warning', 'info', 'success', 'input', 'prompt'],
9
9
  defaultParams = {
10
10
  title: '',
11
11
  text: '',
@@ -24,7 +24,8 @@
24
24
  customClass: '',
25
25
  html: false,
26
26
  animation: true,
27
- allowEscapeKey: true
27
+ allowEscapeKey: true,
28
+ inputType: 'text'
28
29
  };
29
30
 
30
31
 
@@ -33,159 +34,165 @@
33
34
  */
34
35
 
35
36
  var getModal = function() {
36
- var $modal = document.querySelector(modalClass);
37
+ var $modal = document.querySelector(modalClass);
37
38
 
38
- if (!$modal) {
39
- sweetAlertInitialize();
40
- $modal = getModal();
41
- }
39
+ if (!$modal) {
40
+ sweetAlertInitialize();
41
+ $modal = getModal();
42
+ }
42
43
 
43
- return $modal;
44
- },
45
- getOverlay = function() {
46
- return document.querySelector(overlayClass);
47
- },
48
- hasClass = function(elem, className) {
49
- return new RegExp(' ' + className + ' ').test(' ' + elem.className + ' ');
50
- },
51
- addClass = function(elem, className) {
52
- if (!hasClass(elem, className)) {
53
- elem.className += ' ' + className;
54
- }
55
- },
56
- removeClass = function(elem, className) {
57
- var newClass = ' ' + elem.className.replace(/[\t\r\n]/g, ' ') + ' ';
58
- if (hasClass(elem, className)) {
59
- while (newClass.indexOf(' ' + className + ' ') >= 0) {
60
- newClass = newClass.replace(' ' + className + ' ', ' ');
61
- }
62
- elem.className = newClass.replace(/^\s+|\s+$/g, '');
63
- }
64
- },
65
- escapeHtml = function(str) {
66
- var div = document.createElement('div');
67
- div.appendChild(document.createTextNode(str));
68
- return div.innerHTML;
69
- },
70
- _show = function(elem) {
71
- elem.style.opacity = '';
72
- elem.style.display = 'block';
73
- },
74
- show = function(elems) {
75
- if (elems && !elems.length) {
76
- return _show(elems);
77
- }
78
- for (var i = 0; i < elems.length; ++i) {
79
- _show(elems[i]);
80
- }
81
- },
82
- _hide = function(elem) {
83
- elem.style.opacity = '';
84
- elem.style.display = 'none';
85
- },
86
- hide = function(elems) {
87
- if (elems && !elems.length) {
88
- return _hide(elems);
89
- }
90
- for (var i = 0; i < elems.length; ++i) {
91
- _hide(elems[i]);
92
- }
93
- },
94
- isDescendant = function(parent, child) {
95
- var node = child.parentNode;
96
- while (node !== null) {
97
- if (node === parent) {
98
- return true;
99
- }
100
- node = node.parentNode;
101
- }
102
- return false;
103
- },
104
- getTopMargin = function(elem) {
105
- elem.style.left = '-9999px';
106
- elem.style.display = 'block';
44
+ return $modal;
45
+ };
107
46
 
108
- var height = elem.clientHeight,
109
- padding;
110
- if (typeof getComputedStyle !== "undefined") { /* IE 8 */
111
- padding = parseInt(getComputedStyle(elem).getPropertyValue('padding'), 10);
112
- } else {
113
- padding = parseInt(elem.currentStyle.padding);
47
+ var getInput = function() {
48
+ var modal = getModal();
49
+ if (modal) {
50
+ return modal.querySelector('input');
51
+ }
52
+ },
53
+ getOverlay = function() {
54
+ return document.querySelector(overlayClass);
55
+ },
56
+ hasClass = function(elem, className) {
57
+ return new RegExp(' ' + className + ' ').test(' ' + elem.className + ' ');
58
+ },
59
+ addClass = function(elem, className) {
60
+ if (!hasClass(elem, className)) {
61
+ elem.className += ' ' + className;
62
+ }
63
+ },
64
+ removeClass = function(elem, className) {
65
+ var newClass = ' ' + elem.className.replace(/[\t\r\n]/g, ' ') + ' ';
66
+ if (hasClass(elem, className)) {
67
+ while (newClass.indexOf(' ' + className + ' ') >= 0) {
68
+ newClass = newClass.replace(' ' + className + ' ', ' ');
114
69
  }
115
-
116
- elem.style.left = '';
117
- elem.style.display = 'none';
118
- return ('-' + parseInt(height / 2 + padding) + 'px');
119
- },
120
- fadeIn = function(elem, interval) {
121
- if (+elem.style.opacity < 1) {
122
- interval = interval || 16;
123
- elem.style.opacity = 0;
124
- elem.style.display = 'block';
125
- var last = +new Date();
126
- var tick = function() {
127
- elem.style.opacity = +elem.style.opacity + (new Date() - last) / 100;
128
- last = +new Date();
129
-
130
- if (+elem.style.opacity < 1) {
131
- setTimeout(tick, interval);
132
- }
133
- };
134
- tick();
70
+ elem.className = newClass.replace(/^\s+|\s+$/g, '');
71
+ }
72
+ },
73
+ escapeHtml = function(str) {
74
+ var div = document.createElement('div');
75
+ div.appendChild(document.createTextNode(str));
76
+ return div.innerHTML;
77
+ },
78
+ _show = function(elem) {
79
+ elem.style.opacity = '';
80
+ elem.style.display = 'block';
81
+ },
82
+ show = function(elems) {
83
+ if (elems && !elems.length) {
84
+ return _show(elems);
85
+ }
86
+ for (var i = 0; i < elems.length; ++i) {
87
+ _show(elems[i]);
88
+ }
89
+ },
90
+ _hide = function(elem) {
91
+ elem.style.opacity = '';
92
+ elem.style.display = 'none';
93
+ },
94
+ hide = function(elems) {
95
+ if (elems && !elems.length) {
96
+ return _hide(elems);
97
+ }
98
+ for (var i = 0; i < elems.length; ++i) {
99
+ _hide(elems[i]);
100
+ }
101
+ },
102
+ isDescendant = function(parent, child) {
103
+ var node = child.parentNode;
104
+ while (node !== null) {
105
+ if (node === parent) {
106
+ return true;
135
107
  }
136
- elem.style.display = 'block'; //fallback IE8
137
- },
138
- fadeOut = function(elem, interval) {
108
+ node = node.parentNode;
109
+ }
110
+ return false;
111
+ },
112
+ getTopMargin = function(elem) {
113
+ elem.style.left = '-9999px';
114
+ elem.style.display = 'block';
115
+
116
+ var height = elem.clientHeight,
117
+ padding;
118
+ if (typeof getComputedStyle !== "undefined") { // IE 8
119
+ padding = parseInt(getComputedStyle(elem).getPropertyValue('padding-top'), 10);
120
+ } else {
121
+ padding = parseInt(elem.currentStyle.padding);
122
+ }
123
+
124
+ elem.style.left = '';
125
+ elem.style.display = 'none';
126
+ return ('-' + parseInt((height + padding) / 2) + 'px');
127
+ },
128
+ fadeIn = function(elem, interval) {
129
+ if (+elem.style.opacity < 1) {
139
130
  interval = interval || 16;
140
- elem.style.opacity = 1;
131
+ elem.style.opacity = 0;
132
+ elem.style.display = 'block';
141
133
  var last = +new Date();
142
134
  var tick = function() {
143
- elem.style.opacity = +elem.style.opacity - (new Date() - last) / 100;
135
+ elem.style.opacity = +elem.style.opacity + (new Date() - last) / 100;
144
136
  last = +new Date();
145
137
 
146
- if (+elem.style.opacity > 0) {
138
+ if (+elem.style.opacity < 1) {
147
139
  setTimeout(tick, interval);
148
- } else {
149
- elem.style.display = 'none';
150
140
  }
151
141
  };
152
142
  tick();
153
- },
154
- fireClick = function(node) {
155
- // Taken from http://www.nonobtrusive.com/2011/11/29/programatically-fire-crossbrowser-click-event-with-javascript/
156
- // Then fixed for today's Chrome browser.
157
- if (typeof MouseEvent === 'function') {
158
- // Up-to-date approach
159
- var mevt = new MouseEvent('click', {
160
- view: window,
161
- bubbles: false,
162
- cancelable: true
163
- });
164
- node.dispatchEvent(mevt);
165
- } else if ( document.createEvent ) {
166
- // Fallback
167
- var evt = document.createEvent('MouseEvents');
168
- evt.initEvent('click', false, false);
169
- node.dispatchEvent(evt);
170
- } else if( document.createEventObject ) {
171
- node.fireEvent('onclick') ;
172
- } else if (typeof node.onclick === 'function' ) {
173
- node.onclick();
174
- }
175
- },
176
- stopEventPropagation = function(e) {
177
- // In particular, make sure the space bar doesn't scroll the main window.
178
- if (typeof e.stopPropagation === 'function') {
179
- e.stopPropagation();
180
- e.preventDefault();
181
- } else if (window.event && window.event.hasOwnProperty('cancelBubble')) {
182
- window.event.cancelBubble = true;
143
+ }
144
+ elem.style.display = 'block'; //fallback IE8
145
+ },
146
+ fadeOut = function(elem, interval) {
147
+ interval = interval || 16;
148
+ elem.style.opacity = 1;
149
+ var last = +new Date();
150
+ var tick = function() {
151
+ elem.style.opacity = +elem.style.opacity - (new Date() - last) / 100;
152
+ last = +new Date();
153
+
154
+ if (+elem.style.opacity > 0) {
155
+ setTimeout(tick, interval);
156
+ } else {
157
+ elem.style.display = 'none';
183
158
  }
184
159
  };
160
+ tick();
161
+ },
162
+ fireClick = function(node) {
163
+ // Taken from http://www.nonobtrusive.com/2011/11/29/programatically-fire-crossbrowser-click-event-with-javascript/
164
+ // Then fixed for today's Chrome browser.
165
+ if (typeof MouseEvent === 'function') {
166
+ // Up-to-date approach
167
+ var mevt = new MouseEvent('click', {
168
+ view: window,
169
+ bubbles: false,
170
+ cancelable: true
171
+ });
172
+ node.dispatchEvent(mevt);
173
+ } else if ( document.createEvent ) {
174
+ // Fallback
175
+ var evt = document.createEvent('MouseEvents');
176
+ evt.initEvent('click', false, false);
177
+ node.dispatchEvent(evt);
178
+ } else if (document.createEventObject) {
179
+ node.fireEvent('onclick') ;
180
+ } else if (typeof node.onclick === 'function' ) {
181
+ node.onclick();
182
+ }
183
+ },
184
+ stopEventPropagation = function(e) {
185
+ // In particular, make sure the space bar doesn't scroll the main window.
186
+ if (typeof e.stopPropagation === 'function') {
187
+ e.stopPropagation();
188
+ e.preventDefault();
189
+ } else if (window.event && window.event.hasOwnProperty('cancelBubble')) {
190
+ window.event.cancelBubble = true;
191
+ }
192
+ };
185
193
 
186
194
  // Remember state in cases where opening and handling a modal will fiddle with it.
187
195
  var previousActiveElement,
188
- previousDocumentClick,
189
196
  previousWindowKeyDown,
190
197
  lastFocusedButton;
191
198
 
@@ -195,7 +202,7 @@
195
202
  */
196
203
 
197
204
  var sweetAlertInitialize = function() {
198
- var sweetHTML = '<div class="sweet-overlay" tabIndex="-1"></div><div class="sweet-alert" tabIndex="-1"><div class="sa-icon sa-error"><span class="sa-x-mark"><span class="sa-line sa-left"></span><span class="sa-line sa-right"></span></span></div><div class="sa-icon sa-warning"> <span class="sa-body"></span> <span class="sa-dot"></span> </div> <div class="sa-icon sa-info"></div> <div class="sa-icon sa-success"> <span class="sa-line sa-tip"></span> <span class="sa-line sa-long"></span> <div class="sa-placeholder"></div> <div class="sa-fix"></div> </div> <div class="sa-icon sa-custom"></div> <h2>Title</h2><p>Text</p><button class="cancel" tabIndex="2">Cancel</button><button class="confirm" tabIndex="1">OK</button></div>',
205
+ var sweetHTML = '<div class="sweet-overlay" tabIndex="-1"></div><div class="sweet-alert"><div class="sa-icon sa-error"><span class="sa-x-mark"><span class="sa-line sa-left"></span><span class="sa-line sa-right"></span></span></div><div class="sa-icon sa-warning"> <span class="sa-body"></span> <span class="sa-dot"></span> </div> <div class="sa-icon sa-info"></div> <div class="sa-icon sa-success"> <span class="sa-line sa-tip"></span> <span class="sa-line sa-long"></span> <div class="sa-placeholder"></div> <div class="sa-fix"></div> </div> <div class="sa-icon sa-custom"></div> <h2>Title</h2><p>Text</p><fieldset><input type="text" tabIndex="3" /><div class="sa-input-error"></div></fieldset> <div class="sa-error-container"><div class="icon">!</div> <p>Not valid!</p></div> <button class="cancel" tabIndex="2">Cancel</button><button class="confirm" tabIndex="1">OK</button></div>',
199
206
  sweetWrap = document.createElement('div');
200
207
 
201
208
  sweetWrap.innerHTML = sweetHTML;
@@ -207,6 +214,7 @@
207
214
  };
208
215
 
209
216
 
217
+
210
218
  /*
211
219
  * Global sweetAlert function
212
220
  */
@@ -215,6 +223,10 @@
215
223
  sweetAlert = swal = function() {
216
224
  var customizations = arguments[0];
217
225
 
226
+ addClass(document.body, 'stop-scrolling');
227
+
228
+ resetInput();
229
+
218
230
  /*
219
231
  * Use argument if defined or default value from params object otherwise.
220
232
  * Supports the case where a default value is boolean true and should be
@@ -272,7 +284,8 @@
272
284
  'imageSize',
273
285
  'html',
274
286
  'animation',
275
- 'allowEscapeKey'];
287
+ 'allowEscapeKey',
288
+ 'inputType'];
276
289
 
277
290
  // It would be nice to just use .forEach here, but IE8... :(
278
291
  var numCustoms = availableCustoms.length;
@@ -309,27 +322,28 @@
309
322
  var e = event || window.event;
310
323
  var target = e.target || e.srcElement,
311
324
  targetedConfirm = (target.className.indexOf("confirm") !== -1),
325
+ targetedOverlay = (target.className.indexOf("sweet-overlay") !== -1),
312
326
  modalIsVisible = hasClass(modal, 'visible'),
313
327
  doneFunctionExists = (params.doneFunction && modal.getAttribute('data-has-done-function') === 'true');
314
328
 
315
329
  switch (e.type) {
316
330
  case ("mouseover"):
317
- if (targetedConfirm) {
331
+ if (targetedConfirm && params.confirmButtonColor) {
318
332
  target.style.backgroundColor = colorLuminance(params.confirmButtonColor, -0.04);
319
333
  }
320
334
  break;
321
335
  case ("mouseout"):
322
- if (targetedConfirm) {
336
+ if (targetedConfirm && params.confirmButtonColor) {
323
337
  target.style.backgroundColor = params.confirmButtonColor;
324
338
  }
325
339
  break;
326
340
  case ("mousedown"):
327
- if (targetedConfirm) {
341
+ if (targetedConfirm && params.confirmButtonColor) {
328
342
  target.style.backgroundColor = colorLuminance(params.confirmButtonColor, -0.14);
329
343
  }
330
344
  break;
331
345
  case ("mouseup"):
332
- if (targetedConfirm) {
346
+ if (targetedConfirm && params.confirmButtonColor) {
333
347
  target.style.backgroundColor = colorLuminance(params.confirmButtonColor, -0.04);
334
348
  }
335
349
  break;
@@ -345,32 +359,47 @@
345
359
  break;
346
360
  case ("click"):
347
361
  if (targetedConfirm && doneFunctionExists && modalIsVisible) { // Clicked "confirm"
362
+ handleConfirm();
363
+ } else if ((doneFunctionExists && modalIsVisible) || targetedOverlay) { // Clicked "cancel"
364
+ handleCancel();
365
+ } else if (isDescendant(modal, target) && target.tagName === "BUTTON") {
366
+ sweetAlert.close();
367
+ }
368
+ break;
369
+ }
370
+ };
348
371
 
349
- params.doneFunction(true);
372
+ function handleConfirm() {
373
+ var callbackValue = true;
350
374
 
351
- if (params.closeOnConfirm) {
352
- sweetAlert.close();
353
- }
354
- } else if (doneFunctionExists && modalIsVisible) { // Clicked "cancel"
375
+ if (hasClass(modal, 'show-input')) {
376
+ callbackValue = modal.querySelector('input').value;
377
+
378
+ if (!callbackValue) {
379
+ callbackValue = "";
380
+ }
381
+ }
355
382
 
356
- // Check if callback function expects a parameter (to track cancel actions)
357
- var functionAsStr = String(params.doneFunction).replace(/\s/g, '');
358
- var functionHandlesCancel = functionAsStr.substring(0, 9) === "function(" && functionAsStr.substring(9, 10) !== ")";
383
+ params.doneFunction(callbackValue);
359
384
 
360
- if (functionHandlesCancel) {
361
- params.doneFunction(false);
362
- }
385
+ if (params.closeOnConfirm) {
386
+ sweetAlert.close();
387
+ }
388
+ }
363
389
 
364
- if (params.closeOnCancel) {
365
- sweetAlert.close();
366
- }
367
- } else {
368
- sweetAlert.close();
369
- }
390
+ function handleCancel() {
391
+ // Check if callback function expects a parameter (to track cancel actions)
392
+ var functionAsStr = String(params.doneFunction).replace(/\s/g, '');
393
+ var functionHandlesCancel = functionAsStr.substring(0, 9) === "function(" && functionAsStr.substring(9, 10) !== ")";
370
394
 
371
- break;
395
+ if (functionHandlesCancel) {
396
+ params.doneFunction(false);
372
397
  }
373
- };
398
+
399
+ if (params.closeOnCancel) {
400
+ sweetAlert.close();
401
+ }
402
+ }
374
403
 
375
404
  var $buttons = modal.querySelectorAll('button');
376
405
  for (var i = 0; i < $buttons.length; i++) {
@@ -378,25 +407,11 @@
378
407
  $buttons[i].onmouseover = onButtonEvent;
379
408
  $buttons[i].onmouseout = onButtonEvent;
380
409
  $buttons[i].onmousedown = onButtonEvent;
381
- //$buttons[i].onmouseup = onButtonEvent;
410
+ $buttons[i].onmouseup = onButtonEvent;
382
411
  $buttons[i].onfocus = onButtonEvent;
383
412
  }
384
413
 
385
- // Remember the current document.onclick event.
386
- previousDocumentClick = document.onclick;
387
- document.onclick = function(event) {
388
- var e = event || window.event;
389
- var target = e.target || e.srcElement;
390
-
391
- var clickedOnModal = (modal === target),
392
- clickedOnModalChild = isDescendant(modal, target),
393
- modalIsVisible = hasClass(modal, 'visible'),
394
- outsideClickIsAllowed = modal.getAttribute('data-allow-ouside-click') === 'true';
395
-
396
- if (!clickedOnModal && !clickedOnModalChild && modalIsVisible && outsideClickIsAllowed) {
397
- sweetAlert.close();
398
- }
399
- };
414
+ getOverlay().onclick = onButtonEvent;
400
415
 
401
416
 
402
417
  // Keyboard interactions
@@ -440,27 +455,32 @@
440
455
 
441
456
  stopEventPropagation(e);
442
457
  $targetElement.focus();
443
- setFocusStyle($targetElement, params.confirmButtonColor); // TODO
458
+
459
+ if (params.confirmButtonColor) {
460
+ setFocusStyle($targetElement, params.confirmButtonColor);
461
+ }
444
462
 
445
463
  } else {
446
- if (keyCode === 13 || keyCode === 32) {
447
- if (btnIndex === -1) {
448
- // ENTER/SPACE clicked outside of a button.
449
- $targetElement = $okButton;
450
- } else {
451
- // Do nothing - let the browser handle it.
452
- $targetElement = undefined;
453
- }
464
+ if (keyCode === 13) {
465
+ if ($targetElement.tagName === "INPUT") {
466
+ $targetElement = $okButton;
467
+ $okButton.focus();
468
+ }
469
+
470
+ if (btnIndex === -1) {
471
+ // ENTER/SPACE clicked outside of a button.
472
+ $targetElement = $okButton;
473
+ } else {
474
+ // Do nothing - let the browser handle it.
475
+ $targetElement = undefined;
476
+ }
454
477
  } else if (keyCode === 27 && params.allowEscapeKey === true) {
455
478
  $targetElement = $cancelButton;
479
+ fireClick($targetElement, e);
456
480
  } else {
457
481
  // Fallback - let the browser handle it.
458
482
  $targetElement = undefined;
459
483
  }
460
-
461
- if ($targetElement !== undefined) {
462
- fireClick($targetElement, e);
463
- }
464
484
  }
465
485
  }
466
486
 
@@ -468,37 +488,42 @@
468
488
 
469
489
  window.onkeydown = handleKeyDown;
470
490
 
471
- function handleOnBlur(event) {
472
- var e = event || window.event;
473
- var $targetElement = e.target || e.srcElement,
474
- $focusElement = e.relatedTarget,
475
- modalIsVisible = hasClass(modal, 'visible');
476
-
477
- if (modalIsVisible) {
478
- var btnIndex = -1; // Find the button - note, this is a nodelist, not an array.
479
-
480
- if ($focusElement !== null) {
481
- // If we picked something in the DOM to focus to, let's see if it was a button.
482
- for (var i = 0; i < $modalButtons.length; i++) {
483
- if ($focusElement === $modalButtons[i]) {
484
- btnIndex = i;
485
- break;
486
- }
487
- }
488
491
 
489
- if (btnIndex === -1) {
490
- // Something in the dom, but not a visible button. Focus back on the button.
491
- $targetElement.focus();
492
- }
493
- } else {
494
- // Exiting the DOM (e.g. clicked in the URL bar);
495
- lastFocusedButton = $targetElement;
496
- }
497
- }
498
- }
492
+ /*
493
+ * Makes stuff unselectable. Is it needed? -->
494
+ */
499
495
 
500
- $okButton.onblur = handleOnBlur;
501
- $cancelButton.onblur = handleOnBlur;
496
+ // function handleOnBlur(event) {
497
+ // var e = event || window.event;
498
+ // var $targetElement = e.target || e.srcElement,
499
+ // $focusElement = e.relatedTarget,
500
+ // modalIsVisible = hasClass(modal, 'visible');
501
+
502
+ // if (modalIsVisible) {
503
+ // var btnIndex = -1; // Find the button - note, this is a nodelist, not an array.
504
+
505
+ // if ($focusElement !== null) {
506
+ // // If we picked something in the DOM to focus to, let's see if it was a button.
507
+ // for (var i = 0; i < $modalButtons.length; i++) {
508
+ // if ($focusElement === $modalButtons[i]) {
509
+ // btnIndex = i;
510
+ // break;
511
+ // }
512
+ // }
513
+
514
+ // if (btnIndex === -1) {
515
+ // // Something in the dom, but not a visible button. Focus back on the button.
516
+ // $targetElement.focus();
517
+ // }
518
+ // } else {
519
+ // // Exiting the DOM (e.g. clicked in the URL bar);
520
+ // lastFocusedButton = $targetElement;
521
+ // }
522
+ // }
523
+ // }
524
+
525
+ // $okButton.onblur = handleOnBlur;
526
+ // $cancelButton.onblur = handleOnBlur;
502
527
 
503
528
  window.onfocus = function() {
504
529
  // When the user has focused away and focused back from the whole window.
@@ -577,25 +602,46 @@
577
602
  logStr('Unknown alert type: ' + params.type);
578
603
  return false;
579
604
  }
580
- var $icon = modal.querySelector('.sa-icon.' + 'sa-' + params.type);
581
- show($icon);
605
+
606
+ var typesWithIcons = ['success', 'error', 'warning', 'info'];
607
+ var $icon;
608
+
609
+ if (typesWithIcons.indexOf(params.type) !== -1) {
610
+ $icon = modal.querySelector('.sa-icon.' + 'sa-' + params.type);
611
+ show($icon);
612
+ }
613
+
614
+ var $input = getInput();
582
615
 
583
616
  // Animate icon
584
617
  switch (params.type) {
618
+
585
619
  case "success":
586
620
  addClass($icon, 'animate');
587
621
  addClass($icon.querySelector('.sa-tip'), 'animateSuccessTip');
588
622
  addClass($icon.querySelector('.sa-long'), 'animateSuccessLong');
589
623
  break;
624
+
590
625
  case "error":
591
626
  addClass($icon, 'animateErrorIcon');
592
627
  addClass($icon.querySelector('.sa-x-mark'), 'animateXMark');
593
628
  break;
629
+
594
630
  case "warning":
595
631
  addClass($icon, 'pulseWarning');
596
632
  addClass($icon.querySelector('.sa-body'), 'pulseWarningIns');
597
633
  addClass($icon.querySelector('.sa-dot'), 'pulseWarningIns');
598
634
  break;
635
+
636
+ case "input":
637
+ case "prompt":
638
+ $input.setAttribute('type', params.inputType);
639
+ addClass(modal, 'show-input');
640
+ setTimeout(function() {
641
+ $input.focus();
642
+ $input.addEventListener('keyup', swal.resetInputError);
643
+ }, 400);
644
+ break;
599
645
  }
600
646
  }
601
647
 
@@ -611,8 +657,8 @@
611
657
 
612
658
  if (params.imageSize) {
613
659
  var dimensions = params.imageSize.toString().split('x');
614
- var imgWidth = dimensions[0];
615
- var imgHeight = dimensions[1];
660
+ var imgWidth = dimensions[0];
661
+ var imgHeight = dimensions[1];
616
662
 
617
663
  if (!imgWidth || !imgHeight) {
618
664
  logStr("Parameter imageSize expects value with format WIDTHxHEIGHT, got " + params.imageSize);
@@ -648,11 +694,13 @@
648
694
  $confirmBtn.innerHTML = escapeHtml(params.confirmButtonText);
649
695
  }
650
696
 
651
- // Set confirm button to selected background color
652
- $confirmBtn.style.backgroundColor = params.confirmButtonColor;
697
+ if (params.confirmButtonColor) {
698
+ // Set confirm button to selected background color
699
+ $confirmBtn.style.backgroundColor = params.confirmButtonColor;
653
700
 
654
- // Set box-shadow to default focused button
655
- setFocusStyle($confirmBtn, params.confirmButtonColor);
701
+ // Set box-shadow to default focused button
702
+ setFocusStyle($confirmBtn, params.confirmButtonColor);
703
+ }
656
704
 
657
705
  // Allow outside click?
658
706
  modal.setAttribute('data-allow-ouside-click', params.allowOutsideClick);
@@ -661,10 +709,11 @@
661
709
  var hasDoneFunction = (params.doneFunction) ? true : false;
662
710
  modal.setAttribute('data-has-done-function', hasDoneFunction);
663
711
 
664
- // Prevent modal from animating
665
- if (!params.animation){
712
+ if (!params.animation) { // No animation
666
713
  modal.setAttribute('data-animation', 'none');
667
- } else{
714
+ } else if (typeof(params.animation) === "string") {
715
+ modal.setAttribute('data-animation', params.animation); // Custom animation
716
+ } else {
668
717
  modal.setAttribute('data-animation', 'pop');
669
718
  }
670
719
 
@@ -747,6 +796,7 @@
747
796
  // Aninmation when closing modal
748
797
  sweetAlert.close = swal.close = function() {
749
798
  var modal = getModal();
799
+
750
800
  fadeOut(getOverlay(), 5);
751
801
  fadeOut(modal, 5);
752
802
  removeClass(modal, 'showSweetAlert');
@@ -771,9 +821,10 @@
771
821
  removeClass($warningIcon.querySelector('.sa-dot'), 'pulseWarningIns');
772
822
 
773
823
 
824
+ removeClass(document.body, 'stop-scrolling');
825
+
774
826
  // Reset the page to its previous state
775
827
  window.onkeydown = previousWindowKeyDown;
776
- document.onclick = previousDocumentClick;
777
828
  if (previousActiveElement) {
778
829
  previousActiveElement.focus();
779
830
  }
@@ -782,6 +833,53 @@
782
833
  };
783
834
 
784
835
 
836
+ /*
837
+ * Validation of the input field is done by user
838
+ * If something is wrong => call showInputError with errorMessage
839
+ */
840
+
841
+ sweetAlert.showInputError = swal.showInputError = function(errorMessage) {
842
+ var modal = getModal();
843
+
844
+ var $errorIcon = modal.querySelector('.sa-input-error');
845
+ addClass($errorIcon, 'show');
846
+
847
+ var $errorContainer = modal.querySelector('.sa-error-container');
848
+ addClass($errorContainer, 'show');
849
+
850
+ $errorContainer.querySelector('p').innerHTML = errorMessage;
851
+
852
+ modal.querySelector('input').focus();
853
+ };
854
+
855
+ function resetInput() {
856
+ var $modal = getModal();
857
+ var $input = getInput();
858
+
859
+ removeClass($modal, 'show-input');
860
+ $input.value = "";
861
+ $input.setAttribute('type', defaultParams.inputType);
862
+
863
+ swal.resetInputError();
864
+ }
865
+
866
+ sweetAlert.resetInputError = swal.resetInputError = function(event) {
867
+ // If press enter => ignore
868
+ if (event && event.keyCode === 13) {
869
+ return false;
870
+ }
871
+
872
+ var $modal = getModal();
873
+
874
+ var $errorIcon = $modal.querySelector('.sa-input-error');
875
+ removeClass($errorIcon, 'show');
876
+
877
+ var $errorContainer = $modal.querySelector('.sa-error-container');
878
+ removeClass($errorContainer, 'show');
879
+ };
880
+
881
+
882
+
785
883
  /*
786
884
  * Set "margin-top"-property on modal based on its computed height
787
885
  */
@@ -808,12 +906,12 @@
808
906
  }
809
907
  }
810
908
 
811
- if (typeof define === 'function' && define.amd) {
812
- define(function() { return sweetAlert; });
813
- } else if (typeof module !== 'undefined' && module.exports) {
814
- module.exports = sweetAlert;
815
- } else if (typeof window !== 'undefined') {
816
- window.sweetAlert = window.swal = sweetAlert;
817
- }
909
+ if (typeof define === 'function' && define.amd) {
910
+ define(function() { return sweetAlert; });
911
+ } else if (typeof module !== 'undefined' && module.exports) {
912
+ module.exports = sweetAlert;
913
+ } else if (typeof window !== 'undefined') {
914
+ window.sweetAlert = window.swal = sweetAlert;
915
+ }
818
916
 
819
917
  })(window, document);
data/vendor/assets/stylesheets/sweet-alert.css CHANGED
@@ -1 +1 @@
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[data-has-confirm-button=false][data-has-cancel-button=false]{padding-bottom:40px}.sweet-alert .sa-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 .sa-icon.sa-error{border-color:#F27474}.sweet-alert .sa-icon.sa-error .sa-x-mark{position:relative;display:block}.sweet-alert .sa-icon.sa-error .sa-line{position:absolute;height:5px;width:47px;background-color:#F27474;display:block;top:37px;border-radius:2px}.sweet-alert .sa-icon.sa-error .sa-line.sa-left{-webkit-transform:rotate(45deg);transform:rotate(45deg);left:17px}.sweet-alert .sa-icon.sa-error .sa-line.sa-right{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);right:16px}.sweet-alert .sa-icon.sa-warning{border-color:#F8BB86}.sweet-alert .sa-icon.sa-warning .sa-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 .sa-icon.sa-warning .sa-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 .sa-icon.sa-info{border-color:#C9DAE1}.sweet-alert .sa-icon.sa-info::before{content:"";position:absolute;width:5px;height:29px;left:50%;bottom:17px;border-radius:2px;margin-left:-2px;background-color:#C9DAE1}.sweet-alert .sa-icon.sa-info::after{content:"";position:absolute;width:7px;height:7px;border-radius:50%;margin-left:-3px;top:19px;background-color:#C9DAE1}.sweet-alert .sa-icon.sa-success{border-color:#A5DC86}.sweet-alert .sa-icon.sa-success::after,.sweet-alert .sa-icon.sa-success::before{content:'';position:absolute;width:60px;height:120px;background:#fff;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.sweet-alert .sa-icon.sa-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 .sa-icon.sa-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 .sa-icon.sa-success .sa-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 .sa-icon.sa-success .sa-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 .sa-icon.sa-success .sa-line{height:5px;background-color:#A5DC86;display:block;border-radius:2px;position:absolute;z-index:2}.sweet-alert .sa-icon.sa-success .sa-line.sa-tip{width:25px;left:14px;top:46px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.sweet-alert .sa-icon.sa-success .sa-line.sa-long{width:47px;right:8px;top:38px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.sweet-alert .sa-icon.sa-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}.sa-icon.sa-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}
1
+ body.stop-scrolling{height:100%;overflow:hidden}.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 fieldset{border:none;position:relative}.sweet-alert .sa-error-container{background-color:#f1f1f1;margin-left:-17px;margin-right:-17px;overflow:hidden;padding:0 10px;max-height:0;webkit-transition:padding .15s,max-height .15s;transition:padding .15s,max-height .15s}.sweet-alert .sa-error-container.show{padding:10px 0;max-height:100px;webkit-transition:padding .2s,max-height .2s;transition:padding .25s,max-height .25s}.sweet-alert .sa-error-container .icon{display:inline-block;width:24px;height:24px;border-radius:50%;background-color:#ea7d7d;color:#fff;line-height:24px;text-align:center;margin-right:3px}.sweet-alert .sa-error-container p{display:inline-block}.sweet-alert .sa-input-error{position:absolute;top:29px;right:26px;width:20px;height:20px;opacity:0;-webkit-transform:scale(.5);transform:scale(.5);-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transition:all .1s;transition:all .1s}.sweet-alert .sa-input-error::after,.sweet-alert .sa-input-error::before{content:"";width:20px;height:6px;background-color:#f06e57;border-radius:3px;position:absolute;top:50%;margin-top:-4px;left:50%;margin-left:-9px}.sweet-alert .sa-input-error::before{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.sweet-alert .sa-input-error::after{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.sweet-alert .sa-input-error.show{opacity:1;-webkit-transform:scale(1);transform:scale(1)}.sweet-alert input{width:100%;box-sizing:border-box;border-radius:3px;border:1px solid #d7d7d7;height:43px;margin-top:10px;margin-bottom:17px;font-size:18px;box-shadow:inset 0 1px 1px rgba(0,0,0,.06);padding:0 12px;display:none;-webkit-transition:all .3s;transition:all .3s}.sweet-alert input:focus{outline:0;box-shadow:0 0 3px #c4e6f5;border:1px solid #b4dbed}.sweet-alert.show-input input{display:block}.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[data-has-confirm-button=false][data-has-cancel-button=false]{padding-bottom:40px}.sweet-alert .sa-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 .sa-icon.sa-error{border-color:#F27474}.sweet-alert .sa-icon.sa-error .sa-x-mark{position:relative;display:block}.sweet-alert .sa-icon.sa-error .sa-line{position:absolute;height:5px;width:47px;background-color:#F27474;display:block;top:37px;border-radius:2px}.sweet-alert .sa-icon.sa-error .sa-line.sa-left{-webkit-transform:rotate(45deg);transform:rotate(45deg);left:17px}.sweet-alert .sa-icon.sa-error .sa-line.sa-right{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);right:16px}.sweet-alert .sa-icon.sa-warning{border-color:#F8BB86}.sweet-alert .sa-icon.sa-warning .sa-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 .sa-icon.sa-warning .sa-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 .sa-icon.sa-info{border-color:#C9DAE1}.sweet-alert .sa-icon.sa-info::before{content:"";position:absolute;width:5px;height:29px;left:50%;bottom:17px;border-radius:2px;margin-left:-2px;background-color:#C9DAE1}.sweet-alert .sa-icon.sa-info::after{content:"";position:absolute;width:7px;height:7px;border-radius:50%;margin-left:-3px;top:19px;background-color:#C9DAE1}.sweet-alert .sa-icon.sa-success{border-color:#A5DC86}.sweet-alert .sa-icon.sa-success::after,.sweet-alert .sa-icon.sa-success::before{content:'';position:absolute;width:60px;height:120px;background:#fff;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.sweet-alert .sa-icon.sa-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 .sa-icon.sa-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 .sa-icon.sa-success .sa-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 .sa-icon.sa-success .sa-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 .sa-icon.sa-success .sa-line{height:5px;background-color:#A5DC86;display:block;border-radius:2px;position:absolute;z-index:2}.sweet-alert .sa-icon.sa-success .sa-line.sa-tip{width:25px;left:14px;top:46px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.sweet-alert .sa-icon.sa-success .sa-line.sa-long{width:47px;right:8px;top:38px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.sweet-alert .sa-icon.sa-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-transform: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-transform: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)}}@-webkit-keyframes slideFromTop{0%{top:0}100%{top:50%}}@keyframes slideFromTop{0%{top:0}100%{top:50%}}@-webkit-keyframes slideToTop{0%{top:50%}100%{top:0}}@keyframes slideToTop{0%{top:50%}100%{top:0}}@-webkit-keyframes slideFromBottom{0%{top:70%}100%{top:50%}}@keyframes slideFromBottom{0%{top:70%}100%{top:50%}}@-webkit-keyframes slideToBottom{0%{top:50%}100%{top:70%}}@keyframes slideToBottom{0%{top:50%}100%{top:70%}}.showSweetAlert[data-animation=pop]{-webkit-animation:showSweetAlert .3s;animation:showSweetAlert .3s}.showSweetAlert[data-animation=none]{-webkit-animation:none;animation:none}.showSweetAlert[data-animation=slide-from-top]{-webkit-animation:slideFromTop .3s;animation:slideFromTop .3s}.showSweetAlert[data-animation=slide-from-bottom]{-webkit-animation:slideFromBottom .3s;animation:slideFromBottom .3s}.hideSweetAlert[data-animation=pop]{-webkit-animation:hideSweetAlert .2s;animation:hideSweetAlert .2s}.hideSweetAlert[data-animation=none]{-webkit-animation:none;animation:none}.hideSweetAlert[data-animation=slide-from-top]{-webkit-animation:slideToTop .4s;animation:slideToTop .4s}.hideSweetAlert[data-animation=slide-from-bottom]{-webkit-animation:slideToBottom .3s;animation:slideToBottom .3s}@-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}.sa-icon.sa-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}
metadata CHANGED
@@ -1,14 +1,14 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: sweetalert-rails
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.4.2
4
+ version: 0.5.0
5
5
  platform: ruby
6
6
  authors:
7
7
  - Rustam Sharshenov
8
8
  autorequire:
9
9
  bindir: bin
10
10
  cert_chain: []
11
- date: 2015-02-11 00:00:00.000000000 Z
11
+ date: 2015-03-28 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: railties