eita-jrails 0.9.0 → 0.9.1
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/README.md +19 -0
- data/assets/images/jquery-ui/ui-bg_flat_0_aaaaaa_40x100.png +0 -0
- data/assets/images/jquery-ui/ui-bg_flat_75_ffffff_40x100.png +0 -0
- data/assets/images/jquery-ui/ui-bg_glass_55_fbf9ee_1x400.png +0 -0
- data/assets/images/jquery-ui/ui-bg_glass_65_ffffff_1x400.png +0 -0
- data/assets/images/jquery-ui/ui-bg_glass_75_dadada_1x400.png +0 -0
- data/assets/images/jquery-ui/ui-bg_glass_75_e6e6e6_1x400.png +0 -0
- data/assets/images/jquery-ui/ui-bg_glass_95_fef1ec_1x400.png +0 -0
- data/assets/images/jquery-ui/ui-bg_highlight-soft_75_cccccc_1x100.png +0 -0
- data/assets/images/jquery-ui/ui-icons_222222_256x240.png +0 -0
- data/assets/images/jquery-ui/ui-icons_2e83ff_256x240.png +0 -0
- data/assets/images/jquery-ui/ui-icons_454545_256x240.png +0 -0
- data/assets/images/jquery-ui/ui-icons_888888_256x240.png +0 -0
- data/assets/images/jquery-ui/ui-icons_cd0a0a_256x240.png +0 -0
- data/assets/javascripts/jquery/jquery-ui-i18n.js +1379 -0
- data/assets/javascripts/jquery/jquery-ui-i18n.min.js +33 -0
- data/assets/javascripts/jrails/jrails.js +0 -12
- data/assets/stylesheets/smoothness/jquery-ui.css +573 -0
- data/lib/action_view/helpers/generator.rb +336 -0
- data/lib/action_view/helpers/jquery_helper.rb +558 -0
- data/lib/action_view/helpers/jquery_ui_helper.rb +165 -0
- data/lib/action_view/helpers/proxies.rb +187 -0
- data/lib/action_view/helpers/scriptaculous_helper.rb +263 -0
- data/lib/action_view/template/handlers/rjs.rb +14 -0
- data/lib/jrails.rb +3 -7
- data/lib/jrails/engine.rb +26 -0
- data/lib/jrails/javascript_helper.rb +97 -0
- data/lib/jrails/on_load_action_controller.rb +2 -0
- data/lib/jrails/on_load_action_view.rb +26 -0
- data/lib/jrails/renderers.rb +12 -0
- data/lib/jrails/rendering.rb +13 -0
- data/lib/jrails/selector_assertions.rb +211 -0
- metadata +37 -12
- data/README.rdoc +0 -27
- data/init.rb +0 -3
- data/install.rb +0 -2
- data/lib/jrails/jquery_selector_assertions.rb +0 -60
@@ -0,0 +1,165 @@
|
|
1
|
+
module ActionView
|
2
|
+
module Helpers
|
3
|
+
|
4
|
+
module JqueryUiHelper
|
5
|
+
|
6
|
+
JQUERY_VAR = ::JRails::JQUERY_VAR
|
7
|
+
|
8
|
+
SCRIPTACULOUS_EFFECTS = {
|
9
|
+
appear: {method: 'fadeIn'},
|
10
|
+
blind_down: {method: 'blind', mode: 'show', options: {direction: 'vertical'}},
|
11
|
+
blind_up: {method: 'blind', mode: 'hide', options: {direction: 'vertical'}},
|
12
|
+
blind_right: {method: 'blind', mode: 'show', options: {direction: 'horizontal'}},
|
13
|
+
blind_left: {method: 'blind', mode: 'hide', options: {direction: 'horizontal'}},
|
14
|
+
bounce_in: {method: 'bounce', mode: 'show', options: {direction: 'up'}},
|
15
|
+
bounce_out: {method: 'bounce', mode: 'hide', options: {direction: 'up'}},
|
16
|
+
drop_in: {method: 'drop', mode: 'show', options: {direction: 'up'}},
|
17
|
+
drop_out: {method: 'drop', mode: 'hide', options: {direction: 'down'}},
|
18
|
+
fade: {method: 'fadeOut'},
|
19
|
+
fold_in: {method: 'fold', mode: 'hide'},
|
20
|
+
fold_out: {method: 'fold', mode: 'show'},
|
21
|
+
grow: {method: 'scale', mode: 'show'},
|
22
|
+
shrink: {method: 'scale', mode: 'hide'},
|
23
|
+
slide_down: {method: 'slide', mode: 'show', options: {direction: 'up'}},
|
24
|
+
slide_up: {method: 'slide', mode: 'hide', options: {direction: 'up'}},
|
25
|
+
slide_right: {method: 'slide', mode: 'show', options: {direction: 'left'}},
|
26
|
+
slide_left: {method: 'slide', mode: 'hide', options: {direction: 'left'}},
|
27
|
+
squish: {method: 'scale', mode: 'hide', options: {origin: "['top','left']"}},
|
28
|
+
switch_on: {method: 'clip', mode: 'show', options: {direction: 'vertical'}},
|
29
|
+
switch_off: {method: 'clip', mode: 'hide', options: {direction: 'vertical'}},
|
30
|
+
toggle_appear: {method: 'fadeToggle'},
|
31
|
+
toggle_slide: {method: 'slide', mode: 'toggle', options: {direction: 'up'}},
|
32
|
+
toggle_blind: {method: 'blind', mode: 'toggle', options: {direction: 'vertical'}},
|
33
|
+
}
|
34
|
+
|
35
|
+
def visual_effect(name, element_id = false, js_options = {})
|
36
|
+
if SCRIPTACULOUS_EFFECTS.has_key? name.to_sym
|
37
|
+
effect = SCRIPTACULOUS_EFFECTS[name.to_sym]
|
38
|
+
name = effect[:method]
|
39
|
+
mode = effect[:mode]
|
40
|
+
js_options = js_options.merge(effect[:options]) if effect[:options]
|
41
|
+
end
|
42
|
+
|
43
|
+
[:color, :direction, :startcolor, :endcolor].each do |option|
|
44
|
+
js_options[option] = "'#{js_options[option]}'" if js_options[option]
|
45
|
+
end
|
46
|
+
|
47
|
+
if js_options.has_key? :duration
|
48
|
+
speed = js_options.delete :duration
|
49
|
+
speed = (speed * 1000).to_i unless speed.nil?
|
50
|
+
else
|
51
|
+
speed = js_options.delete :speed
|
52
|
+
end
|
53
|
+
|
54
|
+
if ['fadeIn','fadeOut','fadeToggle'].include?(name)
|
55
|
+
# 090905 - Jake - changed ' to \" so it passes assert_select_rjs with an id
|
56
|
+
javascript = "#{JQUERY_VAR}(\"#{jquery_id(element_id)}\").#{name}("
|
57
|
+
javascript << "#{speed}" unless speed.nil?
|
58
|
+
javascript << ");"
|
59
|
+
else
|
60
|
+
# 090905 - Jake - changed ' to \" so it passes "assert_select_rjs :effect, ID"
|
61
|
+
javascript = "#{JQUERY_VAR}(\"#{jquery_id(element_id)}\").#{mode || 'effect'}('#{name}'"
|
62
|
+
javascript << ",#{options_for_javascript(js_options)}" unless speed.nil? && js_options.empty?
|
63
|
+
javascript << ",#{speed}" unless speed.nil?
|
64
|
+
javascript << ");"
|
65
|
+
end
|
66
|
+
|
67
|
+
end
|
68
|
+
|
69
|
+
def drop_receiving_element(element_id, options = {})
|
70
|
+
javascript_tag(drop_receiving_element_js(element_id, options).chop!)
|
71
|
+
end
|
72
|
+
|
73
|
+
def draggable_element(element_id, options = {})
|
74
|
+
javascript_tag(draggable_element_js(element_id, options).chop!)
|
75
|
+
end
|
76
|
+
|
77
|
+
def sortable_element(element_id, options = {})
|
78
|
+
javascript_tag(sortable_element_js(element_id, options).chop!)
|
79
|
+
end
|
80
|
+
|
81
|
+
def sortable_element_js(element_id, options = {}) #:nodoc:
|
82
|
+
#convert similar attributes
|
83
|
+
options[:handle] = ".#{options[:handle]}" if options[:handle]
|
84
|
+
if options[:tag] || options[:only]
|
85
|
+
options[:items] = "> "
|
86
|
+
options[:items] << options.delete(:tag) if options[:tag]
|
87
|
+
options[:items] << ".#{options.delete(:only)}" if options[:only]
|
88
|
+
end
|
89
|
+
options[:connectWith] = options.delete(:containment).map {|x| "##{x}"} if options[:containment]
|
90
|
+
options[:containment] = options.delete(:container) if options[:container]
|
91
|
+
options[:dropOnEmpty] = false unless options[:dropOnEmpty]
|
92
|
+
options[:helper] = "'clone'" if options[:ghosting] == true
|
93
|
+
options[:axis] = case options.delete(:constraint)
|
94
|
+
when "vertical", :vertical
|
95
|
+
"y"
|
96
|
+
when "horizontal", :horizontal
|
97
|
+
"x"
|
98
|
+
when false
|
99
|
+
nil
|
100
|
+
when nil
|
101
|
+
"y"
|
102
|
+
end
|
103
|
+
options.delete(:axis) if options[:axis].nil?
|
104
|
+
options.delete(:overlap)
|
105
|
+
options.delete(:ghosting)
|
106
|
+
|
107
|
+
if options[:onUpdate] || options[:url]
|
108
|
+
if options[:format]
|
109
|
+
options[:with] ||= "#{JQUERY_VAR}(this).sortable('serialize',{key:'#{element_id}[]', expression:#{options[:format]}})"
|
110
|
+
options.delete(:format)
|
111
|
+
else
|
112
|
+
options[:with] ||= "#{JQUERY_VAR}(this).sortable('serialize',{key:'#{element_id}[]'})"
|
113
|
+
end
|
114
|
+
|
115
|
+
options[:onUpdate] ||= "function(){" + remote_function(options) + "}"
|
116
|
+
end
|
117
|
+
|
118
|
+
options.delete_if { |key, value| JqueryHelper::AJAX_OPTIONS.include?(key) }
|
119
|
+
options[:update] = options.delete(:onUpdate) if options[:onUpdate]
|
120
|
+
|
121
|
+
[:axis, :cancel, :containment, :cursor, :handle, :tolerance, :items, :placeholder].each do |option|
|
122
|
+
options[option] = "'#{options[option]}'" if options[option]
|
123
|
+
end
|
124
|
+
|
125
|
+
options[:connectWith] = array_or_string_for_javascript(options[:connectWith]) if options[:connectWith]
|
126
|
+
|
127
|
+
%(#{JQUERY_VAR}('#{jquery_id(element_id)}').sortable(#{options_for_javascript(options)});)
|
128
|
+
end
|
129
|
+
|
130
|
+
def draggable_element_js(element_id, options = {})
|
131
|
+
%(#{JQUERY_VAR}("#{jquery_id(element_id)}").draggable(#{options_for_javascript(options)});)
|
132
|
+
end
|
133
|
+
|
134
|
+
def drop_receiving_element_js(element_id, options = {})
|
135
|
+
#convert similar options
|
136
|
+
options[:hoverClass] = options.delete(:hoverclass) if options[:hoverclass]
|
137
|
+
options[:drop] = options.delete(:onDrop) if options[:onDrop]
|
138
|
+
|
139
|
+
if options[:drop] || options[:url]
|
140
|
+
options[:with] ||= "'id=' + encodeURIComponent(#{JQUERY_VAR}(ui.draggable).attr('id'))"
|
141
|
+
options[:drop] ||= "function(ev, ui){" + remote_function(options) + "}"
|
142
|
+
end
|
143
|
+
|
144
|
+
options.delete_if { |key, value| JqueryHelper::AJAX_OPTIONS.include?(key) }
|
145
|
+
|
146
|
+
options[:accept] = array_or_string_for_javascript(options[:accept]) if options[:accept]
|
147
|
+
[:activeClass, :hoverClass, :tolerance].each do |option|
|
148
|
+
options[option] = "'#{options[option]}'" if options[option]
|
149
|
+
end
|
150
|
+
|
151
|
+
%(#{JQUERY_VAR}('#{jquery_id(element_id)}').droppable(#{options_for_javascript(options)});)
|
152
|
+
end
|
153
|
+
|
154
|
+
def array_or_string_for_javascript(option)
|
155
|
+
if option.kind_of?(Array)
|
156
|
+
"['#{option.join('\',\'')}']"
|
157
|
+
elsif !option.nil?
|
158
|
+
"'#{option}'"
|
159
|
+
end
|
160
|
+
end
|
161
|
+
|
162
|
+
end
|
163
|
+
|
164
|
+
end
|
165
|
+
end
|
@@ -0,0 +1,187 @@
|
|
1
|
+
require 'action_view/helpers/proxies'
|
2
|
+
|
3
|
+
module ActionView
|
4
|
+
module Helpers
|
5
|
+
|
6
|
+
# Converts chained method calls on DOM proxy elements into JavaScript chains
|
7
|
+
# copied from rails 3.0.20
|
8
|
+
class JavaScriptProxy < ActiveSupport::BasicObject #:nodoc:
|
9
|
+
|
10
|
+
def initialize(generator, root = nil)
|
11
|
+
@generator = generator
|
12
|
+
@generator << root if root
|
13
|
+
end
|
14
|
+
|
15
|
+
def is_a?(klass)
|
16
|
+
klass == JavaScriptProxy
|
17
|
+
end
|
18
|
+
|
19
|
+
private
|
20
|
+
def method_missing(method, *arguments, &block)
|
21
|
+
if method.to_s =~ /(.*)=$/
|
22
|
+
assign($1, arguments.first)
|
23
|
+
else
|
24
|
+
call("#{method.to_s.camelize(:lower)}", *arguments, &block)
|
25
|
+
end
|
26
|
+
end
|
27
|
+
|
28
|
+
def call(function, *arguments, &block)
|
29
|
+
append_to_function_chain!("#{function}(#{@generator.send(:arguments_for_call, arguments, block)})")
|
30
|
+
self
|
31
|
+
end
|
32
|
+
|
33
|
+
def assign(variable, value)
|
34
|
+
append_to_function_chain!("#{variable} = #{@generator.send(:javascript_object_for, value)}")
|
35
|
+
end
|
36
|
+
|
37
|
+
def function_chain
|
38
|
+
@function_chain ||= @generator.instance_variable_get(:@lines)
|
39
|
+
end
|
40
|
+
|
41
|
+
def append_to_function_chain!(call)
|
42
|
+
function_chain[-1].chomp!(';')
|
43
|
+
function_chain[-1] += ".#{call};"
|
44
|
+
end
|
45
|
+
end
|
46
|
+
|
47
|
+
# copied from rails 3.0.20
|
48
|
+
class JavaScriptCollectionProxy < JavaScriptProxy #:nodoc:
|
49
|
+
ENUMERABLE_METHODS_WITH_RETURN = [:all, :any, :collect, :map, :detect, :find, :find_all, :select, :max, :min, :partition, :reject, :sort_by, :in_groups_of, :each_slice] unless defined? ENUMERABLE_METHODS_WITH_RETURN
|
50
|
+
ENUMERABLE_METHODS = ENUMERABLE_METHODS_WITH_RETURN + [:each] unless defined? ENUMERABLE_METHODS
|
51
|
+
attr_reader :generator
|
52
|
+
delegate :arguments_for_call, :to => :generator
|
53
|
+
|
54
|
+
def initialize(generator, pattern)
|
55
|
+
super(generator, @pattern = pattern)
|
56
|
+
end
|
57
|
+
|
58
|
+
def each_slice(variable, number, &block)
|
59
|
+
if block
|
60
|
+
enumerate :eachSlice, :variable => variable, :method_args => [number], :yield_args => %w(value index), :return => true, &block
|
61
|
+
else
|
62
|
+
add_variable_assignment!(variable)
|
63
|
+
append_enumerable_function!("eachSlice(#{::ActiveSupport::JSON.encode(number)});")
|
64
|
+
end
|
65
|
+
end
|
66
|
+
|
67
|
+
def grep(variable, pattern, &block)
|
68
|
+
enumerate :grep, :variable => variable, :return => true, :method_args => [::ActiveSupport::JSON::Variable.new(pattern.inspect)], :yield_args => %w(value index), &block
|
69
|
+
end
|
70
|
+
|
71
|
+
def in_groups_of(variable, number, fill_with = nil)
|
72
|
+
arguments = [number]
|
73
|
+
arguments << fill_with unless fill_with.nil?
|
74
|
+
add_variable_assignment!(variable)
|
75
|
+
append_enumerable_function!("inGroupsOf(#{arguments_for_call arguments});")
|
76
|
+
end
|
77
|
+
|
78
|
+
def inject(variable, memo, &block)
|
79
|
+
enumerate :inject, :variable => variable, :method_args => [memo], :yield_args => %w(memo value index), :return => true, &block
|
80
|
+
end
|
81
|
+
|
82
|
+
def pluck(variable, property)
|
83
|
+
add_variable_assignment!(variable)
|
84
|
+
append_enumerable_function!("pluck(#{::ActiveSupport::JSON.encode(property)});")
|
85
|
+
end
|
86
|
+
|
87
|
+
def zip(variable, *arguments, &block)
|
88
|
+
add_variable_assignment!(variable)
|
89
|
+
append_enumerable_function!("zip(#{arguments_for_call arguments}")
|
90
|
+
if block
|
91
|
+
function_chain[-1] += ", function(array) {"
|
92
|
+
yield ::ActiveSupport::JSON::Variable.new('array')
|
93
|
+
add_return_statement!
|
94
|
+
@generator << '});'
|
95
|
+
else
|
96
|
+
function_chain[-1] += ');'
|
97
|
+
end
|
98
|
+
end
|
99
|
+
|
100
|
+
private
|
101
|
+
def method_missing(method, *arguments, &block)
|
102
|
+
if ENUMERABLE_METHODS.include?(method)
|
103
|
+
returnable = ENUMERABLE_METHODS_WITH_RETURN.include?(method)
|
104
|
+
enumerate(method, {:variable => (arguments.first if returnable), :return => returnable, :yield_args => %w(value index)}, &block)
|
105
|
+
else
|
106
|
+
super
|
107
|
+
end
|
108
|
+
end
|
109
|
+
|
110
|
+
# Options
|
111
|
+
# * variable - name of the variable to set the result of the enumeration to
|
112
|
+
# * method_args - array of the javascript enumeration method args that occur before the function
|
113
|
+
# * yield_args - array of the javascript yield args
|
114
|
+
# * return - true if the enumeration should return the last statement
|
115
|
+
def enumerate(enumerable, options = {}, &block)
|
116
|
+
options[:method_args] ||= []
|
117
|
+
options[:yield_args] ||= []
|
118
|
+
yield_args = options[:yield_args] * ', '
|
119
|
+
method_args = arguments_for_call options[:method_args] # foo, bar, function
|
120
|
+
method_args << ', ' unless method_args.blank?
|
121
|
+
add_variable_assignment!(options[:variable]) if options[:variable]
|
122
|
+
append_enumerable_function!("#{enumerable.to_s.camelize(:lower)}(#{method_args}function(#{yield_args}) {")
|
123
|
+
# only yield as many params as were passed in the block
|
124
|
+
yield(*options[:yield_args].collect { |p| JavaScriptVariableProxy.new(@generator, p) }[0..block.arity-1])
|
125
|
+
add_return_statement! if options[:return]
|
126
|
+
@generator << '});'
|
127
|
+
end
|
128
|
+
|
129
|
+
def add_variable_assignment!(variable)
|
130
|
+
function_chain.push("var #{variable} = #{function_chain.pop}")
|
131
|
+
end
|
132
|
+
|
133
|
+
def add_return_statement!
|
134
|
+
unless function_chain.last =~ /return/
|
135
|
+
function_chain.push("return #{function_chain.pop.chomp(';')};")
|
136
|
+
end
|
137
|
+
end
|
138
|
+
|
139
|
+
def append_enumerable_function!(call)
|
140
|
+
function_chain[-1].chomp!(';')
|
141
|
+
function_chain[-1] += ".#{call}"
|
142
|
+
end
|
143
|
+
end
|
144
|
+
|
145
|
+
class JavaScriptElementProxy < JavaScriptProxy #:nodoc:
|
146
|
+
|
147
|
+
JQUERY_VAR = ::JRails::JQUERY_VAR
|
148
|
+
|
149
|
+
def initialize(generator, id)
|
150
|
+
id = id.to_s.count('#.*,>+~:[/ ') == 0 ? "##{id}" : id
|
151
|
+
@id = id
|
152
|
+
super(generator, "#{JQUERY_VAR}(\"#{id}\")")
|
153
|
+
end
|
154
|
+
|
155
|
+
def replace_html(*options_for_render)
|
156
|
+
call 'html', @generator.send(:render, *options_for_render)
|
157
|
+
end
|
158
|
+
|
159
|
+
def replace(*options_for_render)
|
160
|
+
call 'replaceWith', @generator.send(:render, *options_for_render)
|
161
|
+
end
|
162
|
+
|
163
|
+
def reload(options_for_replace={})
|
164
|
+
replace(options_for_replace.merge({ :partial => @id.to_s.sub(/^#/,'') }))
|
165
|
+
end
|
166
|
+
|
167
|
+
def value()
|
168
|
+
call 'val()'
|
169
|
+
end
|
170
|
+
|
171
|
+
def value=(value)
|
172
|
+
call 'val', value
|
173
|
+
end
|
174
|
+
|
175
|
+
end
|
176
|
+
|
177
|
+
class JavaScriptElementCollectionProxy < JavaScriptCollectionProxy #:nodoc:\
|
178
|
+
|
179
|
+
JQUERY_VAR = ::JRails::JQUERY_VAR
|
180
|
+
|
181
|
+
def initialize(generator, pattern)
|
182
|
+
super(generator, "#{JQUERY_VAR}(#{pattern.to_json})")
|
183
|
+
end
|
184
|
+
end
|
185
|
+
|
186
|
+
end
|
187
|
+
end
|
@@ -0,0 +1,263 @@
|
|
1
|
+
require 'action_view/helpers/javascript_helper'
|
2
|
+
require 'active_support/json'
|
3
|
+
|
4
|
+
module ActionView
|
5
|
+
# = Action View Scriptaculous Helpers
|
6
|
+
module Helpers
|
7
|
+
# Provides a set of helpers for calling Scriptaculous[http://script.aculo.us/]
|
8
|
+
# JavaScript functions, including those which create Ajax controls and visual
|
9
|
+
# effects.
|
10
|
+
#
|
11
|
+
# To be able to use these helpers, you must include the Prototype
|
12
|
+
# JavaScript framework and the Scriptaculous JavaScript library in your
|
13
|
+
# pages. See the documentation for ActionView::Helpers::JavaScriptHelper
|
14
|
+
# for more information on including the necessary JavaScript.
|
15
|
+
#
|
16
|
+
# The Scriptaculous helpers' behavior can be tweaked with various options.
|
17
|
+
#
|
18
|
+
# See the documentation at http://script.aculo.us for more information on
|
19
|
+
# using these helpers in your application.
|
20
|
+
module ScriptaculousHelper
|
21
|
+
TOGGLE_EFFECTS = [:toggle_appear, :toggle_slide, :toggle_blind]
|
22
|
+
|
23
|
+
# Returns a JavaScript snippet to be used on the Ajax callbacks for
|
24
|
+
# starting visual effects.
|
25
|
+
#
|
26
|
+
# If no +element_id+ is given, it assumes "element" which should be a local
|
27
|
+
# variable in the generated JavaScript execution context. This can be
|
28
|
+
# used for example with +drop_receiving_element+:
|
29
|
+
#
|
30
|
+
# <%= drop_receiving_element (...), :loading => visual_effect(:fade) %>
|
31
|
+
#
|
32
|
+
# This would fade the element that was dropped on the drop receiving
|
33
|
+
# element.
|
34
|
+
#
|
35
|
+
# For toggling visual effects, you can use <tt>:toggle_appear</tt>, <tt>:toggle_slide</tt>, and
|
36
|
+
# <tt>:toggle_blind</tt> which will alternate between appear/fade, slidedown/slideup, and
|
37
|
+
# blinddown/blindup respectively.
|
38
|
+
#
|
39
|
+
# You can change the behaviour with various options, see
|
40
|
+
# http://script.aculo.us for more documentation.
|
41
|
+
def visual_effect(name, element_id = false, js_options = {})
|
42
|
+
element = element_id ? ActiveSupport::JSON.encode(element_id) : "element"
|
43
|
+
|
44
|
+
js_options[:queue] = if js_options[:queue].is_a?(Hash)
|
45
|
+
'{' + js_options[:queue].map {|k, v| k == :limit ? "#{k}:#{v}" : "#{k}:'#{v}'" }.join(',') + '}'
|
46
|
+
elsif js_options[:queue]
|
47
|
+
"'#{js_options[:queue]}'"
|
48
|
+
end if js_options[:queue]
|
49
|
+
|
50
|
+
[:endcolor, :direction, :startcolor, :scaleMode, :restorecolor].each do |option|
|
51
|
+
js_options[option] = "'#{js_options[option]}'" if js_options[option]
|
52
|
+
end
|
53
|
+
|
54
|
+
if TOGGLE_EFFECTS.include? name.to_sym
|
55
|
+
"Effect.toggle(#{element},'#{name.to_s.gsub(/^toggle_/,'')}',#{options_for_javascript(js_options)});"
|
56
|
+
else
|
57
|
+
"new Effect.#{name.to_s.camelize}(#{element},#{options_for_javascript(js_options)});"
|
58
|
+
end
|
59
|
+
end
|
60
|
+
|
61
|
+
# Makes the element with the DOM ID specified by +element_id+ sortable
|
62
|
+
# by drag-and-drop and make an Ajax call whenever the sort order has
|
63
|
+
# changed. By default, the action called gets the serialized sortable
|
64
|
+
# element as parameters.
|
65
|
+
#
|
66
|
+
# Example:
|
67
|
+
#
|
68
|
+
# <%= sortable_element("my_list", :url => { :action => "order" }) %>
|
69
|
+
#
|
70
|
+
# In the example, the action gets a "my_list" array parameter
|
71
|
+
# containing the values of the ids of elements the sortable consists
|
72
|
+
# of, in the current order.
|
73
|
+
#
|
74
|
+
# Important: For this to work, the sortable elements must have id
|
75
|
+
# attributes in the form "string_identifier". For example, "item_1". Only
|
76
|
+
# the identifier part of the id attribute will be serialized.
|
77
|
+
#
|
78
|
+
# Additional +options+ are:
|
79
|
+
#
|
80
|
+
# * <tt>:format</tt> - A regular expression to determine what to send as the
|
81
|
+
# serialized id to the server (the default is <tt>/^[^_]*_(.*)$/</tt>).
|
82
|
+
#
|
83
|
+
# * <tt>:constraint</tt> - Whether to constrain the dragging to either
|
84
|
+
# <tt>:horizontal</tt> or <tt>:vertical</tt> (or false to make it unconstrained).
|
85
|
+
#
|
86
|
+
# * <tt>:overlap</tt> - Calculate the item overlap in the <tt>:horizontal</tt>
|
87
|
+
# or <tt>:vertical</tt> direction.
|
88
|
+
#
|
89
|
+
# * <tt>:tag</tt> - Which children of the container element to treat as
|
90
|
+
# sortable (default is <tt>li</tt>).
|
91
|
+
#
|
92
|
+
# * <tt>:containment</tt> - Takes an element or array of elements to treat as
|
93
|
+
# potential drop targets (defaults to the original target element).
|
94
|
+
#
|
95
|
+
# * <tt>:only</tt> - A CSS class name or array of class names used to filter
|
96
|
+
# out child elements as candidates.
|
97
|
+
#
|
98
|
+
# * <tt>:scroll</tt> - Determines whether to scroll the list during drag
|
99
|
+
# operations if the list runs past the visual border.
|
100
|
+
#
|
101
|
+
# * <tt>:tree</tt> - Determines whether to treat nested lists as part of the
|
102
|
+
# main sortable list. This means that you can create multi-layer lists,
|
103
|
+
# and not only sort items at the same level, but drag and sort items
|
104
|
+
# between levels.
|
105
|
+
#
|
106
|
+
# * <tt>:hoverclass</tt> - If set, the Droppable will have this additional CSS class
|
107
|
+
# when an accepted Draggable is hovered over it.
|
108
|
+
#
|
109
|
+
# * <tt>:handle</tt> - Sets whether the element should only be draggable by an
|
110
|
+
# embedded handle. The value may be a string referencing a CSS class value
|
111
|
+
# (as of script.aculo.us V1.5). The first child/grandchild/etc. element
|
112
|
+
# found within the element that has this CSS class value will be used as
|
113
|
+
# the handle.
|
114
|
+
#
|
115
|
+
# * <tt>:ghosting</tt> - Clones the element and drags the clone, leaving
|
116
|
+
# the original in place until the clone is dropped (default is <tt>false</tt>).
|
117
|
+
#
|
118
|
+
# * <tt>:dropOnEmpty</tt> - If true the Sortable container will be made into
|
119
|
+
# a Droppable, that can receive a Draggable (as according to the containment
|
120
|
+
# rules) as a child element when there are no more elements inside (default
|
121
|
+
# is <tt>false</tt>).
|
122
|
+
#
|
123
|
+
# * <tt>:onChange</tt> - Called whenever the sort order changes while dragging. When
|
124
|
+
# dragging from one Sortable to another, the callback is called once on each
|
125
|
+
# Sortable. Gets the affected element as its parameter.
|
126
|
+
#
|
127
|
+
# * <tt>:onUpdate</tt> - Called when the drag ends and the Sortable's order is
|
128
|
+
# changed in any way. When dragging from one Sortable to another, the callback
|
129
|
+
# is called once on each Sortable. Gets the container as its parameter.
|
130
|
+
#
|
131
|
+
# See http://script.aculo.us for more documentation.
|
132
|
+
def sortable_element(element_id, options = {})
|
133
|
+
javascript_tag(sortable_element_js(element_id, options).chop!)
|
134
|
+
end
|
135
|
+
|
136
|
+
def sortable_element_js(element_id, options = {}) #:nodoc:
|
137
|
+
options[:with] ||= "Sortable.serialize(#{ActiveSupport::JSON.encode(element_id)})"
|
138
|
+
options[:onUpdate] ||= "function(){" + remote_function(options) + "}"
|
139
|
+
options.delete_if { |key, value| PrototypeHelper::AJAX_OPTIONS.include?(key) }
|
140
|
+
|
141
|
+
[:tag, :overlap, :constraint, :handle].each do |option|
|
142
|
+
options[option] = "'#{options[option]}'" if options[option]
|
143
|
+
end
|
144
|
+
|
145
|
+
options[:containment] = array_or_string_for_javascript(options[:containment]) if options[:containment]
|
146
|
+
options[:only] = array_or_string_for_javascript(options[:only]) if options[:only]
|
147
|
+
|
148
|
+
%(Sortable.create(#{ActiveSupport::JSON.encode(element_id)}, #{options_for_javascript(options)});)
|
149
|
+
end
|
150
|
+
|
151
|
+
# Makes the element with the DOM ID specified by +element_id+ draggable.
|
152
|
+
#
|
153
|
+
# Example:
|
154
|
+
# <%= draggable_element("my_image", :revert => true)
|
155
|
+
#
|
156
|
+
# You can change the behaviour with various options, see
|
157
|
+
# http://script.aculo.us for more documentation.
|
158
|
+
def draggable_element(element_id, options = {})
|
159
|
+
javascript_tag(draggable_element_js(element_id, options).chop!)
|
160
|
+
end
|
161
|
+
|
162
|
+
def draggable_element_js(element_id, options = {}) #:nodoc:
|
163
|
+
%(new Draggable(#{ActiveSupport::JSON.encode(element_id)}, #{options_for_javascript(options)});)
|
164
|
+
end
|
165
|
+
|
166
|
+
# Makes the element with the DOM ID specified by +element_id+ receive
|
167
|
+
# dropped draggable elements (created by +draggable_element+).
|
168
|
+
# and make an AJAX call. By default, the action called gets the DOM ID
|
169
|
+
# of the element as parameter.
|
170
|
+
#
|
171
|
+
# Example:
|
172
|
+
# <%= drop_receiving_element("my_cart", :url =>
|
173
|
+
# { :controller => "cart", :action => "add" }) %>
|
174
|
+
#
|
175
|
+
# You can change the behaviour with various options, see
|
176
|
+
# http://script.aculo.us for more documentation.
|
177
|
+
#
|
178
|
+
# Some of these +options+ include:
|
179
|
+
# * <tt>:accept</tt> - Set this to a string or an array of strings describing the
|
180
|
+
# allowable CSS classes that the +draggable_element+ must have in order
|
181
|
+
# to be accepted by this +drop_receiving_element+.
|
182
|
+
#
|
183
|
+
# * <tt>:confirm</tt> - Adds a confirmation dialog. Example:
|
184
|
+
#
|
185
|
+
# :confirm => "Are you sure you want to do this?"
|
186
|
+
#
|
187
|
+
# * <tt>:hoverclass</tt> - If set, the +drop_receiving_element+ will have
|
188
|
+
# this additional CSS class when an accepted +draggable_element+ is
|
189
|
+
# hovered over it.
|
190
|
+
#
|
191
|
+
# * <tt>:onDrop</tt> - Called when a +draggable_element+ is dropped onto
|
192
|
+
# this element. Override this callback with a JavaScript expression to
|
193
|
+
# change the default drop behaviour. Example:
|
194
|
+
#
|
195
|
+
# :onDrop => "function(draggable_element, droppable_element, event) { alert('I like bananas') }"
|
196
|
+
#
|
197
|
+
# This callback gets three parameters: The Draggable element, the Droppable
|
198
|
+
# element and the Event object. You can extract additional information about
|
199
|
+
# the drop - like if the Ctrl or Shift keys were pressed - from the Event object.
|
200
|
+
#
|
201
|
+
# * <tt>:with</tt> - A JavaScript expression specifying the parameters for
|
202
|
+
# the XMLHttpRequest. Any expressions should return a valid URL query string.
|
203
|
+
def drop_receiving_element(element_id, options = {})
|
204
|
+
javascript_tag(drop_receiving_element_js(element_id, options).chop!)
|
205
|
+
end
|
206
|
+
|
207
|
+
def drop_receiving_element_js(element_id, options = {}) #:nodoc:
|
208
|
+
options[:with] ||= "'id=' + encodeURIComponent(element.id)"
|
209
|
+
options[:onDrop] ||= "function(element){" + remote_function(options) + "}"
|
210
|
+
options.delete_if { |key, value| PrototypeHelper::AJAX_OPTIONS.include?(key) }
|
211
|
+
|
212
|
+
options[:accept] = array_or_string_for_javascript(options[:accept]) if options[:accept]
|
213
|
+
options[:hoverclass] = "'#{options[:hoverclass]}'" if options[:hoverclass]
|
214
|
+
|
215
|
+
# Confirmation happens during the onDrop callback, so it can be removed from the options
|
216
|
+
options.delete(:confirm) if options[:confirm]
|
217
|
+
|
218
|
+
%(Droppables.add(#{ActiveSupport::JSON.encode(element_id)}, #{options_for_javascript(options)});)
|
219
|
+
end
|
220
|
+
|
221
|
+
protected
|
222
|
+
def array_or_string_for_javascript(option)
|
223
|
+
if option.kind_of?(Array)
|
224
|
+
"['#{option.join('\',\'')}']"
|
225
|
+
elsif !option.nil?
|
226
|
+
"'#{option}'"
|
227
|
+
end
|
228
|
+
end
|
229
|
+
end
|
230
|
+
|
231
|
+
module PrototypeHelper
|
232
|
+
class JavaScriptGenerator
|
233
|
+
module GeneratorMethods
|
234
|
+
# Starts a script.aculo.us visual effect. See
|
235
|
+
# ActionView::Helpers::ScriptaculousHelper for more information.
|
236
|
+
def visual_effect(name, id = nil, options = {})
|
237
|
+
record @context.send(:visual_effect, name, id, options)
|
238
|
+
end
|
239
|
+
|
240
|
+
# Creates a script.aculo.us sortable element. Useful
|
241
|
+
# to recreate sortable elements after items get added
|
242
|
+
# or deleted.
|
243
|
+
# See ActionView::Helpers::ScriptaculousHelper for more information.
|
244
|
+
def sortable(id, options = {})
|
245
|
+
record @context.send(:sortable_element_js, id, options)
|
246
|
+
end
|
247
|
+
|
248
|
+
# Creates a script.aculo.us draggable element.
|
249
|
+
# See ActionView::Helpers::ScriptaculousHelper for more information.
|
250
|
+
def draggable(id, options = {})
|
251
|
+
record @context.send(:draggable_element_js, id, options)
|
252
|
+
end
|
253
|
+
|
254
|
+
# Creates a script.aculo.us drop receiving element.
|
255
|
+
# See ActionView::Helpers::ScriptaculousHelper for more information.
|
256
|
+
def drop_receiving(id, options = {})
|
257
|
+
record @context.send(:drop_receiving_element_js, id, options)
|
258
|
+
end
|
259
|
+
end
|
260
|
+
end
|
261
|
+
end
|
262
|
+
end
|
263
|
+
end
|