bs-helper 0.1.0

data/app/assets/javascripts/init-bshelper.js

@@ -0,0 +1,11 @@
+$(function () {
+    //===================================================
+    // Using bootstrap style submit button
+    //===================================================
+    $('input:submit[data-type="bootstrap"]').prev('label').click(function (e) {
+        e.preventDefault();
+        $(this).next('input:submit[data-type="bootstrap"]').trigger('click');
+    })
+
+
+})

data/app/assets/stylesheets/bs-modal/bootstrap-modal-bs3patch.css

@@ -0,0 +1,35 @@
+/*!
+ * Bootstrap Modal
+ *
+ * Copyright Jordan Schroter
+ * Licensed under the Apache License v2.0
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Boostrap 3 patch for for bootstrap-modal. Include BEFORE bootstrap-modal.css!
+ */
+
+body.modal-open, 
+.modal-open .navbar-fixed-top, 
+.modal-open .navbar-fixed-bottom {
+  margin-right: 0;
+}
+
+.modal {
+  left: 50%;
+  bottom: auto;
+  right: auto;
+  padding: 0;
+  width: 500px;
+  margin-left: -250px;
+  background-color: #ffffff;
+  border: 1px solid #999999;
+  border: 1px solid rgba(0, 0, 0, 0.2);
+  border-radius: 6px;
+  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
+  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
+  background-clip: padding-box;
+}
+
+.modal.container {
+  max-width: none;
+}

data/app/assets/stylesheets/bs-modal/bootstrap-modal.css

