alertifyjs-rails 1.3.0 → 1.4.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -0,0 +1,7 @@
1
+ ---
2
+ SHA1:
3
+ metadata.gz: ad602249101c9022b59a26cf840297d6652daacb
4
+ data.tar.gz: 3071ea7b4cdbd8e6d14db3dd182e41f7288a3fac
5
+ SHA512:
6
+ metadata.gz: 81d5f44aec0eb7c3319b3cf177c4314080e843eea28c2ef811c1141a008084a02a2c4129c259a438e8150750d6220d3e7cad59067662582b515008830cb53d4a
7
+ data.tar.gz: 255350ac574d4475b5fdb812ea4b0eb5e1d1a68d1bf5dd7c41fef7b281fb35a51e081e9c455c140407aa7ea3951a04538d7ad5b4b58252f53cf55a09e2da5422
data/README.md CHANGED
@@ -1,6 +1,6 @@
1
1
  # alertifyjs-rails
2
2
 
3
- This gem provides [alertify.js](http://alertifyjs.com/) (v1.3.0) for Rails.
3
+ This gem provides [alertify.js](http://alertifyjs.com/) for Rails.
4
4
 
5
5
 
6
6
  ## Installation
@@ -1,14 +1,8 @@
1
1
  /**
2
- * alertifyjs
2
+ * alertifyjs 1.4.0 http://alertifyjs.com
3
3
  * AlertifyJS is a javascript framework for developing pretty browser dialogs and notifications.
4
- *
5
- * @author Mohammad Younes <Mohammad@alertifyjs.com> (http://alertifyjs.com)
6
- * @copyright 2015
7
- * @license MIT <http://opensource.org/licenses/mit-license.php>
8
- * @link http://alertifyjs.com
9
- * @module alertifyjs
10
- * @version 1.3.0
11
- */
4
+ * Copyright 2015 Mohammad Younes <Mohammad@alertifyjs.com> (http://alertifyjs.com)
5
+ * Licensed under MIT <http://opensource.org/licenses/mit-license.php>*/
12
6
  ( function ( window ) {
13
7
  'use strict';
14
8
 
@@ -124,6 +118,17 @@
124
118
  return ((document.documentElement && document.documentElement.scrollLeft) || document.body.scrollLeft);
125
119
  }
126
120
 
121
+ /**
122
+ * Helper: clear contents
123
+ *
124
+ */
125
+ function clearContents(element){
126
+ while (element.lastChild) {
127
+ element.removeChild(element.lastChild);
128
+ }
129
+ }
130
+
131
+
127
132
  /**
128
133
  * Use a closure to return proper event listener method. Try to use
129
134
  * `addEventListener` by default but fallback to `attachEvent` for
@@ -536,6 +541,19 @@
536
541
  document.body.appendChild(instance.elements.root);
537
542
  }
538
543
 
544
+ /**
545
+ * Helper: maintains scroll position
546
+ *
547
+ */
548
+ var scrollX, scrollY;
549
+ function saveScrollPosition(){
550
+ scrollX = window.scrollX;
551
+ scrollY = window.scrollY;
552
+ }
553
+ function restoreScrollPosition(){
554
+ window.scrollTo(scrollX, scrollY);
555
+ }
556
+
539
557
  /**
540
558
  * Helper: adds/removes no-overflow class from body
541
559
  *
@@ -1312,12 +1330,15 @@
1312
1330
  // once transition is complete, set focus
1313
1331
  setFocus(instance);
1314
1332
 
1333
+ //restore scroll to prevent document jump
1334
+ restoreScrollPosition();
1335
+
1315
1336
  // allow handling key up after transition ended.
1316
1337
  cancelKeyup = false;
1317
1338
 
1318
1339
  // allow custom `onfocus` method
1319
1340
  if (typeof instance.get('onfocus') === 'function') {
1320
- instance.get('onfocus')();
1341
+ instance.get('onfocus').call(instance);
1321
1342
  }
1322
1343
 
1323
1344
  // unbind the event
@@ -2009,21 +2030,35 @@
2009
2030
  * A minimum height equal to the sum of header/footer heights.
2010
2031
  *
2011
2032
  *
2012
- * @param {Number} width The new dialog width in pixels.
2013
- * @param {Number} height The new dialog height in pixels.
2033
+ * @param {Number or String} width The new dialog width in pixels or in percent.
2034
+ * @param {Number or String} height The new dialog height in pixels or in percent.
2014
2035
  *
2015
2036
  * @return {Object} The dialog instance.
2016
2037
  */
2017
2038
  resizeTo:function(width,height){
2018
- if(!isNaN(width) && !isNaN(height) && this.get('resizable') === true){
2039
+ var w = parseFloat(width),
2040
+ h = parseFloat(height),
2041
+ regex = /(\d*\.\d+|\d+)%/
2042
+ ;
2043
+
2044
+ if(!isNaN(w) && !isNaN(h) && this.get('resizable') === true){
2045
+
2046
+ if(('' + width).match(regex)){
2047
+ w = w / 100 * document.documentElement.clientWidth ;
2048
+ }
2049
+
2050
+ if(('' + height).match(regex)){
2051
+ h = h / 100 * document.documentElement.clientHeight;
2052
+ }
2053
+
2019
2054
  var element = this.elements.dialog;
2020
2055
  if (element.style.maxWidth !== 'none') {
2021
2056
  element.style.minWidth = (minWidth = element.offsetWidth) + 'px';
2022
2057
  }
2023
2058
  element.style.maxWidth = 'none';
2024
2059
  element.style.minHeight = this.elements.header.offsetHeight + this.elements.footer.offsetHeight + 'px';
2025
- element.style.width = width + 'px';
2026
- element.style.height = height + 'px';
2060
+ element.style.width = w + 'px';
2061
+ element.style.height = h + 'px';
2027
2062
  }
2028
2063
  return this;
2029
2064
  },
@@ -2080,9 +2115,10 @@
2080
2115
  */
2081
2116
  setHeader:function(content){
2082
2117
  if(typeof content === 'string'){
2118
+ clearContents(this.elements.header);
2083
2119
  this.elements.header.innerHTML = content;
2084
2120
  }else if (content instanceof window.HTMLElement && this.elements.header.firstChild !== content){
2085
- this.elements.header.innerHTML = '';
2121
+ clearContents(this.elements.header);
2086
2122
  this.elements.header.appendChild(content);
2087
2123
  }
2088
2124
  return this;
@@ -2095,9 +2131,10 @@
2095
2131
  */
2096
2132
  setContent:function(content){
2097
2133
  if(typeof content === 'string'){
2134
+ clearContents(this.elements.content);
2098
2135
  this.elements.content.innerHTML = content;
2099
2136
  }else if (content instanceof window.HTMLElement && this.elements.content.firstChild !== content){
2100
- this.elements.content.innerHTML = '';
2137
+ clearContents(this.elements.content);
2101
2138
  this.elements.content.appendChild(content);
2102
2139
  }
2103
2140
  return this;
@@ -2142,6 +2179,9 @@
2142
2179
  this.set('modal', modal);
2143
2180
  }
2144
2181
 
2182
+ //save scroll to prevent document jump
2183
+ saveScrollPosition();
2184
+
2145
2185
  ensureNoOverflow();
2146
2186
 
2147
2187
  // allow custom dialog class on show
@@ -2186,7 +2226,7 @@
2186
2226
 
2187
2227
  // allow custom `onshow` method
2188
2228
  if ( typeof this.get('onshow') === 'function' ) {
2189
- this.get('onshow')();
2229
+ this.get('onshow').call(this);
2190
2230
  }
2191
2231
 
2192
2232
  }else{
@@ -2236,7 +2276,7 @@
2236
2276
 
2237
2277
  // allow custom `onclose` method
2238
2278
  if ( typeof this.get('onclose') === 'function' ) {
2239
- this.get('onclose')();
2279
+ this.get('onclose').call(this);
2240
2280
  }
2241
2281
 
2242
2282
  //remove from open dialogs
@@ -2479,8 +2519,10 @@
2479
2519
  */
2480
2520
  setContent: function (content) {
2481
2521
  if (typeof content === 'string') {
2522
+ clearContents(this.element);
2482
2523
  this.element.innerHTML = content;
2483
- } else {
2524
+ } else if (content instanceof window.HTMLElement && this.element.firstChild !== content) {
2525
+ clearContents(this.element);
2484
2526
  this.element.appendChild(content);
2485
2527
  }
2486
2528
  return this;
@@ -2923,7 +2965,7 @@
2923
2965
  },
2924
2966
  callback: function (closeEvent) {
2925
2967
  if (typeof this.get('onok') === 'function') {
2926
- var returnValue = this.get('onok').call(undefined, closeEvent);
2968
+ var returnValue = this.get('onok').call(this, closeEvent);
2927
2969
  if (typeof returnValue !== 'undefined') {
2928
2970
  closeEvent.cancel = !returnValue;
2929
2971
  }
@@ -3091,7 +3133,7 @@
3091
3133
  switch (closeEvent.index) {
3092
3134
  case 0:
3093
3135
  if (typeof this.get('onok') === 'function') {
3094
- returnValue = this.get('onok').call(undefined, closeEvent);
3136
+ returnValue = this.get('onok').call(this, closeEvent);
3095
3137
  if (typeof returnValue !== 'undefined') {
3096
3138
  closeEvent.cancel = !returnValue;
3097
3139
  }
@@ -3099,7 +3141,7 @@
3099
3141
  break;
3100
3142
  case 1:
3101
3143
  if (typeof this.get('oncancel') === 'function') {
3102
- returnValue = this.get('oncancel').call(undefined, closeEvent);
3144
+ returnValue = this.get('oncancel').call(this, closeEvent);
3103
3145
  if (typeof returnValue !== 'undefined') {
3104
3146
  closeEvent.cancel = !returnValue;
3105
3147
  }
@@ -3204,9 +3246,10 @@
3204
3246
  },
3205
3247
  setMessage: function (message) {
3206
3248
  if (typeof message === 'string') {
3249
+ clearContents(p);
3207
3250
  p.innerHTML = message;
3208
3251
  } else if (message instanceof window.HTMLElement && p.firstChild !== message) {
3209
- p.innerHTML = '';
3252
+ clearContents(p);
3210
3253
  p.appendChild(message);
3211
3254
  }
3212
3255
  },
@@ -3216,6 +3259,7 @@
3216
3259
  onok: undefined,
3217
3260
  oncancel: undefined,
3218
3261
  value: '',
3262
+ type:'text',
3219
3263
  reverseButtons: undefined,
3220
3264
  },
3221
3265
  settingUpdated: function (key, oldValue, newValue) {
@@ -3226,6 +3270,27 @@
3226
3270
  case 'value':
3227
3271
  input.value = newValue;
3228
3272
  break;
3273
+ case 'type':
3274
+ switch (newValue) {
3275
+ case 'text':
3276
+ case 'color':
3277
+ case 'date':
3278
+ case 'datetime-local':
3279
+ case 'email':
3280
+ case 'month':
3281
+ case 'number':
3282
+ case 'password':
3283
+ case 'search':
3284
+ case 'tel':
3285
+ case 'time':
3286
+ case 'week':
3287
+ input.type = newValue;
3288
+ break;
3289
+ default:
3290
+ input.type = 'text';
3291
+ break;
3292
+ }
3293
+ break;
3229
3294
  case 'labels':
3230
3295
  if (newValue.ok && this.__internal.buttons[0].element) {
3231
3296
  this.__internal.buttons[0].element.innerHTML = newValue.ok;
@@ -3249,7 +3314,7 @@
3249
3314
  case 0:
3250
3315
  this.value = input.value;
3251
3316
  if (typeof this.get('onok') === 'function') {
3252
- returnValue = this.get('onok').call(undefined, closeEvent, this.value);
3317
+ returnValue = this.get('onok').call(this, closeEvent, this.value);
3253
3318
  if (typeof returnValue !== 'undefined') {
3254
3319
  closeEvent.cancel = !returnValue;
3255
3320
  }
@@ -3257,7 +3322,7 @@
3257
3322
  break;
3258
3323
  case 1:
3259
3324
  if (typeof this.get('oncancel') === 'function') {
3260
- returnValue = this.get('oncancel').call(undefined, closeEvent);
3325
+ returnValue = this.get('oncancel').call(this, closeEvent);
3261
3326
  if (typeof returnValue !== 'undefined') {
3262
3327
  closeEvent.cancel = !returnValue;
3263
3328
  }
@@ -1,3 +1,8 @@
1
+ /**
2
+ * alertifyjs 1.4.0 http://alertifyjs.com
3
+ * AlertifyJS is a javascript framework for developing pretty browser dialogs and notifications.
4
+ * Copyright 2015 Mohammad Younes <Mohammad@alertifyjs.com> (http://alertifyjs.com)
5
+ * Licensed under MIT <http://opensource.org/licenses/mit-license.php>*/
1
6
  .alertify .ajs-dimmer {
2
7
  position: fixed;
3
8
  z-index: 1981;
@@ -299,12 +304,9 @@
299
304
  .alertify .ajs-modal {
300
305
  -webkit-transform: translate3d(0, 0, 0);
301
306
  transform: translate3d(0, 0, 0);
302
- -webkit-transition-property: opacity, visibility;
303
- transition-property: opacity, visibility;
304
- -webkit-transition-timing-function: linear;
305
- transition-timing-function: linear;
306
- -webkit-transition-duration: 250ms;
307
- transition-duration: 250ms;
307
+ transition-property: opacity, visibility;
308
+ transition-timing-function: linear;
309
+ transition-duration: 250ms;
308
310
  }
309
311
  .alertify.ajs-hidden .ajs-dimmer,
310
312
  .alertify.ajs-hidden .ajs-modal {
@@ -430,8 +432,7 @@
430
432
  60%,
431
433
  80%,
432
434
  100% {
433
- -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
434
- transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
435
+ transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
435
436
  }
436
437
  0% {
437
438
  opacity: 0;
@@ -468,8 +469,7 @@
468
469
  60%,
469
470
  80%,
470
471
  100% {
471
- -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
472
- transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
472
+ transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
473
473
  }
474
474
  0% {
475
475
  opacity: 0;
@@ -617,15 +617,13 @@
617
617
  0% {
618
618
  -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
619
619
  transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
620
- -webkit-transition-timing-function: ease-in;
621
- transition-timing-function: ease-in;
620
+ transition-timing-function: ease-in;
622
621
  opacity: 0;
623
622
  }
624
623
  40% {
625
624
  -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
626
625
  transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
627
- -webkit-transition-timing-function: ease-in;
628
- transition-timing-function: ease-in;
626
+ transition-timing-function: ease-in;
629
627
  }
630
628
  60% {
631
629
  -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
@@ -645,15 +643,13 @@
645
643
  0% {
646
644
  -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
647
645
  transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
648
- -webkit-transition-timing-function: ease-in;
649
- transition-timing-function: ease-in;
646
+ transition-timing-function: ease-in;
650
647
  opacity: 0;
651
648
  }
652
649
  40% {
653
650
  -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
654
651
  transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
655
- -webkit-transition-timing-function: ease-in;
656
- transition-timing-function: ease-in;
652
+ transition-timing-function: ease-in;
657
653
  }
658
654
  60% {
659
655
  -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
@@ -705,15 +701,13 @@
705
701
  0% {
706
702
  -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
707
703
  transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
708
- -webkit-transition-timing-function: ease-in;
709
- transition-timing-function: ease-in;
704
+ transition-timing-function: ease-in;
710
705
  opacity: 0;
711
706
  }
712
707
  40% {
713
708
  -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
714
709
  transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
715
- -webkit-transition-timing-function: ease-in;
716
- transition-timing-function: ease-in;
710
+ transition-timing-function: ease-in;
717
711
  }
718
712
  60% {
719
713
  -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
@@ -733,15 +727,13 @@
733
727
  0% {
734
728
  -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
735
729
  transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
736
- -webkit-transition-timing-function: ease-in;
737
- transition-timing-function: ease-in;
730
+ transition-timing-function: ease-in;
738
731
  opacity: 0;
739
732
  }
740
733
  40% {
741
734
  -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
742
735
  transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
743
- -webkit-transition-timing-function: ease-in;
744
- transition-timing-function: ease-in;
736
+ transition-timing-function: ease-in;
745
737
  }
746
738
  60% {
747
739
  -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
@@ -836,16 +828,14 @@
836
828
  padding: 0;
837
829
  opacity: 0;
838
830
  margin: 0;
839
- -webkit-transition-duration: 250ms;
840
- transition-duration: 250ms;
841
- -webkit-transition-timing-function: linear;
842
- transition-timing-function: linear;
831
+ -webkit-transform: translate3d(0, 0, 0);
832
+ transform: translate3d(0, 0, 0);
833
+ transition-duration: 250ms;
834
+ transition-timing-function: linear;
843
835
  }
844
836
  .alertify-notifier .ajs-message.ajs-visible {
845
- -webkit-transition-duration: 500ms;
846
- transition-duration: 500ms;
847
- -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
848
- transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
837
+ transition-duration: 500ms;
838
+ transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
849
839
  opacity: 1;
850
840
  max-height: 100%;
851
841
  padding: 15px;
@@ -1,3 +1,8 @@
1
+ /**
2
+ * alertifyjs 1.4.0 http://alertifyjs.com
3
+ * AlertifyJS is a javascript framework for developing pretty browser dialogs and notifications.
4
+ * Copyright 2015 Mohammad Younes <Mohammad@alertifyjs.com> (http://alertifyjs.com)
5
+ * Licensed under MIT <http://opensource.org/licenses/mit-license.php>*/
1
6
  .alertify .ajs-dimmer {
2
7
  position: fixed;
3
8
  z-index: 1981;
@@ -299,12 +304,9 @@
299
304
  .alertify .ajs-modal {
300
305
  -webkit-transform: translate3d(0, 0, 0);
301
306
  transform: translate3d(0, 0, 0);
302
- -webkit-transition-property: opacity, visibility;
303
- transition-property: opacity, visibility;
304
- -webkit-transition-timing-function: linear;
305
- transition-timing-function: linear;
306
- -webkit-transition-duration: 250ms;
307
- transition-duration: 250ms;
307
+ transition-property: opacity, visibility;
308
+ transition-timing-function: linear;
309
+ transition-duration: 250ms;
308
310
  }
309
311
  .alertify.ajs-hidden .ajs-dimmer,
310
312
  .alertify.ajs-hidden .ajs-modal {
@@ -430,8 +432,7 @@
430
432
  60%,
431
433
  80%,
432
434
  100% {
433
- -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
434
- transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
435
+ transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
435
436
  }
436
437
  0% {
437
438
  opacity: 0;
@@ -468,8 +469,7 @@
468
469
  60%,
469
470
  80%,
470
471
  100% {
471
- -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
472
- transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
472
+ transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
473
473
  }
474
474
  0% {
475
475
  opacity: 0;
@@ -617,15 +617,13 @@
617
617
  0% {
618
618
  -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -90deg);
619
619
  transform: perspective(400px) rotate3d(1, 0, 0, -90deg);
620
- -webkit-transition-timing-function: ease-in;
621
- transition-timing-function: ease-in;
620
+ transition-timing-function: ease-in;
622
621
  opacity: 0;
623
622
  }
624
623
  40% {
625
624
  -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 20deg);
626
625
  transform: perspective(400px) rotate3d(1, 0, 0, 20deg);
627
- -webkit-transition-timing-function: ease-in;
628
- transition-timing-function: ease-in;
626
+ transition-timing-function: ease-in;
629
627
  }
630
628
  60% {
631
629
  -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -10deg);
@@ -645,15 +643,13 @@
645
643
  0% {
646
644
  -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -90deg);
647
645
  transform: perspective(400px) rotate3d(1, 0, 0, -90deg);
648
- -webkit-transition-timing-function: ease-in;
649
- transition-timing-function: ease-in;
646
+ transition-timing-function: ease-in;
650
647
  opacity: 0;
651
648
  }
652
649
  40% {
653
650
  -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 20deg);
654
651
  transform: perspective(400px) rotate3d(1, 0, 0, 20deg);
655
- -webkit-transition-timing-function: ease-in;
656
- transition-timing-function: ease-in;
652
+ transition-timing-function: ease-in;
657
653
  }
658
654
  60% {
659
655
  -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -10deg);
@@ -705,15 +701,13 @@
705
701
  0% {
706
702
  -webkit-transform: perspective(400px) rotate3d(0, -1, 0, -90deg);
707
703
  transform: perspective(400px) rotate3d(0, -1, 0, -90deg);
708
- -webkit-transition-timing-function: ease-in;
709
- transition-timing-function: ease-in;
704
+ transition-timing-function: ease-in;
710
705
  opacity: 0;
711
706
  }
712
707
  40% {
713
708
  -webkit-transform: perspective(400px) rotate3d(0, -1, 0, 20deg);
714
709
  transform: perspective(400px) rotate3d(0, -1, 0, 20deg);
715
- -webkit-transition-timing-function: ease-in;
716
- transition-timing-function: ease-in;
710
+ transition-timing-function: ease-in;
717
711
  }
718
712
  60% {
719
713
  -webkit-transform: perspective(400px) rotate3d(0, -1, 0, -10deg);
@@ -733,15 +727,13 @@
733
727
  0% {
734
728
  -webkit-transform: perspective(400px) rotate3d(0, -1, 0, -90deg);
735
729
  transform: perspective(400px) rotate3d(0, -1, 0, -90deg);
736
- -webkit-transition-timing-function: ease-in;
737
- transition-timing-function: ease-in;
730
+ transition-timing-function: ease-in;
738
731
  opacity: 0;
739
732
  }
740
733
  40% {
741
734
  -webkit-transform: perspective(400px) rotate3d(0, -1, 0, 20deg);
742
735
  transform: perspective(400px) rotate3d(0, -1, 0, 20deg);
743
- -webkit-transition-timing-function: ease-in;
744
- transition-timing-function: ease-in;
736
+ transition-timing-function: ease-in;
745
737
  }
746
738
  60% {
747
739
  -webkit-transform: perspective(400px) rotate3d(0, -1, 0, -10deg);
@@ -836,16 +828,14 @@
836
828
  padding: 0;
837
829
  opacity: 0;
838
830
  margin: 0;
839
- -webkit-transition-duration: 250ms;
840
- transition-duration: 250ms;
841
- -webkit-transition-timing-function: linear;
842
- transition-timing-function: linear;
831
+ -webkit-transform: translate3d(0, 0, 0);
832
+ transform: translate3d(0, 0, 0);
833
+ transition-duration: 250ms;
834
+ transition-timing-function: linear;
843
835
  }
844
836
  .alertify-notifier .ajs-message.ajs-visible {
845
- -webkit-transition-duration: 500ms;
846
- transition-duration: 500ms;
847
- -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
848
- transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
837
+ transition-duration: 500ms;
838
+ transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
849
839
  opacity: 1;
850
840
  max-height: 100%;
851
841
  padding: 15px;
@@ -1,3 +1,8 @@
1
+ /**
2
+ * alertifyjs 1.4.0 http://alertifyjs.com
3
+ * AlertifyJS is a javascript framework for developing pretty browser dialogs and notifications.
4
+ * Copyright 2015 Mohammad Younes <Mohammad@alertifyjs.com> (http://alertifyjs.com)
5
+ * Licensed under MIT <http://opensource.org/licenses/mit-license.php>*/
1
6
  .alertify .ajs-dimmer {
2
7
  background-color: #000;
3
8
  opacity: .5;
@@ -1,3 +1,8 @@
1
+ /**
2
+ * alertifyjs 1.4.0 http://alertifyjs.com
3
+ * AlertifyJS is a javascript framework for developing pretty browser dialogs and notifications.
4
+ * Copyright 2015 Mohammad Younes <Mohammad@alertifyjs.com> (http://alertifyjs.com)
5
+ * Licensed under MIT <http://opensource.org/licenses/mit-license.php>*/
1
6
  .alertify .ajs-dimmer {
2
7
  background-color: #000;
3
8
  opacity: .5;
@@ -1,3 +1,8 @@
1
+ /**
2
+ * alertifyjs 1.4.0 http://alertifyjs.com
3
+ * AlertifyJS is a javascript framework for developing pretty browser dialogs and notifications.
4
+ * Copyright 2015 Mohammad Younes <Mohammad@alertifyjs.com> (http://alertifyjs.com)
5
+ * Licensed under MIT <http://opensource.org/licenses/mit-license.php>*/
1
6
  .alertify .ajs-dialog {
2
7
  background-color: white;
3
8
  box-shadow: 0px 15px 20px 0px rgba(0, 0, 0, 0.25);
@@ -1,3 +1,8 @@
1
+ /**
2
+ * alertifyjs 1.4.0 http://alertifyjs.com
3
+ * AlertifyJS is a javascript framework for developing pretty browser dialogs and notifications.
4
+ * Copyright 2015 Mohammad Younes <Mohammad@alertifyjs.com> (http://alertifyjs.com)
5
+ * Licensed under MIT <http://opensource.org/licenses/mit-license.php>*/
1
6
  .alertify .ajs-dialog {
2
7
  background-color: white;
3
8
  box-shadow: 0px 15px 20px 0px rgba(0, 0, 0, 0.25);
@@ -1,3 +1,8 @@
1
+ /**
2
+ * alertifyjs 1.4.0 http://alertifyjs.com
3
+ * AlertifyJS is a javascript framework for developing pretty browser dialogs and notifications.
4
+ * Copyright 2015 Mohammad Younes <Mohammad@alertifyjs.com> (http://alertifyjs.com)
5
+ * Licensed under MIT <http://opensource.org/licenses/mit-license.php>*/
1
6
  .alertify .ajs-dimmer {
2
7
  background-color: rgba(0, 0, 0, 0.85);
3
8
  opacity: 1;
@@ -34,8 +39,7 @@
34
39
  outline: 0;
35
40
  color: rgba(0, 0, 0, 0.7);
36
41
  border-radius: .3125em;
37
- -webkit-transition: background-color 0.3s ease-out, box-shadow 0.2s ease, border-color 0.2s ease;
38
- transition: background-color 0.3s ease-out, box-shadow 0.2s ease, border-color 0.2s ease;
42
+ transition: background-color 0.3s ease-out, box-shadow 0.2s ease, border-color 0.2s ease;
39
43
  box-sizing: border-box;
40
44
  }
41
45
  .alertify .ajs-body .ajs-content .ajs-input:active {
@@ -1,3 +1,8 @@
1
+ /**
2
+ * alertifyjs 1.4.0 http://alertifyjs.com
3
+ * AlertifyJS is a javascript framework for developing pretty browser dialogs and notifications.
4
+ * Copyright 2015 Mohammad Younes <Mohammad@alertifyjs.com> (http://alertifyjs.com)
5
+ * Licensed under MIT <http://opensource.org/licenses/mit-license.php>*/
1
6
  .alertify .ajs-dimmer {
2
7
  background-color: rgba(0, 0, 0, 0.85);
3
8
  opacity: 1;
@@ -34,8 +39,7 @@
34
39
  outline: 0;
35
40
  color: rgba(0, 0, 0, 0.7);
36
41
  border-radius: .3125em;
37
- -webkit-transition: background-color 0.3s ease-out, box-shadow 0.2s ease, border-color 0.2s ease;
38
- transition: background-color 0.3s ease-out, box-shadow 0.2s ease, border-color 0.2s ease;
42
+ transition: background-color 0.3s ease-out, box-shadow 0.2s ease, border-color 0.2s ease;
39
43
  box-sizing: border-box;
40
44
  }
41
45
  .alertify .ajs-body .ajs-content .ajs-input:active {
@@ -1,5 +1,5 @@
1
1
  module Alertifyjs #:nodoc:
2
2
  module Rails #:nodoc:
3
- VERSION = "1.3.0"
3
+ VERSION = "1.4.0"
4
4
  end
5
5
  end
metadata CHANGED
@@ -1,15 +1,14 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: alertifyjs-rails
3
3
  version: !ruby/object:Gem::Version
4
- version: 1.3.0
5
- prerelease:
4
+ version: 1.4.0
6
5
  platform: ruby
7
6
  authors:
8
7
  - mkhairi
9
8
  autorequire:
10
9
  bindir: bin
11
10
  cert_chain: []
12
- date: 2015-03-18 00:00:00.000000000 Z
11
+ date: 2015-04-28 00:00:00.000000000 Z
13
12
  dependencies: []
14
13
  description: Use Alertify.js (alertifyjs.com) with Rails 3 and 4
15
14
  email:
@@ -18,7 +17,7 @@ executables: []
18
17
  extensions: []
19
18
  extra_rdoc_files: []
20
19
  files:
21
- - .gitignore
20
+ - ".gitignore"
22
21
  - Gemfile
23
22
  - LICENSE.txt
24
23
  - README.md
@@ -43,26 +42,25 @@ files:
43
42
  homepage: https://github.com/mkhairi/alertifyjs-rails.git
44
43
  licenses:
45
44
  - MIT
45
+ metadata: {}
46
46
  post_install_message:
47
47
  rdoc_options: []
48
48
  require_paths:
49
49
  - lib
50
50
  required_ruby_version: !ruby/object:Gem::Requirement
51
- none: false
52
51
  requirements:
53
- - - ! '>='
52
+ - - ">="
54
53
  - !ruby/object:Gem::Version
55
54
  version: '0'
56
55
  required_rubygems_version: !ruby/object:Gem::Requirement
57
- none: false
58
56
  requirements:
59
- - - ! '>='
57
+ - - ">="
60
58
  - !ruby/object:Gem::Version
61
59
  version: '0'
62
60
  requirements: []
63
61
  rubyforge_project:
64
- rubygems_version: 1.8.23
62
+ rubygems_version: 2.4.4
65
63
  signing_key:
66
- specification_version: 3
64
+ specification_version: 4
67
65
  summary: This gem provides the Alertify.js (alertifyjs.com) for Rails applications
68
66
  test_files: []