noty-rails 2.2.9 → 2.3.4
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/README.md +11 -0
- data/lib/noty-rails/version.rb +1 -1
- data/noty-rails.gemspec +5 -0
- data/vendor/assets/javascripts/noty/jquery.noty.js +93 -61
- data/vendor/assets/javascripts/noty/layouts/bottom.js +30 -34
- data/vendor/assets/javascripts/noty/layouts/bottomCenter.js +35 -38
- data/vendor/assets/javascripts/noty/layouts/bottomLeft.js +34 -38
- data/vendor/assets/javascripts/noty/layouts/bottomRight.js +34 -38
- data/vendor/assets/javascripts/noty/layouts/center.js +47 -51
- data/vendor/assets/javascripts/noty/layouts/centerLeft.js +51 -55
- data/vendor/assets/javascripts/noty/layouts/centerRight.js +51 -55
- data/vendor/assets/javascripts/noty/layouts/inline.js +27 -31
- data/vendor/assets/javascripts/noty/layouts/top.js +30 -34
- data/vendor/assets/javascripts/noty/layouts/topCenter.js +35 -39
- data/vendor/assets/javascripts/noty/layouts/topLeft.js +34 -38
- data/vendor/assets/javascripts/noty/layouts/topRight.js +34 -38
- data/vendor/assets/javascripts/noty/packaged/jquery.noty.packaged.js +912 -774
- data/vendor/assets/javascripts/noty/packaged/jquery.noty.packaged.min.js +1 -10
- data/vendor/assets/javascripts/noty/themes/bootstrap.js +54 -58
- data/vendor/assets/javascripts/noty/themes/default.js +171 -175
- data/vendor/assets/javascripts/noty/themes/relax.js +151 -0
- metadata +6 -4
@@ -1,43 +1,39 @@
|
|
1
|
-
|
1
|
+
$.noty.layouts.bottomRight = {
|
2
|
+
name : 'bottomRight',
|
3
|
+
options : { // overrides options
|
2
4
|
|
3
|
-
|
4
|
-
|
5
|
-
|
5
|
+
},
|
6
|
+
container: {
|
7
|
+
object : '<ul id="noty_bottomRight_layout_container" />',
|
8
|
+
selector: 'ul#noty_bottomRight_layout_container',
|
9
|
+
style : function() {
|
10
|
+
$(this).css({
|
11
|
+
bottom : 20,
|
12
|
+
right : 20,
|
13
|
+
position : 'fixed',
|
14
|
+
width : '310px',
|
15
|
+
height : 'auto',
|
16
|
+
margin : 0,
|
17
|
+
padding : 0,
|
18
|
+
listStyleType: 'none',
|
19
|
+
zIndex : 10000000
|
20
|
+
});
|
6
21
|
|
7
|
-
|
8
|
-
container: {
|
9
|
-
object : '<ul id="noty_bottomRight_layout_container" />',
|
10
|
-
selector: 'ul#noty_bottomRight_layout_container',
|
11
|
-
style : function() {
|
22
|
+
if(window.innerWidth < 600) {
|
12
23
|
$(this).css({
|
13
|
-
|
14
|
-
right : 20,
|
15
|
-
position : 'fixed',
|
16
|
-
width : '310px',
|
17
|
-
height : 'auto',
|
18
|
-
margin : 0,
|
19
|
-
padding : 0,
|
20
|
-
listStyleType: 'none',
|
21
|
-
zIndex : 10000000
|
24
|
+
right: 5
|
22
25
|
});
|
23
|
-
|
24
|
-
if(window.innerWidth < 600) {
|
25
|
-
$(this).css({
|
26
|
-
right: 5
|
27
|
-
});
|
28
|
-
}
|
29
26
|
}
|
30
|
-
}
|
31
|
-
|
32
|
-
|
33
|
-
|
34
|
-
|
35
|
-
}
|
36
|
-
|
37
|
-
|
38
|
-
|
39
|
-
|
40
|
-
|
41
|
-
|
42
|
-
|
43
|
-
})(jQuery);
|
27
|
+
}
|
28
|
+
},
|
29
|
+
parent : {
|
30
|
+
object : '<li />',
|
31
|
+
selector: 'li',
|
32
|
+
css : {}
|
33
|
+
},
|
34
|
+
css : {
|
35
|
+
display: 'none',
|
36
|
+
width : '310px'
|
37
|
+
},
|
38
|
+
addClass : ''
|
39
|
+
};
|
@@ -1,57 +1,53 @@
|
|
1
|
-
|
1
|
+
$.noty.layouts.center = {
|
2
|
+
name : 'center',
|
3
|
+
options : { // overrides options
|
2
4
|
|
3
|
-
|
4
|
-
|
5
|
-
|
5
|
+
},
|
6
|
+
container: {
|
7
|
+
object : '<ul id="noty_center_layout_container" />',
|
8
|
+
selector: 'ul#noty_center_layout_container',
|
9
|
+
style : function() {
|
10
|
+
$(this).css({
|
11
|
+
position : 'fixed',
|
12
|
+
width : '310px',
|
13
|
+
height : 'auto',
|
14
|
+
margin : 0,
|
15
|
+
padding : 0,
|
16
|
+
listStyleType: 'none',
|
17
|
+
zIndex : 10000000
|
18
|
+
});
|
6
19
|
|
7
|
-
|
8
|
-
|
9
|
-
|
10
|
-
|
11
|
-
|
20
|
+
// getting hidden height
|
21
|
+
var dupe = $(this).clone().css({visibility: "hidden", display: "block", position: "absolute", top: 0, left: 0}).attr('id', 'dupe');
|
22
|
+
$("body").append(dupe);
|
23
|
+
dupe.find('.i-am-closing-now').remove();
|
24
|
+
dupe.find('li').css('display', 'block');
|
25
|
+
var actual_height = dupe.height();
|
26
|
+
dupe.remove();
|
27
|
+
|
28
|
+
if($(this).hasClass('i-am-new')) {
|
12
29
|
$(this).css({
|
13
|
-
|
14
|
-
|
15
|
-
height : 'auto',
|
16
|
-
margin : 0,
|
17
|
-
padding : 0,
|
18
|
-
listStyleType: 'none',
|
19
|
-
zIndex : 10000000
|
30
|
+
left: ($(window).width() - $(this).outerWidth(false)) / 2 + 'px',
|
31
|
+
top : ($(window).height() - actual_height) / 2 + 'px'
|
20
32
|
});
|
21
|
-
|
22
|
-
// getting hidden height
|
23
|
-
var dupe = $(this).clone().css({visibility: "hidden", display: "block", position: "absolute", top: 0, left: 0}).attr('id', 'dupe');
|
24
|
-
$("body").append(dupe);
|
25
|
-
dupe.find('.i-am-closing-now').remove();
|
26
|
-
dupe.find('li').css('display', 'block');
|
27
|
-
var actual_height = dupe.height();
|
28
|
-
dupe.remove();
|
29
|
-
|
30
|
-
if($(this).hasClass('i-am-new')) {
|
31
|
-
$(this).css({
|
32
|
-
left: ($(window).width() - $(this).outerWidth(false)) / 2 + 'px',
|
33
|
-
top : ($(window).height() - actual_height) / 2 + 'px'
|
34
|
-
});
|
35
|
-
}
|
36
|
-
else {
|
37
|
-
$(this).animate({
|
38
|
-
left: ($(window).width() - $(this).outerWidth(false)) / 2 + 'px',
|
39
|
-
top : ($(window).height() - actual_height) / 2 + 'px'
|
40
|
-
}, 500);
|
41
|
-
}
|
42
|
-
|
43
33
|
}
|
44
|
-
|
45
|
-
|
46
|
-
|
47
|
-
|
48
|
-
|
49
|
-
|
50
|
-
css : {
|
51
|
-
display: 'none',
|
52
|
-
width : '310px'
|
53
|
-
},
|
54
|
-
addClass : ''
|
55
|
-
};
|
34
|
+
else {
|
35
|
+
$(this).animate({
|
36
|
+
left: ($(window).width() - $(this).outerWidth(false)) / 2 + 'px',
|
37
|
+
top : ($(window).height() - actual_height) / 2 + 'px'
|
38
|
+
}, 500);
|
39
|
+
}
|
56
40
|
|
57
|
-
}
|
41
|
+
}
|
42
|
+
},
|
43
|
+
parent : {
|
44
|
+
object : '<li />',
|
45
|
+
selector: 'li',
|
46
|
+
css : {}
|
47
|
+
},
|
48
|
+
css : {
|
49
|
+
display: 'none',
|
50
|
+
width : '310px'
|
51
|
+
},
|
52
|
+
addClass : ''
|
53
|
+
};
|
@@ -1,62 +1,58 @@
|
|
1
|
-
|
1
|
+
$.noty.layouts.centerLeft = {
|
2
|
+
name : 'centerLeft',
|
3
|
+
options : { // overrides options
|
2
4
|
|
3
|
-
|
4
|
-
|
5
|
-
|
5
|
+
},
|
6
|
+
container: {
|
7
|
+
object : '<ul id="noty_centerLeft_layout_container" />',
|
8
|
+
selector: 'ul#noty_centerLeft_layout_container',
|
9
|
+
style : function() {
|
10
|
+
$(this).css({
|
11
|
+
left : 20,
|
12
|
+
position : 'fixed',
|
13
|
+
width : '310px',
|
14
|
+
height : 'auto',
|
15
|
+
margin : 0,
|
16
|
+
padding : 0,
|
17
|
+
listStyleType: 'none',
|
18
|
+
zIndex : 10000000
|
19
|
+
});
|
6
20
|
|
7
|
-
|
8
|
-
|
9
|
-
|
10
|
-
|
11
|
-
|
21
|
+
// getting hidden height
|
22
|
+
var dupe = $(this).clone().css({visibility: "hidden", display: "block", position: "absolute", top: 0, left: 0}).attr('id', 'dupe');
|
23
|
+
$("body").append(dupe);
|
24
|
+
dupe.find('.i-am-closing-now').remove();
|
25
|
+
dupe.find('li').css('display', 'block');
|
26
|
+
var actual_height = dupe.height();
|
27
|
+
dupe.remove();
|
28
|
+
|
29
|
+
if($(this).hasClass('i-am-new')) {
|
12
30
|
$(this).css({
|
13
|
-
|
14
|
-
position : 'fixed',
|
15
|
-
width : '310px',
|
16
|
-
height : 'auto',
|
17
|
-
margin : 0,
|
18
|
-
padding : 0,
|
19
|
-
listStyleType: 'none',
|
20
|
-
zIndex : 10000000
|
31
|
+
top: ($(window).height() - actual_height) / 2 + 'px'
|
21
32
|
});
|
33
|
+
}
|
34
|
+
else {
|
35
|
+
$(this).animate({
|
36
|
+
top: ($(window).height() - actual_height) / 2 + 'px'
|
37
|
+
}, 500);
|
38
|
+
}
|
22
39
|
|
23
|
-
|
24
|
-
|
25
|
-
|
26
|
-
|
27
|
-
dupe.find('li').css('display', 'block');
|
28
|
-
var actual_height = dupe.height();
|
29
|
-
dupe.remove();
|
30
|
-
|
31
|
-
if($(this).hasClass('i-am-new')) {
|
32
|
-
$(this).css({
|
33
|
-
top: ($(window).height() - actual_height) / 2 + 'px'
|
34
|
-
});
|
35
|
-
}
|
36
|
-
else {
|
37
|
-
$(this).animate({
|
38
|
-
top: ($(window).height() - actual_height) / 2 + 'px'
|
39
|
-
}, 500);
|
40
|
-
}
|
41
|
-
|
42
|
-
if(window.innerWidth < 600) {
|
43
|
-
$(this).css({
|
44
|
-
left: 5
|
45
|
-
});
|
46
|
-
}
|
47
|
-
|
40
|
+
if(window.innerWidth < 600) {
|
41
|
+
$(this).css({
|
42
|
+
left: 5
|
43
|
+
});
|
48
44
|
}
|
49
|
-
},
|
50
|
-
parent : {
|
51
|
-
object : '<li />',
|
52
|
-
selector: 'li',
|
53
|
-
css : {}
|
54
|
-
},
|
55
|
-
css : {
|
56
|
-
display: 'none',
|
57
|
-
width : '310px'
|
58
|
-
},
|
59
|
-
addClass : ''
|
60
|
-
};
|
61
45
|
|
62
|
-
}
|
46
|
+
}
|
47
|
+
},
|
48
|
+
parent : {
|
49
|
+
object : '<li />',
|
50
|
+
selector: 'li',
|
51
|
+
css : {}
|
52
|
+
},
|
53
|
+
css : {
|
54
|
+
display: 'none',
|
55
|
+
width : '310px'
|
56
|
+
},
|
57
|
+
addClass : ''
|
58
|
+
};
|
@@ -1,62 +1,58 @@
|
|
1
|
-
|
1
|
+
$.noty.layouts.centerRight = {
|
2
|
+
name : 'centerRight',
|
3
|
+
options : { // overrides options
|
2
4
|
|
3
|
-
|
4
|
-
|
5
|
-
|
5
|
+
},
|
6
|
+
container: {
|
7
|
+
object : '<ul id="noty_centerRight_layout_container" />',
|
8
|
+
selector: 'ul#noty_centerRight_layout_container',
|
9
|
+
style : function() {
|
10
|
+
$(this).css({
|
11
|
+
right : 20,
|
12
|
+
position : 'fixed',
|
13
|
+
width : '310px',
|
14
|
+
height : 'auto',
|
15
|
+
margin : 0,
|
16
|
+
padding : 0,
|
17
|
+
listStyleType: 'none',
|
18
|
+
zIndex : 10000000
|
19
|
+
});
|
6
20
|
|
7
|
-
|
8
|
-
|
9
|
-
|
10
|
-
|
11
|
-
|
21
|
+
// getting hidden height
|
22
|
+
var dupe = $(this).clone().css({visibility: "hidden", display: "block", position: "absolute", top: 0, left: 0}).attr('id', 'dupe');
|
23
|
+
$("body").append(dupe);
|
24
|
+
dupe.find('.i-am-closing-now').remove();
|
25
|
+
dupe.find('li').css('display', 'block');
|
26
|
+
var actual_height = dupe.height();
|
27
|
+
dupe.remove();
|
28
|
+
|
29
|
+
if($(this).hasClass('i-am-new')) {
|
12
30
|
$(this).css({
|
13
|
-
|
14
|
-
position : 'fixed',
|
15
|
-
width : '310px',
|
16
|
-
height : 'auto',
|
17
|
-
margin : 0,
|
18
|
-
padding : 0,
|
19
|
-
listStyleType: 'none',
|
20
|
-
zIndex : 10000000
|
31
|
+
top: ($(window).height() - actual_height) / 2 + 'px'
|
21
32
|
});
|
33
|
+
}
|
34
|
+
else {
|
35
|
+
$(this).animate({
|
36
|
+
top: ($(window).height() - actual_height) / 2 + 'px'
|
37
|
+
}, 500);
|
38
|
+
}
|
22
39
|
|
23
|
-
|
24
|
-
|
25
|
-
|
26
|
-
|
27
|
-
dupe.find('li').css('display', 'block');
|
28
|
-
var actual_height = dupe.height();
|
29
|
-
dupe.remove();
|
30
|
-
|
31
|
-
if($(this).hasClass('i-am-new')) {
|
32
|
-
$(this).css({
|
33
|
-
top: ($(window).height() - actual_height) / 2 + 'px'
|
34
|
-
});
|
35
|
-
}
|
36
|
-
else {
|
37
|
-
$(this).animate({
|
38
|
-
top: ($(window).height() - actual_height) / 2 + 'px'
|
39
|
-
}, 500);
|
40
|
-
}
|
41
|
-
|
42
|
-
if(window.innerWidth < 600) {
|
43
|
-
$(this).css({
|
44
|
-
right: 5
|
45
|
-
});
|
46
|
-
}
|
47
|
-
|
40
|
+
if(window.innerWidth < 600) {
|
41
|
+
$(this).css({
|
42
|
+
right: 5
|
43
|
+
});
|
48
44
|
}
|
49
|
-
},
|
50
|
-
parent : {
|
51
|
-
object : '<li />',
|
52
|
-
selector: 'li',
|
53
|
-
css : {}
|
54
|
-
},
|
55
|
-
css : {
|
56
|
-
display: 'none',
|
57
|
-
width : '310px'
|
58
|
-
},
|
59
|
-
addClass : ''
|
60
|
-
};
|
61
45
|
|
62
|
-
}
|
46
|
+
}
|
47
|
+
},
|
48
|
+
parent : {
|
49
|
+
object : '<li />',
|
50
|
+
selector: 'li',
|
51
|
+
css : {}
|
52
|
+
},
|
53
|
+
css : {
|
54
|
+
display: 'none',
|
55
|
+
width : '310px'
|
56
|
+
},
|
57
|
+
addClass : ''
|
58
|
+
};
|
@@ -1,31 +1,27 @@
|
|
1
|
-
|
2
|
-
|
3
|
-
|
4
|
-
|
5
|
-
|
6
|
-
|
7
|
-
|
8
|
-
|
9
|
-
|
10
|
-
|
11
|
-
|
12
|
-
|
13
|
-
|
14
|
-
|
15
|
-
|
16
|
-
|
17
|
-
|
18
|
-
|
19
|
-
|
20
|
-
|
21
|
-
|
22
|
-
|
23
|
-
|
24
|
-
|
25
|
-
|
26
|
-
|
27
|
-
|
28
|
-
addClass : ''
|
29
|
-
};
|
30
|
-
|
31
|
-
})(jQuery);
|
1
|
+
$.noty.layouts.inline = {
|
2
|
+
name : 'inline',
|
3
|
+
options : {},
|
4
|
+
container: {
|
5
|
+
object : '<ul class="noty_inline_layout_container" />',
|
6
|
+
selector: 'ul.noty_inline_layout_container',
|
7
|
+
style : function() {
|
8
|
+
$(this).css({
|
9
|
+
width : '100%',
|
10
|
+
height : 'auto',
|
11
|
+
margin : 0,
|
12
|
+
padding : 0,
|
13
|
+
listStyleType: 'none',
|
14
|
+
zIndex : 9999999
|
15
|
+
});
|
16
|
+
}
|
17
|
+
},
|
18
|
+
parent : {
|
19
|
+
object : '<li />',
|
20
|
+
selector: 'li',
|
21
|
+
css : {}
|
22
|
+
},
|
23
|
+
css : {
|
24
|
+
display: 'none'
|
25
|
+
},
|
26
|
+
addClass : ''
|
27
|
+
};
|