ext_form 0.1.4

data/lib/ext_form/wrappers/mixin.rb

@@ -0,0 +1,49 @@
+module ExtForm
+  module Wrappers
+    module Mixin
+      extend ActiveSupport::Concern
+
+      def wrap_style_options(input, type, namespace)
+        l = input.l
+        options = input.options
+
+        if l.instance_of?(ExtForm::Layouts::DefaultLayout)
+          default_style_options(l, type, namespace, options)
+          input.input_html_classes.unshift('input-with-layout') if type == 'input'
+        else
+          bootstrap_style_options(l, type, namespace, options)
+          input.input_html_classes.unshift(options[:"#{namespace}_html"][:class]) if type == 'input'
+        end
+      end
+
+      private
+      def default_style_options(l, type, namespace, options={})
+        html_option = options.delete(:"#{namespace}_html") || {}
+
+        style = []
+        style << html_option.delete(:style)
+        style << "width: #{l.send("#{type}_width", options[:input_seq]%l.layout.size)}#{l.layout_config[:measure]}; " \
+                 "float: left;"
+
+        html_option[:style] = style.compact.join(';')
+
+        options[:"#{namespace}_html"] = html_option
+        options
+      end
+
+      def bootstrap_style_options(l, type, namespace, options={})
+        html_option = options.delete(:"#{namespace}_html") || {}
+
+        clazz = []
+        clazz << html_option.delete(:class)
+        clazz << "span#{l.send("#{type}_width", options[:input_seq]%l.layout.size)}"
+
+        html_option[:class] = clazz.compact.join(' ')
+
+        options[:"#{namespace}_html"] = html_option
+        options
+      end
+
+    end
+  end
+end

data/lib/ext_form/wrappers/single_mixin.rb

@@ -0,0 +1,18 @@
+module ExtForm
+  module Wrappers
+    module SingleMixin
+      extend ActiveSupport::Concern
+      include Mixin
+
+      included do
+        def render_with_layout(input)
+          wrap_style_options(input, @defaults[:layout], namespace) if @defaults[:layout]
+          render_without_layout(input)
+        end
+
+        alias_method_chain :render, :layout
+      end
+
+    end
+  end
+end

data/lib/ext_form/wrappers.rb

@@ -0,0 +1,11 @@
+module ExtForm
+  module Wrappers
+    extend ActiveSupport::Autoload
+
+    eager_autoload do
+      autoload :Mixin
+      autoload :ManyMixin
+      autoload :SingleMixin
+    end
+  end
+end

data/lib/ext_form.rb

@@ -0,0 +1,52 @@
+require 'nested_form'
+require 'simple_form'
+require 'bootstrap-datetimepicker-rails'
+require 'select2-rails'
+require 'ext_form/engine'
+require 'ext_form/version'
+require 'ext_form/helpers/tags'
+require 'ext_form/helpers/form_tag_helper'
+require 'ext_form/helpers/form_helper'
+
+module ExtForm
+  extend ActiveSupport::Autoload
+
+  eager_autoload do
+    autoload :Wrappers
+    autoload :Layouts
+    autoload :Inputs
+    autoload :Components
+    autoload :Builders
+  end
+
+  mattr_accessor :layout
+  @@layout = 'DefaultLayout'
+
+  mattr_accessor :default_wrapper
+  @@default_wrapper = :ext
+
+  mattr_accessor :default_layout
+  @@default_layout = {
+      layout: '1:1',
+      spacing: '10',
+      label_width: '15',
+      max_width: '100',
+      measure: '%'
+  }
+
+  mattr_accessor :form_class
+  @@form_class = 'form-horizontal'
+
+  mattr_accessor :locale
+  @@locale = 'pt-BR'
+  # Default way to setup SimpleForm. Run rails generate simple_form:install
+  # to create a fresh initializer with all configuration values.
+  def self.setup
+    yield self
+  end
+end
+
+SimpleForm::Wrappers::Many.send :include, ExtForm::Wrappers::ManyMixin
+SimpleForm::Inputs::Base.send :include, ExtForm::Inputs::BaseMixin
+SimpleForm::Wrappers::Single.send :include, ExtForm::Wrappers::SingleMixin
+SimpleForm::Inputs::Base.send :include, ExtForm::Inputs::BootstrapInputsMixin

data/lib/generators/ext_form/USAGE

@@ -0,0 +1,3 @@
+To copy a SimpleForm initializer to your Rails App, with some configuration values, just do:
+
+    rails generate simple_form:install

