devbootsrap 0.0.2 → 0.0.3

data/app/assets/stylesheets/twitter-bootstrap-static/sprites.css.erb

@@ -0,0 +1,146 @@
+.clearfix{*zoom:1;}.clearfix:before,.clearfix:after{display:table;content:"";line-height:0;}
+.clearfix:after{clear:both;}
+.hide-text{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0;}
+.input-block-level{display:block;width:100%;min-height:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
+[class^="icon-"],[class*=" icon-"]{display:inline-block;width:14px;height:14px;*margin-right:.3em;line-height:14px;vertical-align:text-top;background-image:url("<%= asset_path 'twitter/bootstrap/glyphicons-halflings.png' %>");background-position:14px 14px;background-repeat:no-repeat;margin-top:1px;}
+.icon-white,.nav-pills>.active>a>[class^="icon-"],.nav-pills>.active>a>[class*=" icon-"],.nav-list>.active>a>[class^="icon-"],.nav-list>.active>a>[class*=" icon-"],.navbar-inverse .nav>.active>a>[class^="icon-"],.navbar-inverse .nav>.active>a>[class*=" icon-"],.dropdown-menu>li>a:hover>[class^="icon-"],.dropdown-menu>li>a:focus>[class^="icon-"],.dropdown-menu>li>a:hover>[class*=" icon-"],.dropdown-menu>li>a:focus>[class*=" icon-"],.dropdown-menu>.active>a>[class^="icon-"],.dropdown-menu>.active>a>[class*=" icon-"],.dropdown-submenu:hover>a>[class^="icon-"],.dropdown-submenu:focus>a>[class^="icon-"],.dropdown-submenu:hover>a>[class*=" icon-"],.dropdown-submenu:focus>a>[class*=" icon-"]{background-image:url("<%= asset_path 'twitter/bootstrap/glyphicons-halflings-white.png' %>");}
+.icon-glass{background-position:0 0;}
+.icon-music{background-position:-24px 0;}
+.icon-search{background-position:-48px 0;}
+.icon-envelope{background-position:-72px 0;}
+.icon-heart{background-position:-96px 0;}
+.icon-star{background-position:-120px 0;}
+.icon-star-empty{background-position:-144px 0;}
+.icon-user{background-position:-168px 0;}
+.icon-film{background-position:-192px 0;}
+.icon-th-large{background-position:-216px 0;}
+.icon-th{background-position:-240px 0;}
+.icon-th-list{background-position:-264px 0;}
+.icon-ok{background-position:-288px 0;}
+.icon-remove{background-position:-312px 0;}
+.icon-zoom-in{background-position:-336px 0;}
+.icon-zoom-out{background-position:-360px 0;}
+.icon-off{background-position:-384px 0;}
+.icon-signal{background-position:-408px 0;}
+.icon-cog{background-position:-432px 0;}
+.icon-trash{background-position:-456px 0;}
+.icon-home{background-position:0 -24px;}
+.icon-file{background-position:-24px -24px;}
+.icon-time{background-position:-48px -24px;}
+.icon-road{background-position:-72px -24px;}
+.icon-download-alt{background-position:-96px -24px;}
+.icon-download{background-position:-120px -24px;}
+.icon-upload{background-position:-144px -24px;}
+.icon-inbox{background-position:-168px -24px;}
+.icon-play-circle{background-position:-192px -24px;}
+.icon-repeat{background-position:-216px -24px;}
+.icon-refresh{background-position:-240px -24px;}
+.icon-list-alt{background-position:-264px -24px;}
+.icon-lock{background-position:-287px -24px;}
+.icon-flag{background-position:-312px -24px;}
+.icon-headphones{background-position:-336px -24px;}
+.icon-volume-off{background-position:-360px -24px;}
+.icon-volume-down{background-position:-384px -24px;}
+.icon-volume-up{background-position:-408px -24px;}
+.icon-qrcode{background-position:-432px -24px;}
+.icon-barcode{background-position:-456px -24px;}
+.icon-tag{background-position:0 -48px;}
+.icon-tags{background-position:-25px -48px;}
+.icon-book{background-position:-48px -48px;}
+.icon-bookmark{background-position:-72px -48px;}
+.icon-print{background-position:-96px -48px;}
+.icon-camera{background-position:-120px -48px;}
+.icon-font{background-position:-144px -48px;}
+.icon-bold{background-position:-167px -48px;}
+.icon-italic{background-position:-192px -48px;}
+.icon-text-height{background-position:-216px -48px;}
+.icon-text-width{background-position:-240px -48px;}
+.icon-align-left{background-position:-264px -48px;}
+.icon-align-center{background-position:-288px -48px;}
+.icon-align-right{background-position:-312px -48px;}
+.icon-align-justify{background-position:-336px -48px;}
+.icon-list{background-position:-360px -48px;}
+.icon-indent-left{background-position:-384px -48px;}
+.icon-indent-right{background-position:-408px -48px;}
+.icon-facetime-video{background-position:-432px -48px;}
+.icon-picture{background-position:-456px -48px;}
+.icon-pencil{background-position:0 -72px;}
+.icon-map-marker{background-position:-24px -72px;}
+.icon-adjust{background-position:-48px -72px;}
+.icon-tint{background-position:-72px -72px;}
+.icon-edit{background-position:-96px -72px;}
+.icon-share{background-position:-120px -72px;}
+.icon-check{background-position:-144px -72px;}
+.icon-move{background-position:-168px -72px;}
+.icon-step-backward{background-position:-192px -72px;}
+.icon-fast-backward{background-position:-216px -72px;}
+.icon-backward{background-position:-240px -72px;}
+.icon-play{background-position:-264px -72px;}
+.icon-pause{background-position:-288px -72px;}
+.icon-stop{background-position:-312px -72px;}
+.icon-forward{background-position:-336px -72px;}
+.icon-fast-forward{background-position:-360px -72px;}
+.icon-step-forward{background-position:-384px -72px;}
+.icon-eject{background-position:-408px -72px;}
+.icon-chevron-left{background-position:-432px -72px;}
+.icon-chevron-right{background-position:-456px -72px;}
+.icon-plus-sign{background-position:0 -96px;}
+.icon-minus-sign{background-position:-24px -96px;}
+.icon-remove-sign{background-position:-48px -96px;}
+.icon-ok-sign{background-position:-72px -96px;}
+.icon-question-sign{background-position:-96px -96px;}
+.icon-info-sign{background-position:-120px -96px;}
+.icon-screenshot{background-position:-144px -96px;}
+.icon-remove-circle{background-position:-168px -96px;}
+.icon-ok-circle{background-position:-192px -96px;}
+.icon-ban-circle{background-position:-216px -96px;}
+.icon-arrow-left{background-position:-240px -96px;}
+.icon-arrow-right{background-position:-264px -96px;}
+.icon-arrow-up{background-position:-289px -96px;}
+.icon-arrow-down{background-position:-312px -96px;}
+.icon-share-alt{background-position:-336px -96px;}
+.icon-resize-full{background-position:-360px -96px;}
+.icon-resize-small{background-position:-384px -96px;}
+.icon-plus{background-position:-408px -96px;}
+.icon-minus{background-position:-433px -96px;}
+.icon-asterisk{background-position:-456px -96px;}
+.icon-exclamation-sign{background-position:0 -120px;}
+.icon-gift{background-position:-24px -120px;}
+.icon-leaf{background-position:-48px -120px;}
+.icon-fire{background-position:-72px -120px;}
+.icon-eye-open{background-position:-96px -120px;}
+.icon-eye-close{background-position:-120px -120px;}
+.icon-warning-sign{background-position:-144px -120px;}
+.icon-plane{background-position:-168px -120px;}
+.icon-calendar{background-position:-192px -120px;}
+.icon-random{background-position:-216px -120px;width:16px;}
+.icon-comment{background-position:-240px -120px;}
+.icon-magnet{background-position:-264px -120px;}
+.icon-chevron-up{background-position:-288px -120px;}
+.icon-chevron-down{background-position:-313px -119px;}
+.icon-retweet{background-position:-336px -120px;}
+.icon-shopping-cart{background-position:-360px -120px;}
+.icon-folder-close{background-position:-384px -120px;width:16px;}
+.icon-folder-open{background-position:-408px -120px;width:16px;}
+.icon-resize-vertical{background-position:-432px -119px;}
+.icon-resize-horizontal{background-position:-456px -118px;}
+.icon-hdd{background-position:0 -144px;}
+.icon-bullhorn{background-position:-24px -144px;}
+.icon-bell{background-position:-48px -144px;}
+.icon-certificate{background-position:-72px -144px;}
+.icon-thumbs-up{background-position:-96px -144px;}
+.icon-thumbs-down{background-position:-120px -144px;}
+.icon-hand-right{background-position:-144px -144px;}
+.icon-hand-left{background-position:-168px -144px;}
+.icon-hand-up{background-position:-192px -144px;}
+.icon-hand-down{background-position:-216px -144px;}
+.icon-circle-arrow-right{background-position:-240px -144px;}
+.icon-circle-arrow-left{background-position:-264px -144px;}
+.icon-circle-arrow-up{background-position:-288px -144px;}
+.icon-circle-arrow-down{background-position:-312px -144px;}
+.icon-globe{background-position:-336px -144px;}
+.icon-wrench{background-position:-360px -144px;}
+.icon-tasks{background-position:-384px -144px;}
+.icon-filter{background-position:-408px -144px;}
+.icon-briefcase{background-position:-432px -144px;}
+.icon-fullscreen{background-position:-456px -144px;}

data/app/helpers/badge_label_helper.rb

@@ -0,0 +1,16 @@
+module BadgeLabelHelper
+  def badge(*args)
+    badge_label(:badge, *args)
+  end
+
+  def tag_label(*args)
+    badge_label(:label, *args)
+  end
+
+  private
+  def badge_label(what, value, type = nil)
+    klass = [what]
+    klass << "#{what}-#{type}" if type.present?
+    content_tag :span, value, :class => "#{klass.join(' ')}"
+  end
+end

data/app/helpers/bootstrap_flash_helper.rb

@@ -0,0 +1,24 @@
+module BootstrapFlashHelper
+  ALERT_TYPES = [:error, :info, :success, :warning] unless const_defined?(:ALERT_TYPES)
+
+  def bootstrap_flash
+    flash_messages = []
+    flash.each do |type, message|
+      # Skip empty messages, e.g. for devise messages set to nothing in a locale file.
+      next if message.blank?
+
+      type = type.to_sym
+      type = :success if type == :notice
+      type = :error   if type == :alert
+      next unless ALERT_TYPES.include?(type)
+
+      Array(message).each do |msg|
+        text = content_tag(:div,
+                           content_tag(:button, raw("×"), :class => "close", "data-dismiss" => "alert") +
+                           msg, :class => "alert fade in alert-#{type}")
+        flash_messages << text if msg
+      end
+    end
+    flash_messages.join("\n").html_safe
+  end
+end

data/app/helpers/flash_block_helper.rb

@@ -0,0 +1,17 @@
+module FlashBlockHelper
+  def flash_block
+    output = ''
+    flash.each do |type, message|
+      output += flash_container(type, message)
+    end
+
+    raw(output)
+  end
+
+  def flash_container(type, message)
+    raw(content_tag(:div, :class => "alert alert-#{type}") do
+      content_tag(:a, raw("×"),:class => 'close', :data => {:dismiss => 'alert'}) +
+      message
+    end)
+  end
+end

data/app/helpers/glyph_helper.rb

@@ -0,0 +1,17 @@
+module GlyphHelper
+  # ==== Examples
+  # glyph(:share_alt)
+  # # => <i class="icon-share-alt"></i>
+  # glyph(:lock, :white)
+  # # => <i class="icon-lock icon-white"></i>
+  # glyph(:thumbs_up, :pull_left)
+  # # => <i class="icon-thumbs-up pull-left"></i>
+
+  def glyph(*names)
+    names.map! { |name| name.to_s.gsub('_','-') }
+    names.map! do |name|
+      name =~ /pull-(?:left|right)/ ? name : "icon-#{name}"
+    end
+    content_tag :i, nil, :class => names
+  end
+end

data/app/helpers/modal_helper.rb

@@ -0,0 +1,55 @@
+module ModalHelper
+
+  #modals have a header, a body, a footer for options.
+  def modal_dialog(options = {}, &block)
+    content_tag :div, :id => options[:id], :class => "bootstrap-modal modal hide fade" do
+      modal_header(options[:header]) +
+      modal_body(options[:body]) +
+      modal_footer(options[:footer])
+    end
+  end
+
+  def modal_header(options = {}, &block)
+    content_tag :div, :class => 'modal-header' do
+      if options[:show_close] 
+        close_button(options[:dismiss]) +
+        content_tag(:h3, options[:title], &block)
+      else
+        content_tag(:h3, options[:title], &block)
+      end	
+    end
+  end
+
+  def modal_body(options = {}, &block)
+    content_tag :div, options, :class => 'modal-body', &block
+  end
+
+  def modal_footer(options = {}, &block)
+    content_tag :div, options, :class => 'modal-footer', &block
+  end
+
+  def close_button(dismiss)
+    #It doesn't seem to like content_tag, so we do this instead.	
+    raw("<button class=\"close\" data-dismiss=\"#{dismiss}\">&times;</button>")
+  end
+
+  def modal_toggle(content_or_options = nil, options = {}, &block)
+    if block_given?
+      options = content_or_options if content_or_options.is_a?(Hash)
+      default_options = { :class => 'btn', "data-toggle" => "modal", "href" => options[:dialog] }.merge(options)
+
+      content_tag :a, nil, default_options, true, &block
+    else
+      default_options = { :class => 'btn', "data-toggle" => "modal", "href" => options[:dialog] }.merge(options)
+      content_tag :a, content_or_options, default_options, true
+    end
+  end
+
+  def modal_cancel_button content, options = {}
+    default_options = { :class => "btn bootstrap-modal-cancel-button" }
+
+    content_tag_string "a", content, default_options.merge(options)
+  end
+
+end
+

data/app/helpers/navbar_helper.rb

@@ -0,0 +1,202 @@
+#Credit for this goes to https://github.com/julescopeland/Rails-Bootstrap-Navbar
+module NavbarHelper
+  def nav_bar(options={}, &block)
+    nav_bar_div(options) do
+      navbar_inner_div do
+        container_div(options[:brand], options[:brand_link], options[:brand_html_left], options[:brand_html_right], options[:responsive], options[:fluid]) do
+          yield if block_given?
+        end
+      end
+    end
+  end
+
+  def menu_group(options={}, &block)
+    pull_class = "pull-#{options[:pull].to_s}" if options[:pull].present?
+    content_tag(:ul, :class => "nav #{pull_class}", &block)
+  end
+
+  def menu_item(name=nil, path="#", *args, &block)
+    path = name || path if block_given?
+    options = args.extract_options!
+    content_tag :li, :class => is_active?(path, options) do
+      name, path = path, options if block_given?
+      link_to name, path, options, &block
+    end
+  end
+
+  def drop_down(name)
+    content_tag :li, :class => "dropdown" do
+      drop_down_link(name) + drop_down_list { yield }
+    end
+  end
+
+  def drop_down_with_submenu(name, &block)
+    content_tag :li, :class => "dropdown" do
+      drop_down_link(name) + drop_down_sublist(&block)
+    end
+  end
+
+  def drop_down_sublist(&block)
+    content_tag :ul, :class => "dropdown-menu", &block
+  end
+
+  def drop_down_submenu(name, &block)
+    content_tag :li, :class => "dropdown-submenu" do
+      link_to(name, "") + drop_down_list(&block)
+    end
+  end
+
+  def drop_down_divider
+    content_tag :li, "", :class => "divider"
+  end
+
+  def drop_down_header(text)
+    content_tag :li, text, :class => "nav-header"
+  end
+
+  def menu_divider
+    content_tag :li, "", :class => "divider-vertical"
+  end
+
+  def menu_text(text=nil, options={}, &block)
+    pull       = options.delete(:pull)
+    pull_class = pull.present? ? "pull-#{pull.to_s}" : nil
+    options.append_merge!(:class, pull_class)
+    options.append_merge!(:class, "navbar-text")
+    content_tag :p, options do
+      text || yield
+    end
+  end
+
+  # Returns current url or path state (useful for buttons).
+  # Example:
+  #   # Assume we'r currently at blog/categories/test
+  #   uri_state('/blog/categories/test', {})               # :active
+  #   uri_state('/blog/categories', {})                    # :chosen
+  #   uri_state('/blog/categories/test', {method: delete}) # :inactive
+  #   uri_state('/blog/categories/test/3', {})             # :inactive
+  def uri_state(uri, options={})
+    return options[:status] if options.key?(:status)
+
+    root_url = request.host_with_port + '/'
+    root = uri == '/' || uri == root_url
+
+    request_uri = if uri.start_with?(root_url)
+      request.url
+    else
+      request.path
+    end
+
+    if !options[:method].nil? || !options["data-method"].nil?
+      :inactive
+    elsif uri == request_uri || (options[:root] && (request_uri == '/') || (request_uri == root_url))
+      :active
+    else
+      if request_uri.start_with?(uri) and not(root)
+        :chosen
+      else
+        :inactive
+      end
+    end
+  end
+
+  private
+
+  def nav_bar_div(options, &block)
+
+    position = "static-#{options[:static].to_s}" if options[:static]
+    position = "fixed-#{options[:fixed].to_s}" if options[:fixed]
+    inverse = (options[:inverse].present? && options[:inverse] == true) ? true : false
+
+    content_tag :div, :class => nav_bar_css_class(position, inverse) do
+      yield
+    end
+  end
+
+  def navbar_inner_div(&block)
+    content_tag :div, :class => "navbar-inner" do
+      yield
+    end
+  end
+
+  def container_div(brand, brand_link, brand_html_left, brand_html_right, responsive, fluid, &block)
+    content_tag :div, :class => "container#{"-fluid" if fluid}" do
+      container_div_with_block(brand, brand_link, brand_html_left, brand_html_right, responsive, &block)
+    end
+  end
+
+  def container_div_with_block(brand, brand_link, brand_html_left, brand_html_right, responsive, &block)
+    output = []
+    if responsive == true
+      output << responsive_button
+      output << brand_link(brand, brand_link, brand_html_left, brand_html_right)
+      output << responsive_div { capture(&block) }
+    else
+      output << brand_link(brand, brand_link, brand_html_left, brand_html_right)
+      output << capture(&block)
+    end
+    output.join("\n").html_safe
+  end
+
+  def nav_bar_css_class(position, inverse = false)
+    css_class = ["navbar"]
+    css_class << "navbar-#{position}" if position.present?
+    css_class << "navbar-inverse" if inverse
+    css_class.join(" ")
+  end
+
+  def brand_link(name, url, brand_html_left, brand_html_right)
+    return "" if name.blank?
+    url ||= root_url
+
+    output = []
+    output << '<div class="brand_html_left">' + brand_html_left + '</div>' if brand_html_left
+    output << link_to(name, url, :class => "brand")
+    output << '<div class="brand_html_right">' + brand_html_right + '</div>' if brand_html_right
+    output.join("\n").html_safe
+  end
+
+  def responsive_button
+    %{<a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+	        <span class="icon-bar"></span>
+	        <span class="icon-bar"></span>
+	        <span class="icon-bar"></span>
+	      </a>}
+  end
+
+  def responsive_div(&block)
+    content_tag(:div, :class => "nav-collapse collapse", &block)
+  end
+
+  def is_active?(path, options={})
+    state = uri_state(path, options)
+    "active" if state.in?([:active, :chosen]) || state === true
+  end
+
+  def name_and_caret(name)
+    "#{name} #{content_tag(:b, :class => "caret") {}}".html_safe
+  end
+
+  def drop_down_link(name)
+    link_to(name_and_caret(name), "#", :class => "dropdown-toggle", "data-toggle" => "dropdown")
+  end
+
+  def drop_down_list(&block)
+    content_tag :ul, :class => "dropdown-menu", &block
+  end
+end
+
+class Hash
+  # appends a string to a hash key's value after a space character (Good for merging CSS classes in options hashes)
+  def append_merge!(key, value)
+    # just return self if value is blank
+    return self if value.blank?
+
+    current_value = self[key]
+    # just merge if it doesn't already have that key
+    self[key] = value and return if current_value.blank?
+    # raise error if we're trying to merge into something that isn't a string
+    raise ArgumentError, "Can only merge strings" unless current_value.is_a?(String)
+    self[key] = [current_value, value].compact.join(" ")
+  end
+end