dynamic_fields 0.1.0 → 0.2.0

data/README.md

@@ -57,6 +57,28 @@ Add this to your js file
 That is all you have to do to get it to work.
 
 
+Override Defaults
+-----------------
+
+The default wrapper node generate from `dynamic_fields_wrapper_for` is "fieldset" with class "item". 
+You can override them by passing a hash to the helper method like this:
+
+    = dynamic_fields_wrapper_for(qa, :node => 'div', :class => 'nested_field') do
+      = your code block
+      
+If you override the :class option, you will need to apply that to the Javascript as well:
+
+    $("#qas").cloneFields({
+      itemWrapper: ".nested_field"
+    })
+  
+  
+Example
+--------
+
+If you want to take a look at an example, you can checkout the dummy app that used for testing.  
+
+
 
 Copyright
 --------

data/app/assets/javascripts/dynamic_fields/jquery.dynamic_fields.js

@@ -25,11 +25,23 @@
         item.find("input[name$='[_destroy]']").remove(); // don't need to copy the _destroy field
 
         item.find(':input').each(function(){
-          new_id = $(this).attr('id').replace(/\d/, ''+item_num);
+          if ($(this).attr('id')) {
+            new_id = $(this).attr('id').replace(/\d/, ''+item_num);
+            $(this).attr('id', new_id);
+          }
+
           new_name = $(this).attr('name').replace(/\d/, ''+item_num);
-          $(this).attr('id', new_id);
           $(this).attr('name', new_name);
-          $(this).val("");
+
+          // reset all fields
+          if ($(this)[0].type == 'textarea' || $(this)[0].type == 'text' || $(this)[0].type.match(/select/)){
+            $(this).val("");
+          }else if ($(this)[0].type == 'radio'){
+            $(this).attr("checked", false)
+          }else if ($(this)[0].type == 'checkbox'){
+            $(this).attr("checked", false)
+          }
+
         })
 
         item.find('label').each(function(){

data/app/helpers/dynamic_fields_helper.rb

@@ -1,7 +1,10 @@
 module DynamicFieldsHelper
 
-  def dynamic_fields_wrapper_for(form_object, options={:class => 'item'}, &block)
-    content_tag("fieldset", :class => options[:class]) do
+  def dynamic_fields_wrapper_for(form_object, options={}, &block)
+    defaults = {:node => "fieldset", :class => 'item'}
+    opts = defaults.merge(options)
+
+    content_tag(opts[:node], :class => opts[:class]) do
       if form_object.object.persisted?
         concat form_object.hidden_field :_destroy
       end

data/lib/dynamic_fields/version.rb

@@ -1,3 +1,3 @@
 module DynamicFields
-  VERSION = "0.1.0"
+  VERSION = "0.2.0"
 end

data/test/dummy/app/assets/javascripts/application.js

@@ -12,4 +12,5 @@
 //
 //= require jquery
 //= require jquery_ujs
+//= require dynamic_fields
 //= require_tree .

data/test/dummy/app/assets/javascripts/category.js

@@ -0,0 +1,10 @@
+$(function(){
+
+  $('#more_subcategories').click(function(){
+    $("#subcategories").cloneFields({
+      itemWrapper: ".nested_field"
+    });
+  })
+
+})
+

data/test/dummy/app/controllers/categories_controller.rb

@@ -0,0 +1,47 @@
+class CategoriesController < ApplicationController
+
+  def index
+    @categories = Category.all
+    render :text => @categories.to_json
+  end
+
+  def new
+    @category = Category.new
+    @category.subcategories.build
+  end
+
+  def create
+    @category = Category.new(params[:category])
+
+    if @category.save
+      redirect_to categories_path, :notice => 'The new category was successfully created'
+    else
+      @category.subcategories.build
+      render 'new'
+    end
+  end
+
+  def edit
+    @category = Category.find(params[:id])
+    @category.subcategories.build if @category.subcategories.blank?
+  end
+
+  def update
+    @category = Category.find(params[:id])
+
+    if @category.update_attributes(params[:category])
+      redirect_to categories_path, :notice => 'The category was successfully updated'
+    else
+      @category.subcategories.build if @category.subcategories.blank?
+      render :action => "edit"
+    end
+  end
+
+  def destroy
+    @category = Category.find(params[:id])
+
+    @category.destroy
+    redirect_to categories_path, :notice => "The category was successfully deleted"
+  end
+
+end

data/test/dummy/app/models/available_language.rb

@@ -0,0 +1,4 @@
+class AvailableLanguage < ActiveRecord::Base
+  has_and_belongs_to_many :categories
+
+end

data/test/dummy/app/models/category.rb

@@ -0,0 +1,6 @@
+class Category < ActiveRecord::Base
+  has_many :subcategories
+
+  accepts_nested_attributes_for :subcategories, :allow_destroy => true, :reject_if => proc { |attributes| attributes['name'].blank? }
+
+end

data/test/dummy/app/models/subcategory.rb

@@ -0,0 +1,5 @@
+class Subcategory < ActiveRecord::Base
+  belongs_to :category
+  has_and_belongs_to_many :available_languages
+
+end

data/test/dummy/app/views/categories/_form.html.erb

@@ -0,0 +1,31 @@
+<%= simple_form_for category do |f| %>
+
+  <%= f.error_notification %>
+
+  <%= f.input :name %>
+
+  <div id="more_subcategories">Add More Subcategories</div>
+
+  <h3>Subcategories</h3>
+
+  <div id="subcategories">
+    <%= f.simple_fields_for :subcategories do |s| %>
+      <%= dynamic_fields_wrapper_for(s, :node => 'div', :class => 'nested_field') do %>
+        <%= s.input :name %>
+        <%= s.input :description %>
+        <%= s.input :active, :as => :radio_buttons %>
+        <%= s.input :access_level, :collection => 1..4 %>
+        <%= s.association :available_languages, :as => :check_boxes %>
+      <% end %>
+    <% end %>
+  </div>
+
+  <div class="form-actions">
+    <%= f.button :submit %>
+  </div>
+
+<% end %>
+
+
+
+

data/test/dummy/app/views/categories/edit.html.erb

@@ -0,0 +1,3 @@
+<h2>Edit Category</h2>
+
+<%= render 'form', :category => @category %>

data/test/dummy/app/views/categories/new.html.erb

@@ -0,0 +1,3 @@
+<h2>Create New Category</h2>
+
+<%= render 'form', :category => @category %>

data/test/dummy/config/application.rb

@@ -54,3 +54,4 @@ module Dummy
   end
 end
 
+require "#{Rails.root}/../factories.rb"

data/test/dummy/config/database.yml

@@ -18,8 +18,4 @@ test:
   pool: 5
   timeout: 5000
 
-production:
-  adapter: sqlite3
-  database: db/production.sqlite3
-  pool: 5
-  timeout: 5000
+

data/test/dummy/config/initializers/simple_form.rb

@@ -0,0 +1,136 @@
+# 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 :default, :class => :input,
+    :hint_class => :field_with_hint, :error_class => :field_with_errors 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
+
+    ## Inputs
+    b.use :label_input
+    b.use :hint,  :wrap_with => { :tag => :span, :class => :hint }
+    b.use :error, :wrap_with => { :tag => :span, :class => :error }
+  end
+
+  # The default wrapper to be used by the FormBuilder.
+  config.default_wrapper = :default
+
+  # Define the way to render check boxes / radio buttons with labels.
+  # Defaults to :nested for bootstrap config.
+  #   :inline => input + label
+  #   :nested => label > input
+  config.boolean_style = :nested
+
+  # Default class for buttons
+  config.button_class = 'btn'
+
+  # Method used to tidy up errors.
+  # config.error_method = :first
+
+  # Default tag used for error notification helper.
+  config.error_notification_tag = :div
+
+  # CSS class to add for error notification helper.
+  config.error_notification_class = 'alert alert-error'
+
+  # ID to add for error notification helper.
+  # config.error_notification_id = nil
+
+  # Series of attempts to detect a default label method for collection.
+  # config.collection_label_methods = [ :to_label, :name, :title, :to_s ]
+
+  # Series of attempts to detect a default value method for collection.
+  # config.collection_value_methods = [ :id, :to_s ]
+
+  # You can wrap a collection of radio/check boxes in a pre-defined tag, defaulting to none.
+  # config.collection_wrapper_tag = nil
+
+  # You can define the class to use on all collection wrappers. Defaulting to none.
+  # config.collection_wrapper_class = nil
+
+  # You can wrap each item in a collection of radio/check boxes with a tag,
+  # defaulting to :span. Please note that when using :boolean_style = :nested,
+  # SimpleForm will force this option to be a label.
+  # config.item_wrapper_tag = :span
+
+  # You can define a class to use in all item wrappers. Defaulting to none.
+  # config.item_wrapper_class = nil
+
+  # How the label text should be generated altogether with the required text.
+  # config.label_text = lambda { |label, required| "#{required} #{label}" }
+
+  # You can define the class to use on all labels. Default is nil.
+  config.label_class = 'control-label'
+
+  # You can define the class to use on all forms. Default is simple_form.
+  # config.form_class = :simple_form
+
+  # You can define which elements should obtain additional classes
+  # config.generate_additional_classes_for = [:wrapper, :label, :input]
+
+  # Whether attributes are required by default (or not). Default is true.
+  # config.required_by_default = true
+
+  # Tell browsers whether to use default HTML5 validations (novalidate option).
+  # Default is enabled.
+  config.browser_validations = false
+
+  # Collection of methods to detect if a file type was given.
+  # config.file_methods = [ :mounted_as, :file?, :public_filename ]
+
+  # Custom mappings for input types. This should be a hash containing a regexp
+  # to match as key, and the input type that will be used when the field name
+  # matches the regexp as value.
+  # config.input_mappings = { /count/ => :integer }
+
+  # Default priority for time_zone inputs.
+  # config.time_zone_priority = nil
+
+  # Default priority for country inputs.
+  # config.country_priority = nil
+
+  # Default size for text inputs.
+  # config.default_input_size = 50
+
+  # When false, do not use translations for labels.
+  # config.translate_labels = true
+
+  # Automatically discover new inputs in Rails' autoload path.
+  # config.inputs_discovery = true
+
+  # Cache SimpleForm inputs discovery
+  # config.cache_discovery = !Rails.env.development?
+end

data/test/dummy/config/locales/simple_form.en.yml

@@ -0,0 +1,24 @@
+en:
+  simple_form:
+    "yes": 'Yes'
+    "no": 'No'
+    required:
+      text: 'required'
+      mark: '*'
+      # You can uncomment the line below if you need to overwrite the whole required html.
+      # When using html, text and mark won't be used.
+      # html: '<abbr title="required">*</abbr>'
+    error_notification:
+      default_message: "Some errors were found, please take a look:"
+    # Labels and hints examples
+    # labels:
+    #   password: 'Password'
+    #   user:
+    #     new:
+    #       email: 'E-mail para efetuar o sign in.'
+    #     edit:
+    #       email: 'E-mail.'
+    # hints:
+    #   username: 'User name to sign in.'
+    #   password: 'No special characters, please.'
+

data/test/dummy/config/routes.rb

@@ -1,58 +1,5 @@
 Dummy::Application.routes.draw do
-  # The priority is based upon order of creation:
-  # first created -> highest priority.
 
-  # Sample of regular route:
-  #   match 'products/:id' => 'catalog#view'
-  # Keep in mind you can assign values other than :controller and :action
+  resources :categories
 
-  # Sample of named route:
-  #   match 'products/:id/purchase' => 'catalog#purchase', :as => :purchase
-  # This route can be invoked with purchase_url(:id => product.id)
-
-  # Sample resource route (maps HTTP verbs to controller actions automatically):
-  #   resources :products
-
-  # Sample resource route with options:
-  #   resources :products do
-  #     member do
-  #       get 'short'
-  #       post 'toggle'
-  #     end
-  #
-  #     collection do
-  #       get 'sold'
-  #     end
-  #   end
-
-  # Sample resource route with sub-resources:
-  #   resources :products do
-  #     resources :comments, :sales
-  #     resource :seller
-  #   end
-
-  # Sample resource route with more complex sub-resources
-  #   resources :products do
-  #     resources :comments
-  #     resources :sales do
-  #       get 'recent', :on => :collection
-  #     end
-  #   end
-
-  # Sample resource route within a namespace:
-  #   namespace :admin do
-  #     # Directs /admin/products/* to Admin::ProductsController
-  #     # (app/controllers/admin/products_controller.rb)
-  #     resources :products
-  #   end
-
-  # You can have the root of your site routed with "root"
-  # just remember to delete public/index.html.
-  # root :to => 'welcome#index'
-
-  # See how all your routes lay out with "rake routes"
-
-  # This is a legacy wild controller route that's not recommended for RESTful applications.
-  # Note: This route will make all actions in every controller accessible via GET requests.
-  # match ':controller(/:action(/:id))(.:format)'
 end