data/lib/generators/ext_form/install_generator.rb

@@ -0,0 +1,113 @@
+module ExtForm
+  module Generators
+    class InstallGenerator < Rails::Generators::Base
+      desc 'Copy ExtForm default files'
+      source_root File.expand_path('../templates', __FILE__)
+      class_option :template_engine, desc: 'Template engine to be invoked (erb, haml or slim).'
+      class_option :bootstrap, type: :boolean, desc: 'Add the Twitter Bootstrap wrappers to the SimpleForm initializer.'
+      class_option :locale, desc: 'The locale file of javascripts. The result will be vary based on select2 and
+bootstrap-datetimepicker.'
+
+      def info_bootstrap
+        return if options.bootstrap?
+        puts %q(ExtForm supports Twitter Bootstrap.
+If you want a configuration that is compatible it,
+then please re-run this generator with --bootstrap as an option.)
+      end
+
+      def copy_config
+        template 'config/initializers/z_ext_form.rb'
+
+        if options[:bootstrap]
+          template 'config/initializers/z_ext_form_bootstrap.rb'
+        end
+
+        directory 'config/locales'
+      end
+
+      def copy_scaffold_template
+        engine = options[:template_engine]
+        copy_file "_form.html.#{engine}", "lib/templates/#{engine}/scaffold/_form.html.#{engine}"
+      end
+
+      def copy_assets
+
+        #bootstrap install
+        if options[:bootstrap]
+
+          # I prefer if (file = 'app/assets/stylesheets/application.css') && File.exists?(file)
+          # but it outputs a warning....
+          file = 'app/assets/stylesheets/application.css'
+          if File.exists?(file)
+            inject_into_file file, before: " *= require_tree .\n" do
+              " *= require ext_form/application_bootstrap\n"
+            end
+          end
+
+          file = 'app/assets/stylesheets/application.css.scss'
+          if File.exists?(file)
+            inject_into_file file, before: " *= require_tree .\n" do
+              " *= require ext_form/application_bootstrap\n"
+            end
+          end
+
+          file = 'app/assets/javascripts/application.js'
+          if File.exists?(file)
+            locale = options[:locale]
+
+            inject_into_file file, before: "//= require_tree .\n" do
+              <<JS
+//= require jquery_nested_form
+//= require bootstrap-datetimepicker
+//= require typeahead
+//= require select2
+//= require ext_form/application
+JS
+            end
+
+            inject_into_file file, after: "//= require select2\n" do
+              <<JS
+//= require locales/bootstrap-datetimepicker.#{locale}
+//= require select2_locale_#{locale}
+JS
+            end if locale
+          end
+        # non bootstrap install, no more css and js.
+        else
+          file = 'app/assets/stylesheets/application.css'
+          if File.exists?(file)
+            inject_into_file file, before: " *= require_tree .\n" do
+              " *= require ext_form/application\n"
+            end
+
+          end
+
+          file = 'app/assets/stylesheets/application.css.scss'
+          if File.exists?(file)
+            inject_into_file file, before: " *= require_tree .\n" do
+              " *= require ext_form/application\n"
+            end
+          end
+
+          file = 'app/assets/javascripts/application.js'
+          if File.exists?(file)
+            inject_into_file file, before: "//= require_tree .\n" do
+              <<JS
+//= require jquery_nested_form
+//= require ext_form/application
+JS
+            end
+          end
+        end
+
+
+      end
+
+      def show_readme
+        if behavior == :invoke && options.bootstrap?
+          readme 'README'
+        end
+      end
+    end
+  end
+end

data/lib/generators/ext_form/templates/README

@@ -0,0 +1,15 @@
+===============================================================================
+
+  Be sure to have a copy of the Bootstrap stylesheet available on your
+  application, you can get it on http://twitter.github.com/bootstrap.
+
+  Inside your views, use the 'ext_form_for' with one of the Bootstrap horizontal form
+  classes, as the following:
+
+    = ext_form_for(@user) do |form|
+
+
+  Other form class, just use the 'simple_form_for':
+
+    = simple_form_for(@user, html: {class: 'form-inline'}) do |form|
+===============================================================================

data/lib/generators/ext_form/templates/_form.html.erb

@@ -0,0 +1,12 @@
+<%%= ext_form_for(@<%= singular_table_name %>) do |f| %>
+    <%%= f.error_notification %>
+    <%- a = [] -%>
+    <%- attributes.each do |attribute| -%>
+      <%- a << ":#{attribute.name}" -%>
+    <% end %>
+    <%%= f.inputs <%= a.join(', ') %> %>
+
+    <div class="pull-right">
+        <%%= f.button :submit %>
+    </div>
+<%% end %>

