411 lines
16 KiB
Ruby
411 lines
16 KiB
Ruby
|
module ActionView
|
||
|
|
module Helpers
|
||
|
|
|
||
|
|
module JavaScriptHelper
|
||
|
|
|
||
|
|
# This function can be used to render rjs inline
|
||
|
|
#
|
||
|
|
# <%= javascript_function do |page|
|
||
|
|
# page.replace_html :list, :partial => 'list', :object => @list
|
||
|
|
# end %>
|
||
|
|
#
|
||
|
|
def javascript_function(*args, &block)
|
||
|
|
html_options = args.extract_options!
|
||
|
|
function = args[0] || ''
|
||
|
|
|
||
|
|
html_options.symbolize_keys!
|
||
|
|
function = update_page(&block) if block_given?
|
||
|
|
javascript_tag(function)
|
||
|
|
end
|
||
|
|
|
||
|
|
def jquery_id(id)
|
||
|
|
id.to_s.count('#.*,>+~:[/ ') == 0 ? "##{id}" : id
|
||
|
|
end
|
||
|
|
|
||
|
|
def jquery_ids(ids)
|
||
|
|
Array(ids).map{|id| jquery_id(id)}.join(',')
|
||
|
|
end
|
||
|
|
|
||
|
|
end
|
||
|
|
|
||
|
|
module PrototypeHelper
|
||
|
|
|
||
|
|
unless const_defined? :JQUERY_VAR
|
||
|
|
JQUERY_VAR = '$'
|
||
|
|
end
|
||
|
|
|
||
|
|
unless const_defined? :JQCALLBACKS
|
||
|
|
JQCALLBACKS = Set.new([ :beforeSend, :complete, :error, :success ] + (100..599).to_a)
|
||
|
|
AJAX_OPTIONS = Set.new([ :before, :after, :condition, :url,
|
||
|
|
:asynchronous, :method, :insertion, :position,
|
||
|
|
:form, :with, :update, :script ]).merge(JQCALLBACKS)
|
||
|
|
end
|
||
|
|
|
||
|
|
def periodically_call_remote(options = {})
|
||
|
|
frequency = options[:frequency] || 10 # every ten seconds by default
|
||
|
|
code = "setInterval(function() {#{remote_function(options)}}, #{frequency} * 1000)"
|
||
|
|
javascript_tag(code)
|
||
|
|
end
|
||
|
|
|
||
|
|
def remote_function(options)
|
||
|
|
javascript_options = options_for_ajax(options)
|
||
|
|
|
||
|
|
update = ''
|
||
|
|
if options[:update] && options[:update].is_a?(Hash)
|
||
|
|
update = []
|
||
|
|
update << "success:'#{options[:update][:success]}'" if options[:update][:success]
|
||
|
|
update << "failure:'#{options[:update][:failure]}'" if options[:update][:failure]
|
||
|
|
update = '{' + update.join(',') + '}'
|
||
|
|
elsif options[:update]
|
||
|
|
update << "'#{options[:update]}'"
|
||
|
|
end
|
||
|
|
|
||
|
|
function = "#{JQUERY_VAR}.ajax(#{javascript_options})"
|
||
|
|
|
||
|
|
function = "#{options[:before]}; #{function}" if options[:before]
|
||
|
|
function = "#{function}; #{options[:after]}" if options[:after]
|
||
|
|
function = "if (#{options[:condition]}) { #{function}; }" if options[:condition]
|
||
|
|
function = "if (confirm('#{escape_javascript(options[:confirm])}')) { #{function}; }" if options[:confirm]
|
||
|
|
return function
|
||
|
|
end
|
||
|
|
|
||
|
|
class JavaScriptGenerator
|
||
|
|
module GeneratorMethods
|
||
|
|
|
||
|
|
def insert_html(position, id, *options_for_render)
|
||
|
|
insertion = position.to_s.downcase
|
||
|
|
insertion = 'append' if insertion == 'bottom'
|
||
|
|
insertion = 'prepend' if insertion == 'top'
|
||
|
|
call "#{JQUERY_VAR}(\"#{jquery_id(id)}\").#{insertion}", render(*options_for_render)
|
||
|
|
end
|
||
|
|
|
||
|
|
def replace_html(id, *options_for_render)
|
||
|
|
insert_html(:html, id, *options_for_render)
|
||
|
|
end
|
||
|
|
|
||
|
|
def replace(id, *options_for_render)
|
||
|
|
call "#{JQUERY_VAR}(\"#{jquery_id(id)}\").replaceWith", render(*options_for_render)
|
||
|
|
end
|
||
|
|
|
||
|
|
def remove(*ids)
|
||
|
|
call "#{JQUERY_VAR}(\"#{jquery_ids(ids)}\").remove"
|
||
|
|
end
|
||
|
|
|
||
|
|
def show(*ids)
|
||
|
|
call "#{JQUERY_VAR}(\"#{jquery_ids(ids)}\").show"
|
||
|
|
end
|
||
|
|
|
||
|
|
def hide(*ids)
|
||
|
|
call "#{JQUERY_VAR}(\"#{jquery_ids(ids)}\").hide"
|
||
|
|
end
|
||
|
|
|
||
|
|
def toggle(*ids)
|
||
|
|
call "#{JQUERY_VAR}(\"#{jquery_ids(ids)}\").toggle"
|
||
|
|
end
|
||
|
|
|
||
|
|
def jquery_id(id)
|
||
|
|
id.to_s.count('#.*,>+~:[/ ') == 0 ? "##{id}" : id
|
||
|
|
end
|
||
|
|
|
||
|
|
def jquery_ids(ids)
|
||
|
|
Array(ids).map{|id| jquery_id(id)}.join(',')
|
||
|
|
end
|
||
|
|
|
||
|
|
end
|
||
|
|
end
|
||
|
|
|
||
|
|
protected
|
||
|
|
def options_for_ajax(options)
|
||
|
|
js_options = build_callbacks(options)
|
||
|
|
|
||
|
|
url_options = options[:url]
|
||
|
|
url_options = url_options.merge(:escape => false) if url_options.is_a?(Hash)
|
||
|
|
js_options['url'] = "'#{url_for(url_options)}'"
|
||
|
|
js_options['async'] = false if options[:type] == :synchronous
|
||
|
|
js_options['type'] = options[:method] ? method_option_to_s(options[:method]) : ( options[:form] ? "'post'" : nil )
|
||
|
|
js_options['dataType'] = options[:datatype] ? "'#{options[:datatype]}'" : (options[:update] ? nil : "'script'")
|
||
|
|
|
||
|
|
if options[:form]
|
||
|
|
js_options['data'] = "#{JQUERY_VAR}.param(#{JQUERY_VAR}(this).serializeArray())"
|
||
|
|
elsif options[:submit]
|
||
|
|
js_options['data'] = "#{JQUERY_VAR}(\"##{options[:submit]} :input\").serialize()"
|
||
|
|
elsif options[:with]
|
||
|
|
js_options['data'] = options[:with].gsub("Form.serialize(this.form)","#{JQUERY_VAR}.param(#{JQUERY_VAR}(this.form).serializeArray())")
|
||
|
|
end
|
||
|
|
|
||
|
|
js_options['type'] ||= "'post'"
|
||
|
|
if options[:method]
|
||
|
|
if method_option_to_s(options[:method]) == "'put'" || method_option_to_s(options[:method]) == "'delete'"
|
||
|
|
js_options['type'] = "'post'"
|
||
|
|
if js_options['data']
|
||
|
|
js_options['data'] << " + '&"
|
||
|
|
else
|
||
|
|
js_options['data'] = "'"
|
||
|
|
end
|
||
|
|
js_options['data'] << "_method=#{options[:method]}'"
|
||
|
|
end
|
||
|
|
end
|
||
|
|
|
||
|
|
if respond_to?('protect_against_forgery?') && protect_against_forgery?
|
||
|
|
if js_options['data']
|
||
|
|
js_options['data'] << " + '&"
|
||
|
|
else
|
||
|
|
js_options['data'] = "'"
|
||
|
|
end
|
||
|
|
js_options['data'] << "#{request_forgery_protection_token}=' + encodeURIComponent('#{escape_javascript form_authenticity_token}')"
|
||
|
|
end
|
||
|
|
js_options['data'] = "''" if js_options['type'] == "'post'" && js_options['data'].nil?
|
||
|
|
options_for_javascript(js_options.reject {|key, value| value.nil?})
|
||
|
|
end
|
||
|
|
|
||
|
|
def build_update_for_success(html_id, insertion=nil)
|
||
|
|
insertion = build_insertion(insertion)
|
||
|
|
"#{JQUERY_VAR}('#{jquery_id(html_id)}').#{insertion}(request);"
|
||
|
|
end
|
||
|
|
|
||
|
|
def build_update_for_error(html_id, insertion=nil)
|
||
|
|
insertion = build_insertion(insertion)
|
||
|
|
"#{JQUERY_VAR}('#{jquery_id(html_id)}').#{insertion}(request.responseText);"
|
||
|
|
end
|
||
|
|
|
||
|
|
def build_insertion(insertion)
|
||
|
|
insertion = insertion ? insertion.to_s.downcase : 'html'
|
||
|
|
insertion = 'append' if insertion == 'bottom'
|
||
|
|
insertion = 'prepend' if insertion == 'top'
|
||
|
|
insertion
|
||
|
|
end
|
||
|
|
|
||
|
|
def build_observer(klass, name, options = {})
|
||
|
|
if options[:with] && (options[:with] !~ /[\{=(.]/)
|
||
|
|
options[:with] = "'#{options[:with]}=' + value"
|
||
|
|
else
|
||
|
|
options[:with] ||= 'value' unless options[:function]
|
||
|
|
end
|
||
|
|
|
||
|
|
callback = options[:function] || remote_function(options)
|
||
|
|
javascript = "#{JQUERY_VAR}('#{jquery_id(name)}').delayedObserver("
|
||
|
|
javascript << "#{options[:frequency] || 0}, "
|
||
|
|
javascript << "function(element, value) {"
|
||
|
|
javascript << "#{callback}}"
|
||
|
|
#javascript << ", '#{options[:on]}'" if options[:on]
|
||
|
|
javascript << ")"
|
||
|
|
javascript_tag(javascript)
|
||
|
|
end
|
||
|
|
|
||
|
|
def build_callbacks(options)
|
||
|
|
callbacks = {}
|
||
|
|
options[:beforeSend] = '';
|
||
|
|
[:uninitialized,:loading,:loaded].each do |key|
|
||
|
|
options[:beforeSend] << (options[key].last == ';' ? options.delete(key) : options.delete(key) << ';') if options[key]
|
||
|
|
end
|
||
|
|
options.delete(:beforeSend) if options[:beforeSend].blank?
|
||
|
|
options[:error] = options.delete(:failure) if options[:failure]
|
||
|
|
if options[:update]
|
||
|
|
if options[:update].is_a?(Hash)
|
||
|
|
options[:update][:error] = options[:update].delete(:failure) if options[:update][:failure]
|
||
|
|
if options[:update][:success]
|
||
|
|
options[:success] = build_update_for_success(options[:update][:success], options[:position]) << (options[:success] ? options[:success] : '')
|
||
|
|
end
|
||
|
|
if options[:update][:error]
|
||
|
|
options[:error] = build_update_for_error(options[:update][:error], options[:position]) << (options[:error] ? options[:error] : '')
|
||
|
|
end
|
||
|
|
else
|
||
|
|
options[:success] = build_update_for_success(options[:update], options[:position]) << (options[:success] ? options[:success] : '')
|
||
|
|
end
|
||
|
|
end
|
||
|
|
options.each do |callback, code|
|
||
|
|
if JQCALLBACKS.include?(callback)
|
||
|
|
callbacks[callback] = "function(request){#{code}}"
|
||
|
|
end
|
||
|
|
end
|
||
|
|
callbacks
|
||
|
|
end
|
||
|
|
|
||
|
|
end
|
||
|
|
|
||
|
|
class JavaScriptElementProxy < JavaScriptProxy #:nodoc:
|
||
|
|
|
||
|
|
unless const_defined? :JQUERY_VAR
|
||
|
|
JQUERY_VAR = ActionView::Helpers::PrototypeHelper::JQUERY_VAR
|
||
|
|
end
|
||
|
|
|
||
|
|
def initialize(generator, id)
|
||
|
|
id = id.to_s.count('#.*,>+~:[/ ') == 0 ? "##{id}" : id
|
||
|
|
@id = id
|
||
|
|
super(generator, "#{JQUERY_VAR}(\"#{id}\")")
|
||
|
|
end
|
||
|
|
|
||
|
|
def replace_html(*options_for_render)
|
||
|
|
call 'html', @generator.send(:render, *options_for_render)
|
||
|
|
end
|
||
|
|
|
||
|
|
def replace(*options_for_render)
|
||
|
|
call 'replaceWith', @generator.send(:render, *options_for_render)
|
||
|
|
end
|
||
|
|
|
||
|
|
def reload(options_for_replace={})
|
||
|
|
replace(options_for_replace.merge({ :partial => @id.to_s.sub(/^#/,'') }))
|
||
|
|
end
|
||
|
|
|
||
|
|
def value()
|
||
|
|
call 'val()'
|
||
|
|
end
|
||
|
|
|
||
|
|
def value=(value)
|
||
|
|
call 'val', value
|
||
|
|
end
|
||
|
|
|
||
|
|
end
|
||
|
|
|
||
|
|
class JavaScriptElementCollectionProxy < JavaScriptCollectionProxy #:nodoc:\
|
||
|
|
|
||
|
|
unless const_defined? :JQUERY_VAR
|
||
|
|
JQUERY_VAR = ActionView::Helpers::PrototypeHelper::JQUERY_VAR
|
||
|
|
end
|
||
|
|
|
||
|
|
def initialize(generator, pattern)
|
||
|
|
super(generator, "#{JQUERY_VAR}(#{pattern.to_json})")
|
||
|
|
end
|
||
|
|
end
|
||
|
|
|
||
|
|
module ScriptaculousHelper
|
||
|
|
|
||
|
|
unless const_defined? :JQUERY_VAR
|
||
|
|
JQUERY_VAR = ActionView::Helpers::PrototypeHelper::JQUERY_VAR
|
||
|
|
end
|
||
|
|
|
||
|
|
unless const_defined? :SCRIPTACULOUS_EFFECTS
|
||
|
|
SCRIPTACULOUS_EFFECTS = {
|
||
|
|
:appear => {:method => 'fadeIn'},
|
||
|
|
:blind_down => {:method => 'blind', :mode => 'show', :options => {:direction => 'vertical'}},
|
||
|
|
:blind_up => {:method => 'blind', :mode => 'hide', :options => {:direction => 'vertical'}},
|
||
|
|
:blind_right => {:method => 'blind', :mode => 'show', :options => {:direction => 'horizontal'}},
|
||
|
|
:blind_left => {:method => 'blind', :mode => 'hide', :options => {:direction => 'horizontal'}},
|
||
|
|
:bounce_in => {:method => 'bounce', :mode => 'show', :options => {:direction => 'up'}},
|
||
|
|
:bounce_out => {:method => 'bounce', :mode => 'hide', :options => {:direction => 'up'}},
|
||
|
|
:drop_in => {:method => 'drop', :mode => 'show', :options => {:direction => 'up'}},
|
||
|
|
:drop_out => {:method => 'drop', :mode => 'hide', :options => {:direction => 'down'}},
|
||
|
|
:fade => {:method => 'fadeOut'},
|
||
|
|
:fold_in => {:method => 'fold', :mode => 'hide'},
|
||
|
|
:fold_out => {:method => 'fold', :mode => 'show'},
|
||
|
|
:grow => {:method => 'scale', :mode => 'show'},
|
||
|
|
:shrink => {:method => 'scale', :mode => 'hide'},
|
||
|
|
:slide_down => {:method => 'slide', :mode => 'show', :options => {:direction => 'up'}},
|
||
|
|
:slide_up => {:method => 'slide', :mode => 'hide', :options => {:direction => 'up'}},
|
||
|
|
:slide_right => {:method => 'slide', :mode => 'show', :options => {:direction => 'left'}},
|
||
|
|
:slide_left => {:method => 'slide', :mode => 'hide', :options => {:direction => 'left'}},
|
||
|
|
:squish => {:method => 'scale', :mode => 'hide', :options => {:origin => "['top','left']"}},
|
||
|
|
:switch_on => {:method => 'clip', :mode => 'show', :options => {:direction => 'vertical'}},
|
||
|
|
:switch_off => {:method => 'clip', :mode => 'hide', :options => {:direction => 'vertical'}},
|
||
|
|
:toggle_appear => {:method => 'fadeToggle'},
|
||
|
|
:toggle_slide => {:method => 'slide', :mode => 'toggle', :options => {:direction => 'up'}},
|
||
|
|
:toggle_blind => {:method => 'blind', :mode => 'toggle', :options => {:direction => 'vertical'}},
|
||
|
|
}
|
||
|
|
end
|
||
|
|
|
||
|
|
def visual_effect(name, element_id = false, js_options = {})
|
||
|
|
element = element_id ? element_id : "this"
|
||
|
|
|
||
|
|
if SCRIPTACULOUS_EFFECTS.has_key? name.to_sym
|
||
|
|
effect = SCRIPTACULOUS_EFFECTS[name.to_sym]
|
||
|
|
name = effect[:method]
|
||
|
|
mode = effect[:mode]
|
||
|
|
js_options = js_options.merge(effect[:options]) if effect[:options]
|
||
|
|
end
|
||
|
|
|
||
|
|
[:color, :direction].each do |option|
|
||
|
|
js_options[option] = "'#{js_options[option]}'" if js_options[option]
|
||
|
|
end
|
||
|
|
|
||
|
|
if js_options.has_key? :duration
|
||
|
|
speed = js_options.delete :duration
|
||
|
|
speed = (speed * 1000).to_i unless speed.nil?
|
||
|
|
else
|
||
|
|
speed = js_options.delete :speed
|
||
|
|
end
|
||
|
|
|
||
|
|
if ['fadeIn','fadeOut','fadeToggle'].include?(name)
|
||
|
|
javascript = "#{JQUERY_VAR}('#{jquery_id(element_id)}').#{name}("
|
||
|
|
javascript << "#{speed}" unless speed.nil?
|
||
|
|
javascript << ");"
|
||
|
|
else
|
||
|
|
javascript = "#{JQUERY_VAR}('#{jquery_id(element_id)}').#{mode || 'effect'}('#{name}'"
|
||
|
|
javascript << ",#{options_for_javascript(js_options)}" unless speed.nil? && js_options.empty?
|
||
|
|
javascript << ",#{speed}" unless speed.nil?
|
||
|
|
javascript << ");"
|
||
|
|
end
|
||
|
|
|
||
|
|
end
|
||
|
|
|
||
|
|
def sortable_element_js(element_id, options = {}) #:nodoc:
|
||
|
|
#convert similar attributes
|
||
|
|
options[:handle] = ".#{options[:handle]}" if options[:handle]
|
||
|
|
if options[:tag] || options[:only]
|
||
|
|
options[:items] = "> "
|
||
|
|
options[:items] << options.delete(:tag) if options[:tag]
|
||
|
|
options[:items] << ".#{options.delete(:only)}" if options[:only]
|
||
|
|
end
|
||
|
|
options[:connectWith] = options.delete(:containment).map {|x| "##{x}"} if options[:containment]
|
||
|
|
options[:containment] = options.delete(:container) if options[:container]
|
||
|
|
options[:dropOnEmpty] = false unless options[:dropOnEmpty]
|
||
|
|
options[:helper] = "'clone'" if options[:ghosting] == true
|
||
|
|
options[:axis] = case options.delete(:constraint)
|
||
|
|
when "vertical"
|
||
|
|
"y"
|
||
|
|
when "horizontal"
|
||
|
|
"x"
|
||
|
|
when false
|
||
|
|
nil
|
||
|
|
when nil
|
||
|
|
"y"
|
||
|
|
end
|
||
|
|
options.delete(:axis) if options[:axis].nil?
|
||
|
|
options.delete(:overlap)
|
||
|
|
options.delete(:ghosting)
|
||
|
|
|
||
|
|
if options[:onUpdate] || options[:url]
|
||
|
|
options[:with] ||= "#{JQUERY_VAR}(this).sortable('serialize',{key:'#{element_id}[]'})"
|
||
|
|
options[:onUpdate] ||= "function(){" + remote_function(options) + "}"
|
||
|
|
end
|
||
|
|
|
||
|
|
options.delete_if { |key, value| PrototypeHelper::AJAX_OPTIONS.include?(key) }
|
||
|
|
options[:update] = options.delete(:onUpdate) if options[:onUpdate]
|
||
|
|
|
||
|
|
[:axis, :cancel, :containment, :cursor, :handle, :tolerance, :items, :placeholder].each do |option|
|
||
|
|
options[option] = "'#{options[option]}'" if options[option]
|
||
|
|
end
|
||
|
|
|
||
|
|
options[:connectWith] = array_or_string_for_javascript(options[:connectWith]) if options[:connectWith]
|
||
|
|
|
||
|
|
%(#{JQUERY_VAR}('#{jquery_id(element_id)}').sortable(#{options_for_javascript(options)});)
|
||
|
|
end
|
||
|
|
|
||
|
|
def draggable_element_js(element_id, options = {})
|
||
|
|
%(#{JQUERY_VAR}("#{jquery_id(element_id)}").draggable(#{options_for_javascript(options)});)
|
||
|
|
end
|
||
|
|
|
||
|
|
def drop_receiving_element_js(element_id, options = {})
|
||
|
|
#convert similar options
|
||
|
|
options[:hoverClass] = options.delete(:hoverclass) if options[:hoverclass]
|
||
|
|
options[:drop] = options.delete(:onDrop) if options[:onDrop]
|
||
|
|
|
||
|
|
if options[:drop] || options[:url]
|
||
|
|
options[:with] ||= "'id=' + encodeURIComponent(#{JQUERY_VAR}(ui.draggable).attr('id'))"
|
||
|
|
options[:drop] ||= "function(ev, ui){" + remote_function(options) + "}"
|
||
|
|
end
|
||
|
|
|
||
|
|
options.delete_if { |key, value| PrototypeHelper::AJAX_OPTIONS.include?(key) }
|
||
|
|
|
||
|
|
options[:accept] = array_or_string_for_javascript(options[:accept]) if options[:accept]
|
||
|
|
[:activeClass, :hoverClass, :tolerance].each do |option|
|
||
|
|
options[option] = "'#{options[option]}'" if options[option]
|
||
|
|
end
|
||
|
|
|
||
|
|
%(#{JQUERY_VAR}('#{jquery_id(element_id)}').droppable(#{options_for_javascript(options)});)
|
||
|
|
end
|
||
|
|
|
||
|
|
end
|
||
|
|
|
||
|
|
end
|
||
|
|
end
|