growlyflash 0.2.3 → 0.2.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 +63 -47
- data/lib/growlyflash/version.rb +1 -1
- data/vendor/assets/javascripts/growlyflash/bootstrap-growl.js.coffee +1 -1
- metadata +1 -1
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA1:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: 56deb9cbbac30d22733c75fc5ca05b30f9aca062
|
4
|
+
data.tar.gz: 25297a9aca94d986447afa8bed4d6c0052f70aca
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: 20e7c850bbd303165ba55e3f07e2d843b87dbe3ef33a1987683969a280c10e286ad689748c8c70a89db0312247595fb1c801ab476a2a627ecfe43c4c4f255cb9
|
7
|
+
data.tar.gz: 4beb7817bdb5525b372f11e9d8c30f40f68dd314e20b0675e36de61299c0ede295dc5071da4c587476f0d603a74215e2009b0df6f541b5b9dc534a05ba02ba07
|
data/README.md
CHANGED
@@ -9,60 +9,76 @@ Based on rewritten in coffeescript [Bootstrap Growl](https://github.com/ifightcr
|
|
9
9
|
## Installation
|
10
10
|
|
11
11
|
Add this line to your application's Gemfile:
|
12
|
-
|
13
|
-
|
14
|
-
|
12
|
+
````ruby
|
13
|
+
gem 'growlyflash'
|
14
|
+
````
|
15
15
|
And then execute:
|
16
|
-
|
17
|
-
|
18
|
-
|
16
|
+
````
|
17
|
+
$ bundle
|
18
|
+
````
|
19
19
|
For non-XHR requests append the following before other javascripts inside `<head>`:
|
20
|
-
|
21
|
-
|
22
|
-
|
20
|
+
````erb
|
21
|
+
<%= growlyflash_static_notices %>
|
22
|
+
````
|
23
23
|
And require glowlyflash in `app/assets/javascripts/application.js`
|
24
|
-
|
25
|
-
|
24
|
+
````js
|
25
|
+
//= require growlyflash/growlyflash
|
26
|
+
````
|
26
27
|
|
27
28
|
## Customize
|
28
29
|
|
29
30
|
If you want to change default options, you can override them somewhere in your coffee/js:
|
30
|
-
|
31
|
-
|
32
|
-
|
33
|
-
|
34
|
-
|
35
|
-
|
36
|
-
|
37
|
-
|
38
|
-
|
39
|
-
|
40
|
-
|
41
|
-
|
42
|
-
|
43
|
-
|
44
|
-
|
45
|
-
|
46
|
-
|
47
|
-
|
48
|
-
|
49
|
-
|
50
|
-
|
51
|
-
|
52
|
-
|
53
|
-
|
54
|
-
|
55
|
-
|
56
|
-
|
57
|
-
|
58
|
-
|
59
|
-
|
60
|
-
|
61
|
-
|
62
|
-
|
63
|
-
|
64
|
-
|
65
|
-
|
31
|
+
````coffee
|
32
|
+
$.bootstrapGrowl.defaults = $.extend on, $.bootstrapGrowl.defaults,
|
33
|
+
# Box width (number or css-like string, etc. "auto")
|
34
|
+
width: 250
|
35
|
+
|
36
|
+
# Auto-dismiss timeout. Set it to 0 if you want to disable auto-dismiss
|
37
|
+
delay: 4000
|
38
|
+
|
39
|
+
# Spacing between boxes in stack
|
40
|
+
spacing: 10
|
41
|
+
|
42
|
+
# Appends boxes to a specific container
|
43
|
+
target: 'body'
|
44
|
+
|
45
|
+
# Show close button
|
46
|
+
dismiss: true
|
47
|
+
|
48
|
+
# Default class suffix for alert boxes.
|
49
|
+
# Use the following mapping (Flash key => Bootstrap Alert)
|
50
|
+
# warning: null
|
51
|
+
# error: "error"
|
52
|
+
# notice: "info"
|
53
|
+
# success: "success"
|
54
|
+
type: null
|
55
|
+
|
56
|
+
# Horizontal aligning (left, right or center)
|
57
|
+
align: 'right'
|
58
|
+
|
59
|
+
# Margin from the closest side
|
60
|
+
alignAmount: 20
|
61
|
+
|
62
|
+
# Offset from window bounds
|
63
|
+
offset:
|
64
|
+
from: 'top'
|
65
|
+
amount: 20
|
66
|
+
````
|
67
|
+
|
68
|
+
Insert the following if you want to close alert boxes by clicking on themselves.
|
69
|
+
Also it doesn't steel focus from toggled elements like dropdowns and works fine with touch devices,
|
70
|
+
so I advise to use it:
|
71
|
+
````coffee
|
72
|
+
jQuery ->
|
73
|
+
# ...
|
74
|
+
$(document).on 'click.alert.data-api', '[data-dismiss="alert"]', (e) ->
|
75
|
+
e.stopPropagation()
|
76
|
+
|
77
|
+
$(document).on 'touchstart click', ".bootstrap-growl", (e) ->
|
78
|
+
e.stopPropagation()
|
79
|
+
$('[data-dismiss="alert"]', @).click()
|
80
|
+
off
|
81
|
+
````
|
66
82
|
|
67
83
|
## Contributing
|
68
84
|
|
data/lib/growlyflash/version.rb
CHANGED
@@ -17,7 +17,7 @@ do ($ = jQuery) ->
|
|
17
17
|
alignAmount = css_metrics_val alignAmount
|
18
18
|
|
19
19
|
box_alert = $ """
|
20
|
-
<div class="#{alert_classes_add
|
20
|
+
<div class="#{alert_classes_add(type).join(" ")}">
|
21
21
|
#{'<a class="close" data-dismiss="alert" href="#">×</a>' if dismiss}
|
22
22
|
#{message}
|
23
23
|
</div>
|