data/lib/generators/ext_form/templates/_form.html.haml

@@ -0,0 +1,12 @@
+= ext_form_for(@<%= singular_table_name %>) do |f|
+  = f.error_notification
+
+  <%- a = [] -%>
+  <%- attributes.each do |attribute| -%>
+    <%- a << ":#{attribute.name}" -%>
+  <% end %>
+
+  = f.inputs <%= a.join(', ') %>
+
+  .pull-right
+    = f.button :submit

data/lib/generators/ext_form/templates/_form.html.slim

@@ -0,0 +1,12 @@
+= ext_form_for(@<%= singular_table_name %>) do |f|
+  = f.error_notification
+
+  <%- a = [] -%>
+  <%- attributes.each do |attribute| -%>
+    <%- a << ":#{attribute.name}" -%>
+  <% end %>
+
+  = f.inputs <%= a.join(', ') %>
+
+  .pull-right
+    = f.button :submit

data/lib/generators/ext_form/templates/config/initializers/z_ext_form.rb

@@ -0,0 +1,70 @@
+# Use this setup block to configure all options available in SimpleForm.
+SimpleForm.setup do |config|
+  # Wrappers are used by the form builder to generate a
+  # complete input. You can remove any component from the
+  # wrapper, change the order or even add your own to the
+  # stack. The options given below are used to wrap the
+  # whole input.
+  config.wrappers :ext, class: 'ext-default-form',
+    hint_class: :field_with_hint, error_class: :error do |b|
+    ## Extensions enabled by default
+    # Any of these extensions can be disabled for a
+    # given input by passing: `f.input EXTENSION_NAME => false`.
+    # You can make any of these extensions optional by
+    # renaming `b.use` to `b.optional`.
+
+    # Determines whether to use HTML5 (:email, :url, ...)
+    # and required attributes
+    b.use :html5
+
+    # Calculates placeholders automatically from I18n
+    # You can also pass a string as f.input placeholder: "Placeholder"
+    b.use :placeholder
+
+    ## Optional extensions
+    # They are disabled unless you pass `f.input EXTENSION_NAME => :lookup`
+    # to the input. If so, they will retrieve the values from the model
+    # if any exists. If you want to enable the lookup for any of those
+    # extensions by default, you can change `b.optional` to `b.use`.
+
+    # Calculates maxlength from length validations for string inputs
+    b.optional :maxlength
+
+    # Calculates pattern from format validations for string inputs
+    b.optional :pattern
+
+    # Calculates min and max from length validations for numeric inputs
+    b.optional :min_max
+
+    # Calculates readonly automatically from readonly attributes
+    b.optional :readonly
+
+    b.wrapper 'div_label', tag: 'div', layout: 'label' do |ba|
+      ba.use :label
+    end
+    ## Inputs
+    b.wrapper 'input', tag: 'div', layout: 'input' do |ba|
+      ba.use :input
+      ba.use :error, wrap_with: {tag: 'p', class: 'help-block'}
+      ba.use :hint, wrap_with: {tag: 'p', class: 'help-block'}
+    end
+  end
+
+  config.label_class = 'ext-form-label'
+  config.collection_value_methods = [:id, :to_value, :to_s]
+  # config.default_wrapper = :ext
+end
+
+ExtForm.setup do |e|
+  # Layout manager, default value: 'DefaultLayout'
+  # e.layout = 'BootstrapLayout'
+  e.layout = 'DefaultLayout'
+  e.default_wrapper = :ext
+  e.default_layout = {
+      layout: '1:1',
+      spacing: '10',
+      label_width: '15',
+      max_width: '100',
+      measure: '%'
+  }
+end

data/lib/generators/ext_form/templates/config/initializers/z_ext_form_bootstrap.rb

