alertifyjs-rails 0.1.6 → 1.2.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.
data/README.md
CHANGED
@@ -7,7 +7,7 @@
|
|
7
7
|
* @license MIT <http://opensource.org/licenses/mit-license.php>
|
8
8
|
* @link http://alertifyjs.com
|
9
9
|
* @module AlertifyJS
|
10
|
-
* @version 1.0
|
10
|
+
* @version 1.2.0
|
11
11
|
*/
|
12
12
|
( function ( window ) {
|
13
13
|
'use strict';
|
@@ -35,6 +35,7 @@
|
|
35
35
|
movable:true,
|
36
36
|
resizable:true,
|
37
37
|
closable:true,
|
38
|
+
closableByDimmer:true,
|
38
39
|
maximizable:true,
|
39
40
|
startMaximized:false,
|
40
41
|
pinnable:true,
|
@@ -280,6 +281,7 @@
|
|
280
281
|
modeless: 'ajs-modeless',
|
281
282
|
movable: 'ajs-movable',
|
282
283
|
resizable: 'ajs-resizable',
|
284
|
+
capture: 'ajs-capture',
|
283
285
|
fixed: 'ajs-fixed',
|
284
286
|
closable:'ajs-closable',
|
285
287
|
maximizable:'ajs-maximizable',
|
@@ -333,6 +335,11 @@
|
|
333
335
|
}
|
334
336
|
};
|
335
337
|
}
|
338
|
+
|
339
|
+
//initialize hooks object.
|
340
|
+
if(typeof instance.hooks !== 'object'){
|
341
|
+
instance.hooks = {};
|
342
|
+
}
|
336
343
|
|
337
344
|
var internal = instance.__internal = {
|
338
345
|
/**
|
@@ -362,6 +369,7 @@
|
|
362
369
|
movable: undefined,
|
363
370
|
resizable: undefined,
|
364
371
|
closable: undefined,
|
372
|
+
closableByDimmer: undefined,
|
365
373
|
maximizable: undefined,
|
366
374
|
startMaximized: undefined,
|
367
375
|
pinnable: undefined,
|
@@ -487,6 +495,7 @@
|
|
487
495
|
instance.set('resizable', setup.options.resizable === undefined ? alertify.defaults.resizable : setup.options.resizable);
|
488
496
|
|
489
497
|
instance.set('closable', setup.options.closable === undefined ? alertify.defaults.closable : setup.options.closable);
|
498
|
+
instance.set('closableByDimmer', setup.options.closableByDimmer === undefined ? alertify.defaults.closableByDimmer : setup.options.closableByDimmer);
|
490
499
|
instance.set('maximizable', setup.options.maximizable === undefined ? alertify.defaults.maximizable : setup.options.maximizable);
|
491
500
|
instance.set('startMaximized', setup.options.startMaximized === undefined ? alertify.defaults.startMaximized : setup.options.startMaximized);
|
492
501
|
|
@@ -707,6 +716,11 @@
|
|
707
716
|
updateTransition(instance,newValue, oldValue);
|
708
717
|
break;
|
709
718
|
}
|
719
|
+
|
720
|
+
// internal on option updated event
|
721
|
+
if(typeof instance.hooks.onupdate === 'function'){
|
722
|
+
instance.hooks.onupdate.call(instance, option, oldValue, newValue);
|
723
|
+
}
|
710
724
|
}
|
711
725
|
|
712
726
|
/**
|
@@ -1041,7 +1055,7 @@
|
|
1041
1055
|
*/
|
1042
1056
|
function modalClickHandler(event, instance) {
|
1043
1057
|
var target = event.srcElement || event.target;
|
1044
|
-
if (!cancelClick && target === instance.elements.modal) {
|
1058
|
+
if (!cancelClick && target === instance.elements.modal && instance.get('closableByDimmer') === true) {
|
1045
1059
|
triggerClose(instance);
|
1046
1060
|
}
|
1047
1061
|
cancelClick = false;
|
@@ -1376,6 +1390,7 @@
|
|
1376
1390
|
offsetY = eventSrc[yProp];
|
1377
1391
|
|
1378
1392
|
var element = instance.elements.dialog;
|
1393
|
+
addClass(element, classes.capture);
|
1379
1394
|
|
1380
1395
|
if (element.style.left) {
|
1381
1396
|
offsetX -= parseInt(element.style.left, 10);
|
@@ -1422,8 +1437,10 @@
|
|
1422
1437
|
*/
|
1423
1438
|
function endMove() {
|
1424
1439
|
if (movable) {
|
1440
|
+
var element = movable.elements.dialog;
|
1425
1441
|
movable = null;
|
1426
1442
|
removeClass(document.body, classes.noSelection);
|
1443
|
+
removeClass(element, classes.capture);
|
1427
1444
|
}
|
1428
1445
|
}
|
1429
1446
|
|
@@ -1566,6 +1583,7 @@
|
|
1566
1583
|
resizable = instance;
|
1567
1584
|
handleOffset = instance.elements.resizeHandle.offsetHeight / 2;
|
1568
1585
|
var element = instance.elements.dialog;
|
1586
|
+
addClass(element, classes.capture);
|
1569
1587
|
startingLeft = parseInt(element.style.left, 10);
|
1570
1588
|
element.style.height = element.offsetHeight + 'px';
|
1571
1589
|
element.style.minHeight = instance.elements.header.offsetHeight + instance.elements.footer.offsetHeight + 'px';
|
@@ -1611,8 +1629,10 @@
|
|
1611
1629
|
*/
|
1612
1630
|
function endResize() {
|
1613
1631
|
if (resizable) {
|
1632
|
+
var element = resizable.elements.dialog;
|
1614
1633
|
resizable = null;
|
1615
1634
|
removeClass(document.body, classes.noSelection);
|
1635
|
+
removeClass(element, classes.capture);
|
1616
1636
|
cancelClick = true;
|
1617
1637
|
}
|
1618
1638
|
}
|
@@ -2139,6 +2159,11 @@
|
|
2139
2159
|
// show dialog
|
2140
2160
|
removeClass(this.elements.root, classes.hidden);
|
2141
2161
|
|
2162
|
+
// internal on show event
|
2163
|
+
if(typeof this.hooks.onshow === 'function'){
|
2164
|
+
this.hooks.onshow.call(this);
|
2165
|
+
}
|
2166
|
+
|
2142
2167
|
// allow custom `onshow` method
|
2143
2168
|
if ( typeof this.get('onshow') === 'function' ) {
|
2144
2169
|
this.get('onshow')();
|
@@ -2184,6 +2209,11 @@
|
|
2184
2209
|
removeClass(this.elements.root, this.__internal.className);
|
2185
2210
|
}
|
2186
2211
|
|
2212
|
+
// internal on close event
|
2213
|
+
if(typeof this.hooks.onclose === 'function'){
|
2214
|
+
this.hooks.onclose.call(this);
|
2215
|
+
}
|
2216
|
+
|
2187
2217
|
// allow custom `onclose` method
|
2188
2218
|
if ( typeof this.get('onclose') === 'function' ) {
|
2189
2219
|
this.get('onclose')();
|
@@ -2241,7 +2271,7 @@
|
|
2241
2271
|
}
|
2242
2272
|
|
2243
2273
|
//add to DOM tree.
|
2244
|
-
if (element.parentNode
|
2274
|
+
if (element.parentNode !== document.body) {
|
2245
2275
|
document.body.appendChild(element);
|
2246
2276
|
}
|
2247
2277
|
}
|
@@ -3218,13 +3248,17 @@
|
|
3218
3248
|
};
|
3219
3249
|
});
|
3220
3250
|
|
3221
|
-
//
|
3222
|
-
if ( typeof
|
3251
|
+
// CommonJS
|
3252
|
+
if ( typeof module === 'object' && typeof module.exports === 'object' ) {
|
3253
|
+
module.exports = alertify;
|
3254
|
+
// AMD
|
3255
|
+
} else if ( typeof define === 'function' ) {
|
3223
3256
|
define( [], function () {
|
3224
3257
|
return alertify;
|
3225
3258
|
} );
|
3259
|
+
// window
|
3226
3260
|
} else if ( !window.alertify ) {
|
3227
3261
|
window.alertify = alertify;
|
3228
3262
|
}
|
3229
3263
|
|
3230
|
-
} ( this ) );
|
3264
|
+
} ( typeof window !== 'undefined' ? window : this ) );
|
@@ -28,6 +28,16 @@
|
|
28
28
|
padding: 24px 24px 0 24px;
|
29
29
|
outline: 0;
|
30
30
|
}
|
31
|
+
.alertify .ajs-dialog.ajs-capture:before {
|
32
|
+
content: '';
|
33
|
+
position: absolute;
|
34
|
+
top: 0;
|
35
|
+
right: 0;
|
36
|
+
bottom: 0;
|
37
|
+
left: 0;
|
38
|
+
display: block;
|
39
|
+
z-index: 1;
|
40
|
+
}
|
31
41
|
.alertify .ajs-reset {
|
32
42
|
position: absolute !important;
|
33
43
|
display: inline !important;
|
@@ -39,7 +49,7 @@
|
|
39
49
|
position: absolute;
|
40
50
|
right: 4px;
|
41
51
|
margin: -14px 24px 0 0;
|
42
|
-
z-index:
|
52
|
+
z-index: 2;
|
43
53
|
}
|
44
54
|
.alertify .ajs-commands button {
|
45
55
|
display: none;
|
@@ -101,6 +111,7 @@
|
|
101
111
|
height: 10px;
|
102
112
|
right: 0;
|
103
113
|
bottom: 0;
|
114
|
+
z-index: 1;
|
104
115
|
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwNy8xMS8xNEDQYmMAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAAQ0lEQVQYlaXNMQoAIAxD0dT7H657l0KX3iJuUlBUNOsPPCGJm7VDp6ryeMxMuDsAQH7owW3pyn3RS26iKxERMLN3ugOaAkaL3sWVigAAAABJRU5ErkJggg==);
|
105
116
|
-webkit-transform: scaleX(1) /*rtl:scaleX(-1)*/;
|
106
117
|
transform: scaleX(1) /*rtl:scaleX(-1)*/;
|
@@ -226,7 +237,17 @@
|
|
226
237
|
.alertify.ajs-basic .ajs-footer {
|
227
238
|
visibility: hidden;
|
228
239
|
}
|
229
|
-
.alertify.ajs-frameless .ajs-header
|
240
|
+
.alertify.ajs-frameless .ajs-header {
|
241
|
+
position: absolute;
|
242
|
+
top: 0;
|
243
|
+
left: 0;
|
244
|
+
right: 0;
|
245
|
+
min-height: 60px;
|
246
|
+
margin: 0;
|
247
|
+
padding: 0;
|
248
|
+
opacity: 0;
|
249
|
+
z-index: 1;
|
250
|
+
}
|
230
251
|
.alertify.ajs-frameless .ajs-footer {
|
231
252
|
display: none;
|
232
253
|
}
|
@@ -28,6 +28,16 @@
|
|
28
28
|
padding: 24px 24px 0 24px;
|
29
29
|
outline: 0;
|
30
30
|
}
|
31
|
+
.alertify .ajs-dialog.ajs-capture:before {
|
32
|
+
content: '';
|
33
|
+
position: absolute;
|
34
|
+
top: 0;
|
35
|
+
left: 0;
|
36
|
+
bottom: 0;
|
37
|
+
right: 0;
|
38
|
+
display: block;
|
39
|
+
z-index: 1;
|
40
|
+
}
|
31
41
|
.alertify .ajs-reset {
|
32
42
|
position: absolute !important;
|
33
43
|
display: inline !important;
|
@@ -39,7 +49,7 @@
|
|
39
49
|
position: absolute;
|
40
50
|
left: 4px;
|
41
51
|
margin: -14px 0 0 24px;
|
42
|
-
z-index:
|
52
|
+
z-index: 2;
|
43
53
|
}
|
44
54
|
.alertify .ajs-commands button {
|
45
55
|
display: none;
|
@@ -101,6 +111,7 @@
|
|
101
111
|
height: 10px;
|
102
112
|
left: 0;
|
103
113
|
bottom: 0;
|
114
|
+
z-index: 1;
|
104
115
|
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwNy8xMS8xNEDQYmMAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAAQ0lEQVQYlaXNMQoAIAxD0dT7H657l0KX3iJuUlBUNOsPPCGJm7VDp6ryeMxMuDsAQH7owW3pyn3RS26iKxERMLN3ugOaAkaL3sWVigAAAABJRU5ErkJggg==);
|
105
116
|
-webkit-transform: scaleX(-1);
|
106
117
|
transform: scaleX(-1);
|
@@ -226,7 +237,17 @@
|
|
226
237
|
.alertify.ajs-basic .ajs-footer {
|
227
238
|
visibility: hidden;
|
228
239
|
}
|
229
|
-
.alertify.ajs-frameless .ajs-header
|
240
|
+
.alertify.ajs-frameless .ajs-header {
|
241
|
+
position: absolute;
|
242
|
+
top: 0;
|
243
|
+
right: 0;
|
244
|
+
left: 0;
|
245
|
+
min-height: 60px;
|
246
|
+
margin: 0;
|
247
|
+
padding: 0;
|
248
|
+
opacity: 0;
|
249
|
+
z-index: 1;
|
250
|
+
}
|
230
251
|
.alertify.ajs-frameless .ajs-footer {
|
231
252
|
display: none;
|
232
253
|
}
|
metadata
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
2
2
|
name: alertifyjs-rails
|
3
3
|
version: !ruby/object:Gem::Version
|
4
|
-
version:
|
4
|
+
version: 1.2.0
|
5
5
|
prerelease:
|
6
6
|
platform: ruby
|
7
7
|
authors:
|
@@ -9,7 +9,7 @@ authors:
|
|
9
9
|
autorequire:
|
10
10
|
bindir: bin
|
11
11
|
cert_chain: []
|
12
|
-
date: 2015-
|
12
|
+
date: 2015-02-22 00:00:00.000000000 Z
|
13
13
|
dependencies: []
|
14
14
|
description: Use Alertify.js (alertifyjs.com) with Rails 3 and 4
|
15
15
|
email:
|