ndr_ui 1.8.1

data/app/helpers/ndr_ui/bootstrap/accordion.rb

@@ -0,0 +1,102 @@
+module NdrUi
+  module Bootstrap
+    # Creates a plain or nested bootstrap accordion along with bootstrap_accordion_tag helper
+    # method.
+    # Produce the inner html code of an accordion item.
+    # Legacy styling recognised by jQuery UI and only fully supports one level accordion.
+    #
+    # ==== Signatures
+    #
+    #   bootstrap_accordion_tag(dom_id) do |accordion|
+    #     accordion.bootstrap_accordion_group(heading, options) do
+    #       #content or nested accordion
+    #     end
+    #   end
+    #
+    # ==== Options
+    # * <tt>open: true</tt> - This will allow accordion item open by default
+    # * <tt>seamless: true</tt> - This omits the panel-body container so that tables and lists
+    #   can be seamless
+    # * Accordion are using pre-defined html format, and options and html attributes
+    #   are not accepted.
+    #
+    # ==== Examples
+    #
+    #   <%= bootstrap_accordion_tag :fruit do |fruit_accordion| %>
+    #     <%= fruit_accordion.bootstrap_accordion_group "Apple" do %>
+    #       This is an apple.
+    #     <% end %>
+    #     <%= fruit_accordion.bootstrap_accordion_group "Orange", open: true do %>
+    #       This is an orange.
+    #     <% end %>
+    #   <% end %>
+    #
+    #   # =>
+    #   <div id="fruit" class="accordion">
+    #     <div class="panel panel-default">
+    #       <div class="panel-heading">
+    #         <a href="#fruit_1" data-parent="#fruit" data-toggle="collapse">Apple</a>
+    #       </div>
+    #       <div class="panel-collapse collapse" id="fruit_1">
+    #         <div class="panel-body">
+    #           This is an apple.
+    #         </div>
+    #       </div>
+    #     </div>
+    #     <div class="panel panel-default">
+    #       <div class="panel-heading">
+    #         <a href="#fruit_2" data-parent="#fruit" data-toggle="collapse">Orange</a>
+    #       </div>
+    #       <div class="panel-collapse collapse in" id="fruit_2">
+    #         <div class="panel-body">
+    #           This is an orange.
+    #         </div>
+    #       </div>
+    #     </div>
+    #   </div>
+    #
+    class Accordion
+      attr_accessor :dom_id, :index
+
+      def initialize(accordion_id, template)
+        @dom_id = accordion_id
+        @template = template
+        @index = 0
+      end
+
+      def bootstrap_accordion_group(heading, options = {}, &block)
+        return unless block_given?
+        options.stringify_keys!
+        seamless = options['seamless']
+        @index += 1
+        content = @template.capture(&block)
+        content = @template.content_tag('div', content, class: 'panel-body') unless seamless
+        @template.content_tag('div', class: 'panel panel-default') do
+          div_panel_heading(heading) + div_panel_collapse(content, options['open'])
+        end
+      end
+
+      private
+
+      def group_id
+        "#{@dom_id}_#{@index}"
+      end
+
+      def div_panel_heading(heading)
+        @template.content_tag('div', class: 'panel-heading') do
+          @template.content_tag('h4', class: 'panel-title') do
+            @template.link_to(heading,
+                              "##{group_id}",
+                              'data-toggle': 'collapse', 'data-parent': "##{@dom_id}")
+          end
+        end
+      end
+
+      def div_panel_collapse(content, open_by_default)
+        @template.content_tag('div', content,
+                              id: group_id,
+                              class: "panel-collapse collapse#{' in' if open_by_default}")
+      end
+    end
+  end
+end

data/app/helpers/ndr_ui/bootstrap/dropdown_helper.rb

