layout_helper_iruby.rb

module LazyHighCharts
  module LayoutHelper
    def high_chart_iruby(chart_class, placeholder, object, &block)
      object.html_options[:id] = placeholder
      object.options[:chart][:renderTo] = placeholder
      build_html_output_iruby(
        chart_class, placeholder, object, &block
      ).concat(content_tag('div', '', object.html_options))
    end

    def high_map(placeholder, object, &block)
      object.html_options[:id] = placeholder
      object.options[:chart][:renderTo] = placeholder
      build_html_output(
        'Map', placeholder, object, &block
      ).concat(content_tag('div', '', object.html_options))
    end

    private

    def build_html_output_iruby(type, placeholder, object, &block)
      core_js =<<-EOJS
        var options = #{options_collection_as_string(object)};
        #{capture(&block) if block_given?}
        window.chart_#{placeholder.underscore} = new Highcharts.#{type}(options);
      EOJS

      encapsulate_js_iruby core_js
    end

    def encapsulate_js_iruby(core_js)
      js_output =
        if request_is_xhr?
          "#{js_start_iruby} #{core_js} #{js_end_iruby}"
        # Turbolinks.version < 5
        elsif defined?(Turbolinks)
          encapsulate_js_for_turbolinks(core_js)
        else
          call_core_js(core_js)
        end

      defined?(raw) ? raw(js_output) : js_output
    end

    def encapsulate_js_for_turbolinks(core_js)
      if request_is_referrer?
        eventlistener_page_load(core_js)
      elsif request_turbolinks_5_tureferrer?
        eventlistener_turbolinks_load(core_js)
      end
    end

    def eventlistener_page_load(core_js)
      <<-EOJS
      #{js_start_iruby}
        var f = function(){
          document.removeEventListener('page:load', f, true);
          #{core_js}
        };
        document.addEventListener('page:load', f, true);
      #{js_end_iruby}
      EOJS
    end

    def eventlistener_turbolinks_load(core_js)
      <<-EOJS
      #{js_start_iruby}
        document.addEventListener("turbolinks:load", function() {
          #{core_js}
        });
      #{js_end_iruby}
      EOJS
    end

    def call_core_js(core_js)
      <<-EOJS
      #{js_start_iruby}
        #{core_js}
      #{js_end_iruby}
      EOJS
    end

    def js_start_iruby
      <<-EOJS
        <script type="text/javascript">
        $(function() {
      EOJS
    end

    def js_end_iruby
      <<-EOJS
        });
        </script>
      EOJS
    end
  end
end