alertifyjs-rails 1.3.0 → 1.4.0

Sign up to get free protection for your applications and to get access to all the features.
@@ -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: []