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.
- checksums.yaml +7 -0
- data/README.md +1 -1
- data/app/assets/javascripts/alertify.js +91 -26
- data/app/assets/stylesheets/alertify.css +24 -34
- data/app/assets/stylesheets/alertify.rtl.css +24 -34
- data/app/assets/stylesheets/alertify/bootstrap.css +5 -0
- data/app/assets/stylesheets/alertify/bootstrap.rtl.css +5 -0
- data/app/assets/stylesheets/alertify/default.css +5 -0
- data/app/assets/stylesheets/alertify/default.rtl.css +5 -0
- data/app/assets/stylesheets/alertify/semantic.css +6 -2
- data/app/assets/stylesheets/alertify/semantic.rtl.css +6 -2
- data/lib/alertifyjs/rails/version.rb +1 -1
- metadata +8 -10
checksums.yaml
ADDED
@@ -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,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
|
-
*
|
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
|
-
|
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 =
|
2026
|
-
element.style.height =
|
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
|
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
|
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(
|
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(
|
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(
|
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
|
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(
|
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(
|
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
|
-
|
303
|
-
|
304
|
-
|
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
|
-
|
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
|
-
|
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
|
-
|
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
|
-
|
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
|
-
|
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
|
-
|
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
|
-
|
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
|
-
|
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
|
-
|
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
|
-
|
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-
|
840
|
-
|
841
|
-
|
842
|
-
|
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
|
-
|
846
|
-
|
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
|
-
|
303
|
-
|
304
|
-
|
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
|
-
|
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
|
-
|
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
|
-
|
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
|
-
|
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
|
-
|
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
|
-
|
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
|
-
|
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
|
-
|
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
|
-
|
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
|
-
|
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-
|
840
|
-
|
841
|
-
|
842
|
-
|
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
|
-
|
846
|
-
|
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
|
-
|
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
|
-
|
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 {
|
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.
|
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-
|
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:
|
62
|
+
rubygems_version: 2.4.4
|
65
63
|
signing_key:
|
66
|
-
specification_version:
|
64
|
+
specification_version: 4
|
67
65
|
summary: This gem provides the Alertify.js (alertifyjs.com) for Rails applications
|
68
66
|
test_files: []
|