@@ -0,0 +1,65 @@
+module NdrUi
+  module Bootstrap
+    # This provides bootstrap dropdown helper methods
+    module DropdownHelper
+      # Creates an html list item containing a link. It takes the standard link_to arguments
+      # passing them through to a standard link_to call. For bootstrap styling, it simply adds the
+      # class "active", if the link points to the current page that is being viewed.
+      # Predominantly used by nav bars and lists.
+      #
+      # ==== Signatures
+      #
+      #   bootstrap_list_link_to(name, options = {}, html_options = nil)
+      #   bootstrap_list_link_to(options = {}, html_options = nil) do
+      #     # name
+      #   end
+      #
+      # See the Rails documentation for details of the options and examples
+      #
+      def bootstrap_list_link_to(*args, &block)
+        if block_given?
+          return bootstrap_list_link_to(capture(&block), (args.first || {}), args.second)
+        end
+
+        name         = args.first
+        options      = args.second || {}
+        html_options = args.third
+        li_options   = {}
+
+        li_options[:class] = 'active' if current_page?(options)
+
+        content_tag(:li, link_to(name, options, html_options), li_options)
+      end
+
+      # Creates a Boostrap list header.
+      #
+      # ==== Signatures
+      #
+      #   bootstrap_list_header_tag(name)
+      #
+      # ==== Examples
+      #
+      #   <%= bootstrap_list_header_tag("Apples") %>
+      #   # => <li class="dropdown-header">Apples</li>
+      def bootstrap_list_header_tag(name, options = {})
+        options[:class] = (options[:class].to_s.split(' ') + ['dropdown-header']).join(' ')
+        content_tag(:li, name, { role: 'presentation' }.merge(options))
+      end
+
+      # Creates a Boostrap list divider.
+      #
+      # ==== Signatures
+      #
+      #   bootstrap_list_divider_tag
+      #
+      # ==== Examples
+      #
+      #   <%= bootstrap_list_divider_tag %>
+      #   # => <li class="divider"></li>
+      def bootstrap_list_divider_tag(options = {})
+        options[:class] = (options[:class].to_s.split(' ') + ['divider']).join(' ')
+        content_tag(:li, '', { role: 'presentation' }.merge(options))
+      end
+    end
+  end
+end

data/app/helpers/ndr_ui/bootstrap/modal_helper.rb

@@ -0,0 +1,77 @@
+module NdrUi
+  module Bootstrap
+    # This provides bootstrap modal box helper methods
+    module ModalHelper
+      MODAL_SIZES = %w(sm lg).freeze
+
+      # Creates a Boostrap Modal box.
+      #
+      # ==== Signatures
+      #
+      #   bootstrap_modal_box(title, controls, options = {})
+      #   bootstrap_modal_box(title, options = {}) do
+      #     # controls
+      #   end
+      #
+      # ==== Options
+      #
+      # * <tt>:size</tt> - Symbol of modal box size. Supported sizes are <tt>:sm</tt>,
+      #   <tt>:lg</tt>. By default it will be unset (medium width).
+      #
+      # ==== Examples
+      #
+      #   <%= bootstrap_modal_box("New Pear", "Pear form") %>
+      #   # =>
+      #   <div class="modal-dialog">
+      #     <div class="modal-content">
+      #       <div class="modal-header">
+      #         <h4 class="modal-title">New Pear</h4>
+      #       </div>
+      #       <div class="modal-body">
+      #         Pear form
+      #       </div>
+      #       <div class="modal-footer">
+      #         <button type="button" class="btn btn-default" data-dismiss="modal">
+      #           Don't save
+      #         </button>
+      #         <input name="commit" class="btn-primary btn" data-disable-with="Saving&hellip;"
+      #   value="Save" type="submit" />
+      #       </div>
+      #     </div>
+      #   </div>
+      def bootstrap_modal_box(title, *args, &block)
+        return bootstrap_modal_box(title, capture(&block), *args) if block_given?
+        options = args.extract_options!
+
+        content_tag(:div, class: bootstrap_modal_classes(options)) do
+          content_tag(:div, class: 'modal-content') do
+            content_tag(:div, content_tag(:h4, title, class: 'modal-title'),
+                        class: 'modal-header') +
+              content_tag(:div, args.first, class: 'modal-body') +
+              bootstrap_modal_default_footer
+          end
+        end
+      end
+
+      private
+
+      # Returns the css classes for a bootstrap modal dialog
+      def bootstrap_modal_classes(options)
+        options = options.stringify_keys
+
+        classes = %w(modal-dialog)
+        classes << "modal-#{options['size']}" if MODAL_SIZES.include?(options['size'])
+        classes.join(' ')
+      end
+
+      def bootstrap_modal_default_footer
+        content_tag(:div, class: 'modal-footer') do
+          button_tag("Don't save", class: 'btn btn-default', "data-dismiss": 'modal') +
+            submit_tag('Save',
+                       class: 'btn-primary',
+                       disable_with: 'Saving&hellip;'.html_safe)
+        end
+      end
+    end
+  end
+end