@@ -0,0 +1,214 @@
+/*!
+ * Bootstrap Modal
+ *
+ * Copyright Jordan Schroter
+ * Licensed under the Apache License v2.0
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ */
+
+.modal-open {
+	overflow: hidden;
+}
+
+
+/* add a scroll bar to stop page from jerking around */
+.modal-open.page-overflow .page-container,
+.modal-open.page-overflow .page-container .navbar-fixed-top,
+.modal-open.page-overflow .page-container .navbar-fixed-bottom,
+.modal-open.page-overflow .modal-scrollable {
+	overflow-y: scroll;
+}
+
+@media (max-width: 979px) {
+	.modal-open.page-overflow .page-container .navbar-fixed-top,
+	.modal-open.page-overflow .page-container .navbar-fixed-bottom  {
+		overflow-y: visible;
+	}
+}
+
+
+.modal-scrollable {
+	position: fixed;
+	top: 0;
+	bottom: 0;
+	left: 0;
+	right: 0;
+	overflow: auto;
+}
+
+.modal {
+	outline: none;
+	position: absolute;
+	margin-top: 0;
+	top: 50%;
+	overflow: visible; /* allow content to popup out (i.e tooltips) */
+}
+
+.modal.fade {
+	top: -100%;
+	-webkit-transition: opacity 0.3s linear, top 0.3s ease-out, bottom 0.3s ease-out, margin-top 0.3s ease-out;	
+	   -moz-transition: opacity 0.3s linear, top 0.3s ease-out, bottom 0.3s ease-out, margin-top 0.3s ease-out;
+	     -o-transition: opacity 0.3s linear, top 0.3s ease-out, bottom 0.3s ease-out, margin-top 0.3s ease-out;
+	        transition: opacity 0.3s linear, top 0.3s ease-out, bottom 0.3s ease-out, margin-top 0.3s ease-out;
+}
+
+.modal.fade.in {
+	top: 50%;
+}
+
+.modal-body {
+	max-height: none;
+	overflow: visible;
+}
+
+.modal.modal-absolute {
+	position: absolute;
+	z-index: 950;
+}
+
+.modal .loading-mask {
+	position: absolute;
+	top: 0;
+	bottom: 0;
+	left: 0;
+	right: 0;
+	background: #fff;
+	border-radius: 6px;
+}
+
+.modal-backdrop.modal-absolute{
+	position: absolute;
+	z-index: 940;
+}
+
+.modal-backdrop, 
+.modal-backdrop.fade.in{
+	opacity: 0.7;
+	filter: alpha(opacity=70);
+	background: #fff;
+}
+
+.modal.container {
+  width: 940px;
+  margin-left: -470px;
+}
+
+/* Modal Overflow */
+
+.modal-overflow.modal {
+	top: 1%;
+}
+
+.modal-overflow.modal.fade {
+	top: -100%;
+}
+
+.modal-overflow.modal.fade.in {
+	top: 1%;
+}
+
+.modal-overflow .modal-body {
+	overflow: auto;
+	-webkit-overflow-scrolling: touch;
+}
+
+/* Responsive */
+
+@media (min-width: 1200px) {
+	.modal.container {
+		width: 1170px;
+		margin-left: -585px;
+	}
+}
+
+@media (max-width: 979px) {
+	.modal, 
+	.modal.container,
+	.modal.modal-overflow 	{
+		top: 1%;
+		right: 1%;
+		left: 1%;
+		bottom: auto;
+		width: auto !important;
+		height: auto !important;
+		margin: 0 !important;
+		padding: 0 !important;
+	}
+	
+	.modal.fade.in, 
+	.modal.container.fade.in,
+	.modal.modal-overflow.fade.in {
+		top: 1%;
+		bottom: auto;
+	}
+	
+	.modal-body,
+	.modal-overflow .modal-body {
+		position: static;
+		margin: 0;
+		height: auto !important;
+		max-height: none !important;
+		overflow: visible !important;
+	}
+	
+	.modal-footer,
+	.modal-overflow .modal-footer {
+		position: static;
+	}
+}
+
+.loading-spinner {
+	position: absolute;
+	top: 50%;
+	left: 50%;
+	margin: -12px 0 0 -12px;
+}
+
+/*
+Animate.css - http://daneden.me/animate
+Licensed under the ☺ license (http://licence.visualidiot.com/)
+
+Copyright (c) 2012 Dan Eden*/
+
+.animated {
+	-webkit-animation-duration: 1s;
+	   -moz-animation-duration: 1s;
+	     -o-animation-duration: 1s;
+	        animation-duration: 1s;
+	-webkit-animation-fill-mode: both;
+	   -moz-animation-fill-mode: both;
+	     -o-animation-fill-mode: both;
+	        animation-fill-mode: both;
+}
+
+@-webkit-keyframes shake {
+	0%, 100% {-webkit-transform: translateX(0);}
+	10%, 30%, 50%, 70%, 90% {-webkit-transform: translateX(-10px);}
+	20%, 40%, 60%, 80% {-webkit-transform: translateX(10px);}
+}
+
+@-moz-keyframes shake {
+	0%, 100% {-moz-transform: translateX(0);}
+	10%, 30%, 50%, 70%, 90% {-moz-transform: translateX(-10px);}
+	20%, 40%, 60%, 80% {-moz-transform: translateX(10px);}
+}
+
+@-o-keyframes shake {
+	0%, 100% {-o-transform: translateX(0);}
+	10%, 30%, 50%, 70%, 90% {-o-transform: translateX(-10px);}
+	20%, 40%, 60%, 80% {-o-transform: translateX(10px);}
+}
+
+@keyframes shake {
+	0%, 100% {transform: translateX(0);}
+	10%, 30%, 50%, 70%, 90% {transform: translateX(-10px);}
+	20%, 40%, 60%, 80% {transform: translateX(10px);}
+}
+
+.shake {
+	-webkit-animation-name: shake;
+	-moz-animation-name: shake;
+	-o-animation-name: shake;
+	animation-name: shake;
+}

data/app/helpers/bootstrap_base_helper.rb

