bs-helper 0.1.0

data/app/helpers/bootstrap_tab_helper.rb

@@ -0,0 +1,124 @@
+#coding: utf-8
+module BootstrapTabHelper
+  extend ActiveSupport::Concern
+
+  include BootstrapHelper
+
+  class TabBuilder
+    attr_accessor :tabs, :default_index, :options, :template
+
+    def initialize(index, template, options={})
+      @default_index, @options, @template = index, options, template
+      @tabs = {}
+    end
+
+    # tab label and content of tabs
+    #
+    # label - label of tab
+    # options -
+    #   disabled  - true, false default: false
+    #   clickable - true, false default: true
+    #   other options that can be accpted by li
+    #   pane_options -
+    #     every option that can be accepted by div
+    def tab(label, options={}, &proc)
+      default_options = {disabled: false, clickable: true}
+      pane_options = options.delete(:pane_options) || {}
+      @tabs[label] = [options.reverse_merge!(default_options), pane_options, proc]
+    end
+
+    def to_s
+
+      style = @options.delete(:style)
+      inline = @options.delete(:inline)
+      position = @options.delete(:position)
+      #align = @options.delete(:align)
+      stacked = @options.delete(:stacked)
+
+      @options[:class] ||= ''
+      @options[:class] << ' nav-stacked' if stacked
+      #@options[:class] << " pull-#{align}" if align
+      @options[:class] << ' nav nav-tabs' if style == 'tab'
+      @options[:class] << ' nav nav-pills' if style == 'pill'
+
+      wrap_options = {style: "display: #{inline ? 'inline-block' : 'block'};", class: " tabbable tabs-#{position}"}
+
+      content_options = @options.delete(:content_options) || {}
+      content_options[:class] ||= ''
+      content_options[:class] << ' tab-content'
+
+      @template.div(wrap_options) do
+        tab_content = ''
+        tab_content << @template.list(@options) do |li|
+          @tabs.keys.each do |k|
+            render_label(li, style,
+                         k,
+                         @tabs.keys.index(k) == @default_index.to_i,
+                         "#{@options[:id]}-tab-#{@tabs.keys.index(k)}",
+                         @tabs[k][0])
+          end
+        end
+
+        tab_content << @template.div(content_options) do
+          tab_panes = ''
+          @tabs.values.each do |v|
+
+            tab_panes << render_content(@tabs.values.index(v) == @default_index.to_i,
+                                        "#{@options[:id]}-tab-#{@tabs.values.index(v)}",
+                                        v[1],
+                                        &v[2])
+
+          end
+          tab_panes.html_safe
+        end
+
+        tab_content.html_safe
+      end
+
+    end
+
+    private
+
+    def render_label(li, style, title, show, link_id, options={})
+      tab_class = show ? 'active' : ''
+      tab_class << ' disabled' if options.delete(:disabled)
+
+      clickable = options.delete(:clickable)
+
+      li.add @template.link_to(title.html_safe, "##{clickable ? link_id : ''}", data: {toggle: style}),
+             options.merge!({class: tab_class})
+    end
+
+    def render_content(show, link_id, options={}, &proc)
+
+      options[:class] ||= ''
+      options[:class] << " tab-pane #{show ? 'active' : ''}"
+      options[:id] = link_id
+
+      @template.div(options) do
+        @template.capture(&proc) if proc
+      end
+    end
+  end
+
+  #显示tab页
+  #index: 默认显示第几个标签
+  #options:
+  #  style: pill, tab  default: tab
+  #  position: below, left, right direction of tab
+  #  align: left, right. the alignment of tab, NOT AVAILABLE NOW
+  #  inline: true ,false default: false
+  #  stacked: true, false default: false
+  #  content_options
+  #    every option that can be accepted by div
+  def tabs(index=0, options={}, &proc)
+    default_options = {inline: false, stacked: false, id: 'tabs', style: 'tab'}
+    index, options = 0, index if index.is_a?(Hash)
+
+    builder = TabBuilder.new(index, self, options.reverse_merge!(default_options))
+    capture(builder, &proc)
+    builder.to_s
+  end
+
+
+end

data/app/helpers/bootstrap_table_helper.rb