data/app/helpers/ndr_ui/bootstrap/panel_helper.rb

@@ -0,0 +1,87 @@
+module NdrUi
+  module Bootstrap
+    # This provides accordion
+    module PanelHelper
+      PANEL_SUBCLASSES = %w(
+        panel-default
+        panel-primary
+        panel-success
+        panel-info
+        panel-warning
+        panel-danger
+      ).freeze
+
+      # Creates an accordion wrapper and creates a new NdrUi::Bootstrap::Accordion instance
+      # Creates an plain or nested bootstrap accordion along with bootstrap_accordion_group
+      # method at NdrUi::Bootstrap::Accordion class.
+      #
+      # ==== Signatures
+      #
+      #   bootstrap_accordion_tag(dom_id) do |accordion|
+      #     #content for accordion items
+      #   end
+      #
+      # ==== Examples
+      #
+      #   <%= bootstrap_accordion_group :fruit do |fruit_accordion| %>
+      #   <% end %>
+      #   # => <div id="fruit" class="accordion"></div>
+      def bootstrap_accordion_tag(dom_id, &block)
+        return unless block_given?
+        accordion = ::NdrUi::Bootstrap::Accordion.new(dom_id, self)
+        '<div id="'.html_safe + accordion.dom_id.to_s + '" class="panel-group">'.html_safe +
+          capture { yield(accordion) } +
+          '</div>'.html_safe
+      end
+
+      # Creates a bootstrap panel wrapper. the heading is wrapped in a panel-heading.
+      # The content is not wrapped in a panel-body to enable seamless tables and lists.
+      #
+      # ==== Signatures
+      #
+      #   bootstrap_panel_tag(heading, options = {}) do
+      #     #content for panel
+      #   end
+      #
+      # ==== Examples
+      #
+      #   <%= bootstrap_panel_tag 'Apples', class: 'panel-warning', id: 'fruit' do %>
+      #     Check it out!!
+      #   <% end %>
+      #   # => <div id="fruit" class="panel panel-warning"><div class="panel-heading">Apples</div>
+      #   Check it out!!</div>
+      def bootstrap_panel_tag(heading, options = {}, &block)
+        return unless block_given?
+        options.stringify_keys!
+        classes = %w(panel)
+        classes += options['class'].to_s.split(' ') if options.include?('class')
+        classes << 'panel-default' if (classes & PANEL_SUBCLASSES).empty?
+        options['class'] = classes.uniq.join(' ')
+
+        content_tag(:div,
+                    content_tag(:div, heading, class: 'panel-heading') +
+                    capture(&block),
+                    options)
+      end
+
+      # Creates a simple bootstrap panel body.
+      #
+      # ==== Signatures
+      #
+      #   bootstrap_panel_body_tag do
+      #     #content for panel body
+      #   end
+      #
+      # ==== Examples
+      #
+      #   <%= bootstrap_panel_body_tag do %>
+      #     Check it out!!
+      #   <% end %>
+      #   # => <div class="panel-body">Check it out!!</div>
+      def bootstrap_panel_body_tag(&block)
+        return unless block_given?
+        content_tag(:div, capture(&block), class: 'panel-body')
+      end
+    end
+  end
+end