@@ -0,0 +1,145 @@
+module BootstrapBaseHelper
+  extend ActiveSupport::Concern
+
+  include BootstrapHelper
+
+  class List
+
+    attr_accessor :collection, :options, :template, :block, :li_options
+
+    def initialize(templte, *args)
+      self.template = templte
+      self.options = args.extract_options!.dup
+      self.li_options = options.delete(:li_options) || {}
+      self.collection = args
+    end
+
+    def add(*args)
+      li_opts = args.extract_options!
+      collection << {options: li_opts, content: args.join}
+    end
+
+    alias_method :<<, :add
+
+    def to_s
+      type = options.delete(:type) || 'unordered'
+      tag = (type == 'ordered') ? 'ol' : 'ul'
+      unstyled_class = (type == 'unstyled') ? 'unstyled ' : ''
+
+      template.content_tag(tag, nil, template.merge_predef_class(unstyled_class, options)) do
+        ul_content = ''
+
+        collection.each do |obj|
+          if obj.is_a?(Hash)
+            if obj.has_key?(:options) && obj.has_key?(:content)
+              ul_content << template.content_tag('li', nil, obj[:options].reverse_merge!(li_options)) do
+                obj[:content].html_safe
+              end
+            else
+              nested_collection = obj.to_a.first
+              ul_content << template.content_tag('li', nil, li_options) do
+                (nested_collection.first + template.list(*nested_collection.last, options)).html_safe
+              end
+            end
+          elsif obj.is_a?(Array)
+            ul_content << template.list(*obj, options)
+          else
+            ul_content << template.content_tag('li', nil, li_options) do
+              obj.html_safe
+            end
+          end
+        end
+
+        ul_content.html_safe
+      end
+    end
+  end
+
+  # Typography
+  # Headings not implemented
+  # Lead not implemented
+  # Small not implemented
+  # Bold not implemented
+  # Italics not implemented
+  # muted, text-warning, text-error, text-info, text-success not implemented
+  # Abbreviations not implemented
+  # Addresses not implemented
+  # Blockquotes not implemented
+
+  # Lists
+  ##############################################################################
+
+  # bootstrap Typography List
+  #
+  # collection - content to be displayed, can be a nested array like this:
+  #              [
+  #                'list1',
+  #                'list2',
+  #                {'list3' => [
+  #                  'sublist1',
+  #                  'sublist2',
+  #                  {'sublist3' => [
+  #                    'sublist3.1',
+  #                    'sublist3.2'
+  #                  ]}
+  #                ]},
+  #                'list4'
+  #              ]
+  #
+  #
+  # options - a hash
+  #   type: unordered, ordered, unstyled. default: unordered
+  #   the other html options can be accepted by ul or ol
+  #   li_options: common li options in ul
+  def list(*args, &block)
+    builder = List.new(self, *args)
+    capture(builder, &block) if block_given?
+    builder.to_s
+  end
+
+  # Inline not implemented
+  # Description not implemented
+
+  # Code
+  # not implemented
+
+  # Tables
+  # see Bootstrap_table_helper.rb
+
+  # Forms
+  # see ext_form gem
+
+  # Buttons
+  # see bootstrap_button_helper.rb
+
+  # Images
+  # 圆角图片
+  # 和 image_tag 一样用
+  def r_image_tag(source, options={})
+    image_tag(source, merge_predef_class('img-rounded', options))
+  end
+
+  # 圆形图片
+  # 和 image_tag 一样用
+  def c_image_tag(source, options={})
+    image_tag(source, merge_predef_class('img-circle', options))
+  end
+
+  # 带边框图片
+  # 和 image_tag 一样用
+  def p_image_tag(source, options={})
+    image_tag(source, merge_predef_class('img-polaroid', options))
+  end
+
+  # glyph_icon bootstrap icon
+  #
+  # Example:
+  #   glyph_icon(:plus)
+  #   # => <i class="icon-plus"></i>
+  #
+  #   glyph_icon(:align_justify, :white)
+  #   # => <i class="icon-align-justify icon-white"></i>
+  def glyph_icon(*names)
+    content_tag :i, nil, :class => names.flatten.map { |name| "icon-#{name.to_s.gsub('_', '-')}" }
+  end
+end

data/app/helpers/bootstrap_button_helper.rb