@@ -0,0 +1,341 @@
+#coding: utf-8
+module BootstrapTableHelper
+  extend ActiveSupport::Concern
+
+  include BootstrapHelper
+
+  class Row
+    attr_accessor :columns, :options, :template
+
+    def initialize(template, options={}, &block)
+      self.template = template
+      self.options = options
+      self.columns = []
+      block.call(self)
+    end
+
+    def column(options={}, &block)
+      columns << [options, block]
+    end
+
+    def to_s
+      template.content_tag(:tr, nil, options) do
+        tr_content = []
+        columns.each do |column|
+          column_options = column.first
+          column_options[:style] ||= ''
+          column_options[:style] << "text-align: #{column_options[:align]||'left'};"
+          tr_content << template.content_tag(:td, nil, column_options.dup.delete_if { |k, v| k.to_s == 'align' }) do
+            template.capture(&column.second)
+          end
+        end
+
+        tr_content.join.html_safe
+      end
+    end
+  end
+
+  class Table
+    attr_accessor :headers, :columns, :rows, :options, :row_options, :template, :actions
+
+    def initialize(template, headers=nil, options={}, row_options={})
+      row_options, options, headers = options, headers, nil if headers.is_a?(Hash)
+
+      default_options = {show_seq: true, fixed: true}
+
+      self.template = template
+      self.headers = headers || []
+      self.options = options.reverse_merge!(default_options)
+      self.row_options = row_options
+      self.rows = []
+      self.columns = []
+    end
+
+    # options
+    #   h - options of header
+    def column(options={}, &block)
+      header_options = options.delete(:h)
+      headers << header_options if header_options
+
+      columns << [options, block]
+    end
+
+    def row_options(options={})
+      self.row_options = options
+    end
+
+    def additional_row(options={}, &block)
+      rows << Row.new(template, options, &block)
+    end
+
+    # Pass a block of actions instead of actions options in table options.
+    def actions(&block)
+      self.actions = block if block_given?
+    end
+
+    # Add header to table
+    #
+    # options - options of header
+    #   w - width 1..12
+    #   t - text of header, align center
+    #   l - text of header, align left
+    #   r - text of header, align right
+    #   the other options that can be accepted by th
+    def header(options={})
+      self.headers << options
+    end
+
+    def to_s
+      table_id = options[:id] || "tbl-#{Random.rand(100000000)}"
+
+      table_class = ' table table-hover'
+      table_class << ' table-striped' if options.delete(:striped)
+      table_class << ' table-fluid' unless options.delete(:fixed)
+      table_class << ' table-bordered' if options.delete(:bordered)
+      table_class << ' table-condensed' if options.delete(:condensed)
+
+      options[:class] ||= ''
+      options[:class] << table_class
+
+      table_caption = options.delete(:caption)
+      action_array = options.delete(:actions)
+
+      show_seq = options.delete(:show_seq)
+      check = options.delete(:check)
+      radio = options.delete(:radio)
+
+      obj = options.delete(:obj)
+      cust_row = options.delete(:cust_row)
+
+      no_page = options.delete(:no_page)
+      pagi_param_name = options.delete(:pagi_param_name)
+      pagi_params = options.delete(:pagi_params)
+      pagi_method = options.delete(:pagi_method) || 'get'
+      pagi_form = options.delete(:pagi_form)
+
+      options[:style] ||= ''
+      options[:style] << ' margin-top: 25px; ' if actions || action_array && !action_array.empty?
+
+      template.content_tag(:table, nil, options) do
+        content = ''
+        if table_caption || actions || action_array
+          content << template.content_tag('caption') do
+            caption_div = ''
+            if actions
+              caption_div = template.capture(&actions)
+            elsif action_array && !action_array.empty?
+              caption_div = template.bg { action_array.map { |a| template.btn(a) }.join.html_safe }
+            end
+
+            template.div do
+              [template.content_tag('div', (table_caption||'').html_safe, style: 'font-weight: bold; font-size: large'),
+               template.content_tag('div', caption_div.html_safe, class: 'pull-left', style: 'position: relative; top: -25px')].join.html_safe
+            end
+
+          end
+        end
+
+        # if header is null, then raise error
+        headers_count = []
+        if headers.empty? && !show_seq
+          raise 'Error!  No Table Header! '
+        else
+          # if 2 or more rows of header
+          if headers.size > 0 && headers[0].is_a?(Array)
+            first_header = headers.shift
+            if check
+              first_header.unshift({w: 1, t: template.check_box_tag(table_id, '1', false, style: 'margin-top: 0'), rowspan: headers.size + 1})
+            elsif show_seq
+              first_header.unshift({w: 1, t: '#', rowspan: headers.size + 1})
+            end
+
+            headers.unshift(first_header)
+
+            content << template.content_tag('thead') do
+              header_content = []
+              headers.each do |header|
+                if headers.index(header) == 0
+                  header_content << render_table_header(header, headers_count)
+                else
+                  header_content << render_table_header(header)
+                end
+              end
+              header_content.join.html_safe
+            end
+
+          elsif headers[0].is_a?(Hash)
+            if check
+              headers.unshift({w: 1, t: template.check_box_tag(table_id, '1', false, style: 'margin-top: 0')})
+            elsif show_seq
+              headers.unshift({w: 1, t: '#'})
+            end
+            content << template.content_tag('thead') { render_table_header(headers, headers_count) }
+          end
+        end
+
+        content << template.content_tag(:tbody) do
+          tbody_content = ''
+          # render table content
+          if obj && !cust_row && !obj.empty?
+            obj_index = 0
+            obj.each do |o|
+              tbody_content << template.content_tag(:tr, nil, row_options) do
+                tr_content = []
+                if check
+                  tr_content << template.content_tag(:td, style: 'text-align: center') do
+                    template.check_box_tag(table_id, o.id, false, style: 'margin-top: 0')
+                  end
+                elsif radio
+                  tr_content << template.content_tag(:td, style: 'text-align: center') do
+                    template.radio_button_tag(table_id, o.id, false, style: 'margin-top: 0')
+                  end
+                elsif show_seq
+                  if no_page
+                    tr_content << template.content_tag(:td, obj_index+1, style: 'text-align: center')
+                  else
+                    tr_content << template.content_tag(:td, seq(obj, o, obj.current_page), style: 'text-align: center')
+                  end
+                end
+
+                columns.each do |column|
+                  column_options = column.first
+                  column_options[:style] ||= ''
+                  column_options[:style] << "text-align: #{column_options[:align]||'left'};"
+                  tr_content << template.content_tag(:td, nil, column_options.dup.delete_if { |k, v| k.to_s == 'align' }) do
+                    template.capture(o, obj_index, &column.second)
+                  end
+                end
+
+                tr_content.join.html_safe
+              end
+              obj_index += 1
+            end
+
+            rows.each do |r|
+              tbody_content << r.to_s
+            end
+            # 全自定义行
+          else
+            rows.each do |r|
+              tbody_content << r.to_s
+            end
+          end
+
+          # render pagination
+          if obj && !no_page && obj.respond_to?('total_pages') && obj.total_pages > 1
+            #根据headers_count 计算colspan
+            colspan = headers_count.map { |c| c.to_i }.sum
+            tbody_content << paginate_tr(colspan, obj, pagi_param_name, pagi_params, pagi_method, pagi_form)
+          end
+
+          tbody_content.html_safe
+        end
+
+        content.html_safe
+      end
+
+    end
+
+    #计算序号
+    #collection: 集合
+    #obj: 集合中的元素
+    #per_page: 每页显示记录数
+    def seq(collection, obj, p_page, p_per_page=nil)
+      if p_per_page.nil?
+        per_page = WillPaginate.per_page
+      else
+        per_page = p_per_page
+      end
+
+      page = p_page.to_i
+      if page < 1
+        page = 1
+      end
+
+      (page - 1) * per_page + collection.index(obj) + 1
+    end
+
+    private
+
+    #分页显示行
+    #colspan: 不说了
+    #collection: 分页的对象
+    #param_name: page参数的名称，默认为page
+    #p: 附加参数
+    def paginate_tr(colspan, collection, param_name=nil, p=nil, method='get', form=nil)
+      template.content_tag(:tr) do
+        template.content_tag(:td, nil, :colspan => colspan) do
+          params = {class: 'pagination pagination-centered'}
+          params[:param_name] = param_name if param_name
+          params[:params] = p
+          if method != 'get'
+            params[:form] = form
+            template.post_will_paginate(collection, params)
+          else
+            template.will_paginate(collection, params)
+          end
+
+        end
+      end
+    end
+
+    def render_table_header(headers, columns=[])
+
+        template.content_tag('tr') do
+          th_content = ''
+          headers.each do |h|
+            h[:style] ||= ''
+            if h.has_key?(:l)
+              title = h.delete(:l)
+            elsif h.has_key?(:r)
+              h[:style] << ' text-align: right;'
+              title = h.delete(:r)
+            else
+              h[:style] << ' text-align: center;'
+              title = h.delete(:t)
+            end
+
+            width = h.delete(:w)
+            h[:class] ||= ''
+            h[:class] << " span#{width}"
+
+            columns << (h[:colspan] || 1)
+            th_content << template.content_tag('th', title, h)
+          end
+          th_content.html_safe
+        end
+      end
+  end
+
+  # 显示标准table
+  # headers: 表头，数组[[{w: 1, t: 'xxx', colspan: 2, class: 'sss'}, {w: 2, t: 'yyy', rowspan: 2}], [{w: 1, t: 'yyy'}, {w: 1, t: 'zzz'}]]，
+  #          w是宽度，符合bootstrap 12列定义规范，t是表头的名称 ，options是任何th可以接受的options，如果有数组中有多个元素，则显示多个表头行
+  #          如果show_seq = false，则加起来为12列，否则加起来11列即可，序号列自动给出
+  #
+  # options: Hash
+  #   caption: caption of table.
+  #   show_seq: true, false default: true
+  #   obj: the object to generate table.
+  #   cust_row: true, false. Don't use passed object to generate table. default: false
+  #   no_page: true, false default: false
+  #   fixed: true, false default: true
+  #   striped: true, false default: false
+  #   bordered: true,false. default: false
+  #   condensed: true, false. default: false
+  #   check: true, false. Show checkbox on the first column of table instead of seq. default: false
+  #   radio: true, false. Show radio button on the first column of table instead of seq. default: false
+  #
+  #   actions: Array [{js: link, value: xxxx, icon: zzz}, {js: link2, value: yyyy}]
+  #
+  #   pagi_param_name: 分页参数的名称
+  #   pagi_params: 分页附加参数
+  #   pagi_method: get, post
+  #   pagi_form: must be provided when post
+  def table(headers=nil, options={}, row_options={}, &block)
+    row_options, options, headers = options, headers, nil if headers.is_a?(Hash)
+    table = Table.new(self, headers, options, row_options)
+    capture(table, &block)
+    table.to_s
+  end
+
+end