@@ -0,0 +1,59 @@
+# Use this setup block to configure all options available in SimpleForm.
+SimpleForm.setup do |config|
+  config.wrappers :ext_bootstrap, tag: 'div', class: 'control-group ext-form-group', error_class: 'error' do |b|
+    b.use :html5
+    b.use :placeholder
+
+    b.wrapper 'div_label', tag: 'div', layout: 'label' do |bb|
+      bb.use :label, class: 'ext-form-label'
+    end
+    b.wrapper 'input', tag: 'div', layout: 'input' do |bb|
+      bb.use :input
+      bb.use :error, wrap_with: {tag: 'span', class: 'help-inline'}
+      bb.use :hint, wrap_with: {tag: 'p', class: 'help-block text-info'}
+    end
+
+  end
+
+  config.wrappers :ext_datetimepicker, tag: 'div', class: 'control-group ext-form-group', error_class: 'error' do |b|
+    b.use :html5
+    b.use :placeholder
+
+    b.wrapper 'div_label', tag: 'div', layout: 'label' do |bb|
+      bb.use :label, class: 'ext-form-label'
+    end
+    b.wrapper 'input', tag: 'div', layout: 'input' do |bb|
+      bb.wrapper tag: 'div', class: 'input-append' do |append|
+        append.use :input
+        append.use :input_addon
+      end
+      bb.use :error, wrap_with: {tag: 'span', class: 'help-inline'}
+      bb.use :hint, wrap_with: {tag: 'p', class: 'help-block text-info'}
+    end
+  end
+  # Wrappers for forms and inputs using the Twitter Bootstrap toolkit.
+  # Check the Bootstrap docs (http://twitter.github.com/bootstrap)
+  # to learn about the different styles for forms and inputs,
+  # buttons and other elements.
+  # config.default_wrapper = :ext_bootstrap
+
+  config.input_mappings = {/_date$/ => :date_picker,
+                           /_time$/ => :dt_picker,
+                           /_at$/ => :dt_picker}
+
+  config.wrapper_mappings = { dt_picker: :ext_datetimepicker,
+                              date_picker: :ext_datetimepicker,
+                              time_picker: :ext_datetimepicker }
+end
+
+ExtForm.setup do |e|
+  e.layout = 'BootstrapLayout'
+  e.default_wrapper = :ext_bootstrap
+  e.default_layout = {
+      layout: '1:1',
+      spacing: '1',
+      label_width: '2',
+      max_width: '12'
+  }
+  e.locale = 'zh-CN'
+end

data/lib/generators/ext_form/templates/config/locales/ext_form.en.yml

@@ -0,0 +1,2 @@
+en:
+

data/lib/tasks/ext_form_tasks.rake

@@ -0,0 +1,4 @@
+# desc "Explaining what the task does"
+# task :ext_form do
+#   # Task goes here
+# end

data/spec/builders/ext_form_builder_bs_spec.rb

@@ -0,0 +1,78 @@
+require 'spec_helper'
+
+describe 'ext_form_builder spec(bootstrap layout):' do
+  before do
+    ExtForm.setup do |e|
+      e.layout = 'BootstrapLayout'
+      e.default_wrapper = :ext_bootstrap
+      e.default_layout = {
+          layout: '1:1',
+          spacing: '1',
+          label_width: '2',
+          max_width: '12'
+      }
+    end
+  end
+
+  let(:order_header) { FactoryGirl.create(:order_header) }
+
+  let(:template) do
+    template = ActionView::Base.new
+    template.output_buffer = ""
+    template
+  end
+
+  context 'no options' do
+    subject do
+      ExtForm::Builders::FormBuilderBase.new('OrderHeader', order_header, template, {}) do |f|
+        f.input :order_number
+      end
+    end
+
+    it 'initialize successfully' do
+      subject.l.layout_config[:spacing].should eq('1')
+      subject.l.layout_config[:label_width].should eq('2')
+      subject.l.layout_config[:layout].should eq('1:1')
+      subject.l.layout_config[:max_width].should eq('12')
+
+      subject.l.layout.should eq([['2', '3'], ['2', '3']])
+    end
+  end
+
+  context 'correct options' do
+    subject do
+      ExtForm::Builders::FormBuilderBase.new('OrderHeader', order_header, template,
+                                             l: bs_correct_options) do |f|
+        f.input :order_number
+      end
+    end
+
+    it 'initialize successfully' do
+      subject.l.layout_config[:spacing].should eq('0')
+      subject.l.layout_config[:label_width].should eq('1')
+      subject.l.layout_config[:layout].should eq('1:1:1')
+      subject.l.layout_config[:max_width].should eq('12')
+
+      subject.l.layout.should eq([['1', '3'], ['1', '3'], ['1', '3']])
+    end
+  end
+
+  context 'error options' do
+    subject do
+      ExtForm::Builders::FormBuilderBase.new('OrderHeader', order_header, template,
+                                             l: bs_error_options) do |f|
+        f.input :order_number
+      end
+    end
+
+    it 'initialize successfully' do
+      subject.l.layout_config[:spacing].should eq('1')
+      subject.l.layout_config[:label_width].should eq('2')
+      subject.l.layout_config[:layout].should eq('1:1')
+      subject.l.layout_config[:max_width].should eq('12')
+
+      subject.l.layout.should eq([['2', '3'], ['2', '3']])
+
+    end
+  end
+end