@@ -0,0 +1,135 @@
+#coding: utf-8
+module BootstrapButtonHelper
+  extend ActiveSupport::Concern
+
+  include BootstrapHelper
+
+  DEFAULT_OPTIONS = {
+      disabled: false,
+      block: false,
+      type: 'a',
+      toggle: false
+  }
+
+  AVAI_SIZES = ['mini', 'small', 'large']
+  AVAI_CLASSES = ['primary', 'secondary', 'info', 'success', 'warning', 'danger', 'inverse', 'link']
+
+  #Generate a bootstrap style button using a, button or submit
+  #
+  #value: text of button
+  #options:
+  #  value: text of button if value is not passed
+  #  disabled: true, false. default: false
+  #  block: true, false. default: false
+  #  size: small, mini, large
+  #  class: primary, info, success, warning, danger, inverse, link
+  #  type: button, a, submit. default: button
+  #  toggle: true, false. default: false
+  #  icon: icon name, use glyph_icon
+  #  url: url will be directed while button is clicked
+  #  js: js will be executed while button is clicked
+  #  confirm: show confirmation text. only available with submit
+  #  disable_with: when clicked, this button will be disabled and text will be changed to. only available with submit
+  #  loading_text:
+  #html_options:
+  #  any options that can be accpeted by a, button or submit.
+  #
+  def bs_button(value=nil, options={}, html_options={})
+    html_options, options, value = options, value, nil if value.is_a?(Hash)
+    value = options.delete(:value) if value.blank?
+
+    options.reverse_merge!(DEFAULT_OPTIONS)
+    case options.delete(:type)
+      when 'button'
+        render_btn(value, options, html_options)
+      when 'submit'
+        render_submit(value, options, html_options)
+      when 'a'
+        render_a(value, options, html_options)
+      else
+        raise 'Error type of button, should be button or a'
+    end
+  end
+
+  alias_method :btn, :bs_button
+
+  ##############################################################################
+  # 下面的调用不了
+  private
+
+  def render_a(value, options={}, html_options={})
+    icon = options.delete(:icon)
+    render_options(options, html_options)
+
+    options = '#' if options.empty?
+
+    link_to render_content(value, icon), options, html_options
+
+  end
+
+  def render_btn(value, options={}, html_options={})
+    icon = options.delete(:icon)
+    render_options(options, html_options)
+    button_tag html_options do
+      render_content(value, icon)
+    end
+
+  end
+
+  def render_submit(value, options={}, html_options={})
+    icon = options.delete(:icon)
+    render_options(options, html_options)
+
+    name = html_options[:name] || 'commit'
+
+    output = []
+    output << content_tag('label', nil, html_options) do
+      render_content(value, icon)
+    end
+
+    html_options[:data][:type] = 'bootstrap'
+
+    output << submit_tag(value, html_options.merge(name: name, id: sanitize_to_id(name), class: 'hidden'))
+    output.join.html_safe
+  end
+
+  def render_content(value, icon=nil)
+    content = []
+    content << glyph_icon(icon) unless icon.blank?
+    content << value
+    content.compact.join(' ').html_safe
+  end
+
+  def render_options(options={}, html_options={})
+    html_options[:data] ||= {}
+
+    html_options[:data][:js] = options.delete(:js) if options[:js]
+    html_options[:href] = options.delete(:url) if options[:url]
+
+
+    btn_class = ['btn']
+    btn_class << "btn-#{options.delete(:size)}" if options[:size]
+    btn_class << "btn-#{options.delete(:class)}" if options[:class]
+    btn_class << 'btn-block' if options.delete(:block)
+    if options.delete(:disabled)
+      btn_class << 'disabled'
+      html_options[:data][:disabled] = 'disabled'
+    end
+
+    btn_class << html_options.delete(:class)
+    html_options[:class] = btn_class.compact.join(' ')
+
+    html_options[:data][:toggle] = 'button' if options.delete(:toggle)
+    html_options[:data][:confirm] = options.delete(:confirm) if options[:confirm]
+    html_options[:data][:disable_with] = options.delete(:disable_with) if options[:disable_with]
+    html_options[:data][:loading_text] = options.delete(:loading_text) if options[:loading_text]
+
+    begin
+      html_options[:href] ||= url_for(options)
+    rescue ActionController::UrlGenerationError => e
+      html_options[:href] ||= '#'
+    end
+
+  end
+
+end