growlyflash 0.2.10 → 0.5.0
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/README.md +68 -61
- data/app/assets/javascripts/growlyflash.bs2.js.coffee +7 -0
- data/app/assets/javascripts/growlyflash.js.coffee +5 -0
- data/app/assets/javascripts/growlyflash/alert.coffee +56 -0
- data/app/assets/javascripts/growlyflash/listener.coffee +41 -0
- data/app/assets/stylesheets/_growlyflash.scss +23 -0
- data/growlyflash.gemspec +6 -6
- data/lib/growlyflash.rb +2 -34
- data/lib/growlyflash/controller_additions.rb +33 -0
- data/lib/growlyflash/engine.rb +7 -0
- metadata +13 -8
- data/lib/growlyflash/version.rb +0 -3
- data/vendor/assets/javascripts/growlyflash/bootstrap-growl.js.coffee +0 -95
- data/vendor/assets/javascripts/growlyflash/growlyflash.js.coffee +0 -62
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA1:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: e58668dcd8da28c9ef6a2825d642358ca399b285
|
|
4
|
+
data.tar.gz: 61cb763f5328fce65817562112b4858d1394319d
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: 62c3b1fbc6998b6f0d971f8b748620a4203ffc2f0978192a07cea3a97253f83ae536dedd5e6190aa0a85686950e1d10e3428876ad420e117504837f5179283fc
|
|
7
|
+
data.tar.gz: 73b325ace30ee62de527c7e5dd57a218f5c829784a9f66ed6254dc8c07b9066594bdd97764836896dfe63c96ba41cb468a9b192b259e9e605bbccf8d1f0b7727
|
data/README.md
CHANGED
|
@@ -1,86 +1,93 @@
|
|
|
1
1
|
# Growlyflash
|
|
2
2
|
|
|
3
|
-
The growlyflash gem turns boring [ActionDispatch::Flash](http://api.rubyonrails.org
|
|
3
|
+
The growlyflash gem turns boring [ActionDispatch::Flash](http://api.rubyonrails.org/?q=ActionDispatch::Flash) messages in your Rails app to asynchronous Growl-like notifications with [Bootstrap Alert](http://getbootstrap.com/components/#alerts) markup.
|
|
4
4
|
|
|
5
5
|
With XHR requests it places flash hash to the `X-Messages` HTTP header or inline in javascript.
|
|
6
6
|
|
|
7
|
-
Based on rewritten in coffeescript [Bootstrap Growl](https://github.com/ifightcrime/bootstrap-growl) plugin
|
|
7
|
+
Based on rewritten in coffeescript [Bootstrap Growl](https://github.com/ifightcrime/bootstrap-growl) plugin and inspired by [Bootstrap Flash Messages](https://github.com/RobinBrouwer/bootstrap_flash_messages)
|
|
8
|
+
|
|
9
|
+
## Update from versions below 0.5.0
|
|
10
|
+
|
|
11
|
+
Warning! Current version breaks integration from older releases, so, if you want to update, you should check installation and customization steps again.
|
|
8
12
|
|
|
9
13
|
## Installation
|
|
10
14
|
|
|
11
15
|
Add this line to your application's Gemfile:
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
16
|
+
|
|
17
|
+
```ruby
|
|
18
|
+
gem 'growlyflash', '~> 0.5.0'
|
|
19
|
+
```
|
|
20
|
+
|
|
21
|
+
To use text flash messages as growl notifications with XHR request, just add this `after_filter` to your controllers (usually `application_controller.rb`):
|
|
22
|
+
|
|
23
|
+
```ruby
|
|
24
|
+
after_filter :flash_to_headers, if: :is_xhr_request?
|
|
25
|
+
```
|
|
26
|
+
|
|
27
|
+
To make notifications also available with non-XHR requests, insert the following line into your layout template inside `<head>` tag before any other javascript:
|
|
28
|
+
|
|
29
|
+
```erb
|
|
21
30
|
<%= growlyflash_static_notices %>
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
31
|
+
```
|
|
32
|
+
|
|
33
|
+
Require one of the following Growlyflash javascripts depending on your Bootstrap version in `app/assets/javascripts/application.js`:
|
|
34
|
+
|
|
35
|
+
```js
|
|
36
|
+
// for Bootstrap 3
|
|
37
|
+
//= require growlyflash
|
|
38
|
+
|
|
39
|
+
// for Bootstrap 2
|
|
40
|
+
//= require growlyflash.bs2
|
|
41
|
+
```
|
|
42
|
+
|
|
43
|
+
Finally, import Growlyflash style in `app/assets/stylesheets/application.css.scss` after importing Bootstrap styles:
|
|
44
|
+
|
|
45
|
+
```scss
|
|
46
|
+
@import "growlyflash";
|
|
47
|
+
```
|
|
27
48
|
|
|
28
49
|
## Customize
|
|
29
50
|
|
|
30
51
|
If you want to change default options, you can override them somewhere in your coffee/js:
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
#
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
warning: null
|
|
54
|
-
error : 'error'
|
|
55
|
-
notice : 'info'
|
|
56
|
-
success: 'success'
|
|
57
|
-
|
|
58
|
-
# Horizontal aligning (left, right or center)
|
|
59
|
-
align: 'right'
|
|
60
|
-
|
|
61
|
-
# Margin from the closest side
|
|
62
|
-
alignAmount: 20
|
|
63
|
-
|
|
64
|
-
# Offset from window bounds
|
|
65
|
-
offset:
|
|
66
|
-
from: 'top'
|
|
67
|
-
amount: 20
|
|
68
|
-
````
|
|
52
|
+
|
|
53
|
+
```coffee
|
|
54
|
+
Growlyflash.defaults = $.extend on, Growlyflash.defaults,
|
|
55
|
+
align: 'right' # horizontal aligning (left, right or center)
|
|
56
|
+
delay: 4000 # auto-dismiss timeout (0 to disable auto-dismiss)
|
|
57
|
+
dismiss: yes # allow to show close button
|
|
58
|
+
spacing: 10 # spacing between alerts
|
|
59
|
+
target: 'body' # selector to target element where to place alerts
|
|
60
|
+
type: null # bootstrap alert class by default
|
|
61
|
+
class: ['alert', 'growlyflash', 'fade']
|
|
62
|
+
```
|
|
63
|
+
|
|
64
|
+
Also you can override few style variables before the `@import` directive (or just manually override styles ([look at _growlyflash.scss](app/assets/stylesheets/_growlyflash.scss)):
|
|
65
|
+
|
|
66
|
+
```scss
|
|
67
|
+
$growlyflash-top: 20px !default;
|
|
68
|
+
$growlyflash-side: 20px !default;
|
|
69
|
+
$growlyflash-width: auto !default;
|
|
70
|
+
$growlyflash-zindex: 9999 !default;
|
|
71
|
+
|
|
72
|
+
@import "growlyflash";
|
|
73
|
+
```
|
|
69
74
|
|
|
70
75
|
Insert the following if you want to close alert boxes by clicking on themselves.
|
|
71
|
-
Also it doesn't steel focus from toggled elements like dropdowns and works fine with touch devices,
|
|
72
|
-
|
|
73
|
-
|
|
76
|
+
Also it doesn't steel focus from toggled elements like dropdowns and works fine with touch devices, so I advise to use it:
|
|
77
|
+
|
|
78
|
+
```coffee
|
|
74
79
|
jQuery ->
|
|
75
|
-
|
|
76
|
-
$(document).on 'click.alert.data-api', '[data-dismiss="alert"]', (e) ->
|
|
80
|
+
$(document).on 'click.alert.data-api', '[data-dismiss="alert"]', (e) ->
|
|
77
81
|
e.stopPropagation()
|
|
82
|
+
off
|
|
78
83
|
|
|
79
|
-
$(document).on 'touchstart click', ".bootstrap-growl", (e) ->
|
|
84
|
+
$(document).on 'touchstart click', ".bootstrap-growl", (e) ->
|
|
80
85
|
e.stopPropagation()
|
|
81
86
|
$('[data-dismiss="alert"]', @).click()
|
|
82
87
|
off
|
|
83
|
-
|
|
88
|
+
```
|
|
89
|
+
|
|
90
|
+
Also
|
|
84
91
|
|
|
85
92
|
## Contributing
|
|
86
93
|
|
|
@@ -0,0 +1,56 @@
|
|
|
1
|
+
class Growlyflash
|
|
2
|
+
window.Growlyflash ?= Growlyflash
|
|
3
|
+
|
|
4
|
+
Growlyflash.defaults =
|
|
5
|
+
align: 'right' # horizontal aligning (left, right or center)
|
|
6
|
+
delay: 4000 # auto-dismiss timeout (0 to disable auto-dismiss)
|
|
7
|
+
dismiss: yes # allow to show close button
|
|
8
|
+
spacing: 10 # spacing between alerts
|
|
9
|
+
target: 'body' # selector to target element where to place alerts
|
|
10
|
+
type: null # bootstrap alert class by default
|
|
11
|
+
class: ['alert', 'growlyflash', 'fade']
|
|
12
|
+
|
|
13
|
+
Growlyflash.KEY_MAPPING =
|
|
14
|
+
alert: 'warning'
|
|
15
|
+
error: 'danger'
|
|
16
|
+
notice: 'info'
|
|
17
|
+
success: 'success'
|
|
18
|
+
|
|
19
|
+
class Growlyflash.FlashStruct
|
|
20
|
+
shown: no
|
|
21
|
+
constructor: (@msg, @key) -> @type = Growlyflash.KEY_MAPPING[@key]
|
|
22
|
+
growl: -> $.growlyflash this
|
|
23
|
+
is_equal: (other) -> (@key is other.key) and (@msg is other.msg)
|
|
24
|
+
isnt_equal: (other) -> not @is_equal other
|
|
25
|
+
|
|
26
|
+
class Growlyflash.Alert
|
|
27
|
+
constructor: (@flash, options) ->
|
|
28
|
+
{@align, @delay, @dismiss, @msg, @spacing, @target, @type, @class} = options
|
|
29
|
+
|
|
30
|
+
@el = ($ '<div>', class: @_classes().join(' '), html: "#{@_dismiss()}#{@msg}").appendTo(@target)
|
|
31
|
+
@el.css(@_calc_position()).toggleClass('in')
|
|
32
|
+
@el.delay(@delay).fadeOut(-> ($ @).remove()) if @delay > 0
|
|
33
|
+
|
|
34
|
+
_classes: ->
|
|
35
|
+
@class.concat ("alert-#{type}" for type in [@type] when type?), ["growlyflash-#{@align}"]
|
|
36
|
+
|
|
37
|
+
_dismiss: ->
|
|
38
|
+
return "" unless @dismiss?
|
|
39
|
+
"""<a class="close" data-dismiss="alert" href="#">×</a>"""
|
|
40
|
+
|
|
41
|
+
_calc_offset: ->
|
|
42
|
+
amount = parseInt(@el.css 'top')
|
|
43
|
+
(@el.siblings '.growlyflash').each (_, el) =>
|
|
44
|
+
amount = Math.max(amount, parseInt(($ el).css 'top') + ($ el).outerHeight() + @spacing)
|
|
45
|
+
amount
|
|
46
|
+
|
|
47
|
+
_calc_position: ->
|
|
48
|
+
styles = {}
|
|
49
|
+
styles.top = "#{@_calc_offset()}px"
|
|
50
|
+
styles.marginLeft = "-#{@el.outerWidth() / 2}px" if @align is 'center'
|
|
51
|
+
styles
|
|
52
|
+
|
|
53
|
+
$.growlyflash = (flash, options = {}) ->
|
|
54
|
+
settings = $.extend(on, {}, Growlyflash.defaults, msg: flash.msg, type: flash.type, options)
|
|
55
|
+
alert = new Growlyflash.Alert(flash, settings)
|
|
56
|
+
if flash instanceof Growlyflash.FlashStruct then flash else alert
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
class Growlyflash.Listener
|
|
2
|
+
HEADER = 'X-Message'
|
|
3
|
+
EVENTS = 'ajax:complete ajaxComplete'
|
|
4
|
+
|
|
5
|
+
# Alerts stack
|
|
6
|
+
class Stack extends Array
|
|
7
|
+
constructor: (items...) ->
|
|
8
|
+
@splice 0, 0, items...
|
|
9
|
+
has_uniq_in: (alerts, counter = 0) ->
|
|
10
|
+
return true unless @length > 0
|
|
11
|
+
recent = @slice -alerts.length
|
|
12
|
+
counter++ for id, item of alerts when recent[id].isnt_equal? item
|
|
13
|
+
counter > 0
|
|
14
|
+
push_all: (alerts) ->
|
|
15
|
+
@push alert.growl() for alert in alerts
|
|
16
|
+
this
|
|
17
|
+
push_once: (alerts) ->
|
|
18
|
+
@push_all alerts if @has_uniq_in alerts
|
|
19
|
+
@purge()
|
|
20
|
+
purge: ->
|
|
21
|
+
setTimeout (=> @splice 0), 100
|
|
22
|
+
|
|
23
|
+
process = (alerts = {}) ->
|
|
24
|
+
new Growlyflash.FlashStruct(msg, type) for type, msg of alerts when msg?
|
|
25
|
+
|
|
26
|
+
process_from_header = (source) ->
|
|
27
|
+
return [] unless source?
|
|
28
|
+
process $.parseJSON(decodeURIComponent source)
|
|
29
|
+
|
|
30
|
+
constructor: (context) ->
|
|
31
|
+
@stack ?= new Stack()
|
|
32
|
+
@process_static() if window.flashes?
|
|
33
|
+
($ context).on EVENTS, (_, xhr) =>
|
|
34
|
+
@stack.push_once process_from_header(xhr.getResponseHeader HEADER)
|
|
35
|
+
return
|
|
36
|
+
process_static: ->
|
|
37
|
+
@stack.push_all process(window.flashes)
|
|
38
|
+
delete window.flashes
|
|
39
|
+
|
|
40
|
+
Growlyflash.listen_on = (context) ->
|
|
41
|
+
@listener ?= new @Listener(context)
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
$growlyflash-top: 20px !default;
|
|
2
|
+
$growlyflash-side: 20px !default;
|
|
3
|
+
$growlyflash-width: auto !default;
|
|
4
|
+
$growlyflash-zindex: 9999 !default;
|
|
5
|
+
|
|
6
|
+
.alert.growlyflash {
|
|
7
|
+
position: absolute;
|
|
8
|
+
margin: 0;
|
|
9
|
+
top: $growlyflash-top;
|
|
10
|
+
width: $growlyflash-width;
|
|
11
|
+
z-index: $growlyflash-zindex;
|
|
12
|
+
|
|
13
|
+
&.growlyflash-left {
|
|
14
|
+
left: $growlyflash-side; }
|
|
15
|
+
&.growlyflash-right {
|
|
16
|
+
right: $growlyflash-side; }
|
|
17
|
+
&.growlyflash-center {
|
|
18
|
+
left: 50%; }
|
|
19
|
+
}
|
|
20
|
+
|
|
21
|
+
body > .alert.growlyflash {
|
|
22
|
+
position: fixed;
|
|
23
|
+
}
|
data/growlyflash.gemspec
CHANGED
|
@@ -1,20 +1,20 @@
|
|
|
1
1
|
# encoding: utf-8
|
|
2
2
|
lib = File.expand_path('../lib', __FILE__)
|
|
3
3
|
$LOAD_PATH.unshift(lib) unless $LOAD_PATH.include?(lib)
|
|
4
|
-
require 'growlyflash/version'
|
|
5
4
|
|
|
6
5
|
Gem::Specification.new do |spec|
|
|
7
6
|
spec.name = "growlyflash"
|
|
8
|
-
spec.version =
|
|
7
|
+
spec.version = "0.5.0"
|
|
9
8
|
spec.authors = ["Tõnis Simo"]
|
|
10
9
|
spec.email = ["anton.estum@gmail.com"]
|
|
11
|
-
spec.homepage = "https://github.com/
|
|
10
|
+
spec.homepage = "https://github.com/estum/growlyflash"
|
|
12
11
|
spec.summary = %q{Tiny gem which provides growl-styled flash messages for Ruby on Rails with Bootstrap.}
|
|
13
12
|
spec.description = %q{Tiny gem which provides growl-styled flash messages for Ruby on Rails with Bootstrap. For XHR requests flash messages are transfering in 'X-Messages' headers, otherwise they are storing in js variables.}
|
|
14
|
-
|
|
13
|
+
spec.license = "MIT"
|
|
14
|
+
|
|
15
15
|
spec.files = `git ls-files`.split($/)
|
|
16
|
-
spec.require_paths = %w
|
|
16
|
+
spec.require_paths = %w[app lib]
|
|
17
17
|
|
|
18
18
|
spec.add_dependency "railties", ">= 3.2", "< 5.0"
|
|
19
19
|
spec.add_dependency 'coffee-rails', ">= 3.2.1"
|
|
20
|
-
end
|
|
20
|
+
end
|
data/lib/growlyflash.rb
CHANGED
|
@@ -1,36 +1,4 @@
|
|
|
1
1
|
# encoding: utf-8
|
|
2
2
|
|
|
3
|
-
require
|
|
4
|
-
require
|
|
5
|
-
|
|
6
|
-
module Growlyflash
|
|
7
|
-
module XMessageHeaders
|
|
8
|
-
def flash_to_headers
|
|
9
|
-
xmessage = URI.escape(Hash[flash].to_json) # URI escape to fix strange things with headers encoding
|
|
10
|
-
response.headers['X-Message'] = xmessage
|
|
11
|
-
flash.discard # discard flash to prevent it appear again after refreshing page
|
|
12
|
-
end
|
|
13
|
-
|
|
14
|
-
private
|
|
15
|
-
def is_xhr_request?
|
|
16
|
-
request.xhr?
|
|
17
|
-
end
|
|
18
|
-
end
|
|
19
|
-
|
|
20
|
-
module NoticeHelpers
|
|
21
|
-
def growlyflash_static_notices
|
|
22
|
-
return nil unless flash.any?
|
|
23
|
-
javascript_tag "window.flashes = #{raw(Hash[flash].except!(:timedout, 'timedout').to_json)};", defer: 'defer'
|
|
24
|
-
end
|
|
25
|
-
end
|
|
26
|
-
|
|
27
|
-
class Engine < ::Rails::Engine
|
|
28
|
-
initializer :growlyflash_xmessage_headers do |config|
|
|
29
|
-
ActionController::Base.class_eval do
|
|
30
|
-
include XMessageHeaders
|
|
31
|
-
helper NoticeHelpers
|
|
32
|
-
after_filter :flash_to_headers, if: :is_xhr_request?
|
|
33
|
-
end
|
|
34
|
-
end
|
|
35
|
-
end
|
|
36
|
-
end
|
|
3
|
+
require 'growlyflash/controller_additions'
|
|
4
|
+
require 'growlyflash/engine' if defined?(Rails)
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
require 'active_support/concern'
|
|
2
|
+
|
|
3
|
+
module Growlyflash
|
|
4
|
+
module ControllerAdditions
|
|
5
|
+
extend ActiveSupport::Concern
|
|
6
|
+
|
|
7
|
+
included do
|
|
8
|
+
helper_method :growlyflash_static_notices
|
|
9
|
+
end
|
|
10
|
+
|
|
11
|
+
private
|
|
12
|
+
def is_xhr_request?
|
|
13
|
+
request.xhr?
|
|
14
|
+
end
|
|
15
|
+
|
|
16
|
+
def flash_to_headers
|
|
17
|
+
_text_flashes = text_flashes
|
|
18
|
+
response.headers['X-Message'] = URI.escape(_text_flashes.to_json)
|
|
19
|
+
|
|
20
|
+
# discard flash to prevent it appear again after refreshing page
|
|
21
|
+
_text_flashes.each_key {|k| flash.discard(k) }
|
|
22
|
+
end
|
|
23
|
+
|
|
24
|
+
def growlyflash_static_notices
|
|
25
|
+
return nil unless flash.any?
|
|
26
|
+
view_context.javascript_tag "window.flashes = #{text_flashes.except!(:timedout, 'timedout').to_json.html_safe};", defer: 'defer'
|
|
27
|
+
end
|
|
28
|
+
|
|
29
|
+
def text_flashes
|
|
30
|
+
flash.to_hash.select {|k, v| v.is_a? String }
|
|
31
|
+
end
|
|
32
|
+
end
|
|
33
|
+
end
|
metadata
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
|
2
2
|
name: growlyflash
|
|
3
3
|
version: !ruby/object:Gem::Version
|
|
4
|
-
version: 0.
|
|
4
|
+
version: 0.5.0
|
|
5
5
|
platform: ruby
|
|
6
6
|
authors:
|
|
7
7
|
- Tõnis Simo
|
|
8
8
|
autorequire:
|
|
9
9
|
bindir: bin
|
|
10
10
|
cert_chain: []
|
|
11
|
-
date: 2014-
|
|
11
|
+
date: 2014-11-23 00:00:00.000000000 Z
|
|
12
12
|
dependencies:
|
|
13
13
|
- !ruby/object:Gem::Dependency
|
|
14
14
|
name: railties
|
|
@@ -57,19 +57,24 @@ files:
|
|
|
57
57
|
- Gemfile
|
|
58
58
|
- README.md
|
|
59
59
|
- Rakefile
|
|
60
|
+
- app/assets/javascripts/growlyflash.bs2.js.coffee
|
|
61
|
+
- app/assets/javascripts/growlyflash.js.coffee
|
|
62
|
+
- app/assets/javascripts/growlyflash/alert.coffee
|
|
63
|
+
- app/assets/javascripts/growlyflash/listener.coffee
|
|
64
|
+
- app/assets/stylesheets/_growlyflash.scss
|
|
60
65
|
- growlyflash.gemspec
|
|
61
66
|
- lib/growlyflash.rb
|
|
62
|
-
- lib/growlyflash/
|
|
63
|
-
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
+
- lib/growlyflash/controller_additions.rb
|
|
68
|
+
- lib/growlyflash/engine.rb
|
|
69
|
+
homepage: https://github.com/estum/growlyflash
|
|
70
|
+
licenses:
|
|
71
|
+
- MIT
|
|
67
72
|
metadata: {}
|
|
68
73
|
post_install_message:
|
|
69
74
|
rdoc_options: []
|
|
70
75
|
require_paths:
|
|
76
|
+
- app
|
|
71
77
|
- lib
|
|
72
|
-
- vendor
|
|
73
78
|
required_ruby_version: !ruby/object:Gem::Requirement
|
|
74
79
|
requirements:
|
|
75
80
|
- - ">="
|
data/lib/growlyflash/version.rb
DELETED
|
@@ -1,95 +0,0 @@
|
|
|
1
|
-
# https://github.com/ifightcrime/bootstrap-growl
|
|
2
|
-
|
|
3
|
-
do ($ = jQuery) ->
|
|
4
|
-
old = $.bootstrapGrowl
|
|
5
|
-
|
|
6
|
-
alert_classes_add = (list...) ->
|
|
7
|
-
['bootstrap-growl', 'alert'].concat("alert-#{type}" for type in list when type?)
|
|
8
|
-
|
|
9
|
-
css_metrics_val = (val) ->
|
|
10
|
-
str = "#{val ? 0}"
|
|
11
|
-
str += "px" if /\d$/.test str
|
|
12
|
-
str
|
|
13
|
-
|
|
14
|
-
$.bootstrapGrowl = (message, options) ->
|
|
15
|
-
{width, delay, spacing, target, align, alignAmount, dismiss, type, offset} = $.extend({}, $.bootstrapGrowl.defaults, options)
|
|
16
|
-
width = css_metrics_val width
|
|
17
|
-
alignAmount = css_metrics_val alignAmount
|
|
18
|
-
|
|
19
|
-
box_alert = $ """
|
|
20
|
-
<div class="#{alert_classes_add(type).join(" ")}">
|
|
21
|
-
#{'<a class="close" data-dismiss="alert" href="#">×</a>' if dismiss}
|
|
22
|
-
#{message}
|
|
23
|
-
</div>
|
|
24
|
-
"""
|
|
25
|
-
|
|
26
|
-
# calculate any 'stack-up'
|
|
27
|
-
$(".bootstrap-growl").each ->
|
|
28
|
-
height = $(@).outerHeight()
|
|
29
|
-
_from = parseInt $(@).css offset.from
|
|
30
|
-
offset.amount = Math.max offset.amount, _from + height + spacing
|
|
31
|
-
|
|
32
|
-
box_alert.css offset.from, css_metrics_val(offset.amount)
|
|
33
|
-
box_alert.css
|
|
34
|
-
position: (if target is 'body' then 'fixed' else 'absolute')
|
|
35
|
-
width: width
|
|
36
|
-
display: 'none'
|
|
37
|
-
zIndex: 9999
|
|
38
|
-
margin: 0
|
|
39
|
-
|
|
40
|
-
$(target).append box_alert
|
|
41
|
-
box_alert.css switch align
|
|
42
|
-
when "center" then left: '50%', marginLeft: "-#{box_alert.outerWidth() / 2}px"
|
|
43
|
-
when "left" then left: alignAmount
|
|
44
|
-
else right: alignAmount
|
|
45
|
-
|
|
46
|
-
box_alert.fadeIn()
|
|
47
|
-
# Only remove after delay if delay is more than 0
|
|
48
|
-
box_alert.delay(delay).fadeOut(-> $(@).remove()) if delay > 0
|
|
49
|
-
|
|
50
|
-
return this
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
$.bootstrapGrowl.defaults =
|
|
54
|
-
# Width of the box (number or css-like string, etc. "auto")
|
|
55
|
-
width: 250
|
|
56
|
-
|
|
57
|
-
# Auto-dismiss timeout. Set it to 0 if you want to disable auto-dismiss
|
|
58
|
-
delay: 4000
|
|
59
|
-
|
|
60
|
-
# Spacing between boxes in stack
|
|
61
|
-
spacing: 10
|
|
62
|
-
|
|
63
|
-
# Appends boxes to a specific container
|
|
64
|
-
target: 'body'
|
|
65
|
-
|
|
66
|
-
# Show close button
|
|
67
|
-
dismiss: true
|
|
68
|
-
|
|
69
|
-
# Default class suffix for alert boxes.
|
|
70
|
-
type: null
|
|
71
|
-
|
|
72
|
-
# Use the following mapping (Flash key => Bootstrap Alert)
|
|
73
|
-
type_mapping:
|
|
74
|
-
warning: null
|
|
75
|
-
error : 'error'
|
|
76
|
-
notice : 'info'
|
|
77
|
-
success: 'success'
|
|
78
|
-
|
|
79
|
-
# Horizontal aligning (left, right or center)
|
|
80
|
-
align: 'right'
|
|
81
|
-
|
|
82
|
-
# Margin from the closest side
|
|
83
|
-
alignAmount: 20
|
|
84
|
-
|
|
85
|
-
# Offset from window bounds
|
|
86
|
-
offset:
|
|
87
|
-
from: 'top'
|
|
88
|
-
amount: 20
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
$.bootstrapGrowl.noConflict = ->
|
|
92
|
-
$.bootstrapGrowl = old
|
|
93
|
-
return this
|
|
94
|
-
|
|
95
|
-
return this
|
|
@@ -1,62 +0,0 @@
|
|
|
1
|
-
#= require growlyflash/bootstrap-growl
|
|
2
|
-
|
|
3
|
-
root = window ? this
|
|
4
|
-
|
|
5
|
-
class Growlyflash
|
|
6
|
-
constructor: (@context) ->
|
|
7
|
-
@flash_log = []
|
|
8
|
-
if window.flashes?
|
|
9
|
-
@growl window.flashes
|
|
10
|
-
delete window.flashes
|
|
11
|
-
# we have to bind both of ajax-complete events
|
|
12
|
-
# sometimes one of them takes messages and they are skipping
|
|
13
|
-
# but in mostly, they produce duplicates :(
|
|
14
|
-
$(@context).on 'ajax:complete ajaxComplete', @ajax_complete
|
|
15
|
-
|
|
16
|
-
growl: (flashes) ->
|
|
17
|
-
for type, msg of flashes when msg?
|
|
18
|
-
@log type: type, msg: msg
|
|
19
|
-
$.bootstrapGrowl msg, type: $.bootstrapGrowl.defaults.type_mapping[type]
|
|
20
|
-
|
|
21
|
-
log: (xmessage) -> @flash_log.push(xmessage)
|
|
22
|
-
log_isnt_empty: -> @flash_log.length > 0
|
|
23
|
-
purge_log: -> @flash_log = []
|
|
24
|
-
|
|
25
|
-
messages: (flashes) ->
|
|
26
|
-
{ type:type, msg:msg } for type, msg of flashes
|
|
27
|
-
|
|
28
|
-
ajax_complete: (e, response, settings) =>
|
|
29
|
-
flashes = @get_x_message.call response
|
|
30
|
-
if flashes?
|
|
31
|
-
messages = @messages flashes
|
|
32
|
-
# Reduce duplicates (because binded twice)
|
|
33
|
-
@reduce_duplicates messages, =>
|
|
34
|
-
@growl flashes
|
|
35
|
-
# To prevent reducing similar messages on
|
|
36
|
-
# the next event, log should flushes after
|
|
37
|
-
window.setTimeout =>
|
|
38
|
-
do @purge_log
|
|
39
|
-
, 100
|
|
40
|
-
true
|
|
41
|
-
|
|
42
|
-
# Parse encoded messages
|
|
43
|
-
get_x_message: ->
|
|
44
|
-
encoded = @getResponseHeader 'X-Message'
|
|
45
|
-
decoded = decodeURIComponent encoded
|
|
46
|
-
$.parseJSON decoded if decoded?
|
|
47
|
-
|
|
48
|
-
reduce_duplicates: (messages, callback) ->
|
|
49
|
-
if @log_isnt_empty()
|
|
50
|
-
return @purge_log() unless @get_log_matches messages
|
|
51
|
-
do callback
|
|
52
|
-
|
|
53
|
-
get_log_matches: (messages) ->
|
|
54
|
-
last_log = @flash_log.slice -messages.length
|
|
55
|
-
not_matches = 0
|
|
56
|
-
not_matches++ for id, f of messages when (last_log[id].type isnt f.type) and (last_log[id].msg isnt f.msg)
|
|
57
|
-
not_matches > 0
|
|
58
|
-
|
|
59
|
-
root.Growlyflash = Growlyflash
|
|
60
|
-
|
|
61
|
-
$ ->
|
|
62
|
-
root.growly = new Growlyflash document unless root.growly
|