data/spec/builders/ext_form_builder_spec.rb

@@ -0,0 +1,100 @@
+require 'spec_helper'
+require 'action_view'
+
+describe 'ext_form_builder spec(default layout):' do
+  before do
+    ExtForm.setup do |e|
+      e.layout = 'DefaultLayout'
+      e.default_wrapper = :ext
+      e.default_layout = {
+          layout: '1:1',
+          spacing: '10',
+          label_width: '15',
+          max_width: '100',
+          measure: '%'
+      }
+    end
+  end
+
+  let(:order_header) { FactoryGirl.create(:order_header) }
+
+  let(:template) do
+    template = ActionView::Base.new
+    template.output_buffer = ""
+    template
+  end
+
+  context 'no options' do
+    subject do
+      ExtForm::Builders::FormBuilderBase.new('OrderHeader', order_header, template, {}) do |f|
+        f.input :order_number
+      end
+    end
+
+    it 'initialize successfully' do
+      subject.l.layout_config[:spacing].should eq('10')
+      subject.l.layout_config[:label_width].should eq('15')
+      subject.l.layout_config[:layout].should eq('1:1')
+      subject.l.layout_config[:max_width].should eq('100')
+
+      subject.l.layout.should eq([['15', '25.0'], ['15', '25.0']])
+    end
+  end
+
+  context 'percentage layout options' do
+    subject do
+      ExtForm::Builders::FormBuilderBase.new('OrderHeader', order_header, template,
+                                             l: percentage_options) do |f|
+        f.input :order_number
+      end
+    end
+
+    it 'initialize successfully' do
+      subject.l.layout_config[:spacing].should eq('5')
+      subject.l.layout_config[:label_width].should eq('5')
+      subject.l.layout_config[:layout].should eq('1:1:1')
+      subject.l.layout_config[:max_width].should eq('100')
+
+      subject.l.layout.should eq([['5', '25.0'], ['5', '25.0'], ['5', '25.0']])
+    end
+  end
+
+  context 'px layout options' do
+    subject do
+      ExtForm::Builders::FormBuilderBase.new('OrderHeader', order_header, template,
+                                             l: px_options) do |f|
+        f.input :order_number
+      end
+    end
+
+    it 'initialize successfully' do
+      subject.l.layout_config[:spacing].should eq('30')
+      subject.l.layout_config[:label_width].should eq('160')
+      subject.l.layout_config[:layout].should eq('1:1:1')
+      subject.l.layout_config[:max_width].should eq('900')
+
+      subject.l.layout.should eq([['160', '120.0'], ['160', '120.0'], ['160', '120.0']])
+
+    end
+  end
+
+  context 'error options' do
+    subject do
+      ExtForm::Builders::FormBuilderBase.new('OrderHeader', order_header, template,
+                                             l: error_options) do |f|
+        f.input :order_number
+      end
+    end
+
+    it 'initialize successfully' do
+      subject.l.layout_config[:spacing].should eq('10')
+      subject.l.layout_config[:label_width].should eq('15')
+      subject.l.layout_config[:layout].should eq('1:1')
+      subject.l.layout_config[:max_width].should eq('100')
+
+      subject.l.layout.should eq([['15', '25.0'], ['15', '25.0']])
+
+    end
+  end
+end
+

data/spec/dummy/README.rdoc

@@ -0,0 +1,28 @@
+== README
+
+This README would normally document whatever steps are necessary to get the
+application up and running.
+
+Things you may want to cover:
+
+* Ruby version
+
+* System dependencies
+
+* Configuration
+
+* Database creation
+
+* Database initialization
+
+* How to run the test suite
+
+* Services (job queues, cache servers, search engines, etc.)
+
+* Deployment instructions
+
+* ...
+
+
+Please feel free to use a different markup language if you do not plan to run
+<tt>rake doc:app</tt>.

data/spec/dummy/Rakefile

@@ -0,0 +1,6 @@
+# Add your own tasks in files placed in lib/tasks ending in .rake,
+# for example lib/tasks/capistrano.rake, and they will automatically be available to Rake.
+
+require File.expand_path('../config/application', __FILE__)
+
+Dummy::Application.load_tasks