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.
- 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: []
|