bc-htmlful 0.0.0

data/README

@@ -0,0 +1,11 @@
+include the module in the helpers:
+
+module ApplicationHelper
+  include Htmlful::DynamicFields
+  ...
+end
+
+include the javascript file in your layout:
+
+= javascript_include_tag "dynamic_fields"
+

data/Rakefile

@@ -0,0 +1,27 @@
+require 'rubygems'
+begin
+  require 'jeweler'
+rescue LoadError
+  puts "Jeweler not available. Install it with: sudo gem install jeweler"
+  exit 1
+end
+
+require 'rake/testtask'
+require 'rake/rdoctask'
+require 'rcov/rcovtask'
+
+Jeweler::Tasks.new do |s|
+  s.name = "bc-htmlful"
+  s.summary = "Form dynamic fields"
+  s.description = s.summary
+  s.email = "info@byclosure.com"
+  s.homepage = "http://github.com/Byclosure/"
+  s.authors = ["Duarte Henriques", "Vasco Andrade e Silva"]
+  #    s.add_dependency "activerecord", ['>= 1.1']
+  #    s.has_rdoc = true
+  #    s.extra_rdoc_files = [ "README.rdoc"]
+  #    s.rdoc_options = ["--main", "README.rdoc", "--inline-source", "--line-numbers"]
+  #    s.test_files = Dir['test/**/*.{yml,rb}']
+end
+
+Jeweler::GemcutterTasks.new

data/VERSION

@@ -0,0 +1 @@
+0.0.0

data/javascripts/dynamic_fields.js

@@ -0,0 +1,56 @@
+$('input[type="hidden"]').addClass('hide');
+// buttons UI
+$('.create_element').addClass('ui-state-default ui-corner-all').hover(function() {
+  $(this).addClass("ui-state-hover");
+}, function() {
+  $(this).removeClass("ui-state-hover");
+}).mousedown(function() {
+  $(this).addClass("ui-state-active");
+}).mouseup(function() {
+  $(this).removeClass("ui-state-active");
+});
+
+$('.remove_fieldset').live('click', function(event) {
+  if (event.which != 3) {
+    $(this).parent().prev().find('input[type=hidden]').val(1);
+    $($(this).closest('fieldset')).hide('blind');
+    return false;
+  }
+  return true;
+});
+$('form div.new_nested_element').each(function() {
+  var create_button = $(this).children('a.create_element');
+  var remove_button = $(this).children('a.remove_element').remove();
+  var fragment = $($(this).find('fieldset')[0]).remove();
+  var remove_button_function = function(event) {
+    if (event.which != 3) {
+      $($(this).closest('fieldset')).hide('blind', {}, 1000, function(){$(this).remove();});
+      return false;
+    }
+    return true;
+  }
+  create_button.click(function(event) {
+    var new_fragment = fragment.clone().hide();
+    
+    var new_remove_button = remove_button.clone();
+    new_remove_button.click(remove_button_function);
+    
+    var nested_inputs = $(this).parent().children('div.nested_inputs');
+    nested_inputs.append(new_fragment);
+
+    // this is a necessary hack for rails http://groups.google.com.au/group/formtastic/browse_thread/thread/9358a13bd26a6108
+    var unique_id = new Date().getTime();
+    new_fragment.find('input').each(function() {
+      this.id = this.id && this.id.replace(/NEW_RECORD/, unique_id);
+      this.name = this.name && this.name.replace(/NEW_RECORD/, unique_id);
+    });
+    new_fragment.find('label').each(function() {
+      this.htmlFor = this.htmlFor && this.htmlFor.replace(/NEW_RECORD/, unique_id);
+    });
+    
+    $($(this).closest('form')).trigger('element-added', new_fragment);
+    new_fragment.append(new_remove_button);
+    new_fragment.show('blind');
+    return false;
+  });
+});

data/javascripts/dynamic_fields.prototype.js

@@ -0,0 +1,41 @@
+// TODO: finish conversion from jquery
+document.observe('click', function(event) {
+  if (element = event.findElement('.remove_fieldset')) {
+    element.up().previous().select('input[type=hidden]').value = 1;
+    element.up('fieldset').hide();
+    event.stop();
+  }
+});
+$$('form div.new_nested_element').each(function(element) {
+  var create_button = element.down('a.create_element');
+  var remove_button = element.down('a.remove_element').remove();
+  var fragment = element.down('fieldset').remove();
+  var remove_button_function = function(event) {
+    this.up('fieldset').remove();
+    event.stop(); 
+  }
+  create_button.observe('click', function(event) {
+    var new_fragment = fragment.cloneNode(true);
+    
+    var new_remove_button = remove_button.cloneNode(true);
+    new_remove_button.observe('click', remove_button_function);
+    
+    var nested_inputs = create_button.parent().children('div.nested_inputs');
+    nested_inputs.insert(new_fragment);
+    
+    // this is a necessary hack for rails http://groups.google.com.au/group/formtastic/browse_thread/thread/9358a13bd26a6108
+    var unique_id = new Date().getTime();
+    new_fragment.select('input').each(function(e) {
+      e.id = e.id && e.id.gsub(/NEW_RECORD/, unique_id);
+      e.name = e.name && e.name.gsub(/NEW_RECORD/, unique_id);
+    });
+    new_fragment.select('label').each(function(e) {
+      e.htmlFor = e.htmlFor && e.htmlFor.replace(/NEW_RECORD/, unique_id);
+    });
+
+    new_fragment.insert(new_remove_button);
+    new_fragment.show();
+    //this.up().insert({top: new_fragment.insert(new_remove_button)});
+    event.stop();
+  });
+});

data/lib/htmlful/dynamic_fields.rb

@@ -0,0 +1,138 @@
+module Htmlful
+  module DynamicFields
+    def _dynamic_fields(form, resource, relationship_name, block1, block2)
+      form.inputs :title => relationship_name do
+        unless resource.send(relationship_name).empty?
+          form.semantic_fields_for(relationship_name) do |sub_form|
+            sub_form.inputs do
+              block1.call(sub_form)
+              concat sub_form.input(:_delete, :as => :hidden, :wrapper_html => {:class => 'remove'}, :input_html => {:class => "checkbox_remove"})
+              concat content_tag(:li, link_to(t(:remove_nested_element, :resource_name => t(resource.class.name)), '#', :class => "remove_fieldset"))
+            end
+          end
+        end
+        concat content_tag(:div, :class => "new_nested_element") {
+          concat content_tag(:div, :class => "nested_inputs") {
+            form.inputs do
+              form.semantic_fields_for relationship_name, resource.send(relationship_name).build, :child_index => "NEW_RECORD" do |sub_form|
+                block2.call(sub_form)
+              end
+            end
+          }
+          relationship_i18n_name = resource.class.human_attribute_name(relationship_name).to_s
+          concat link_to(t(:remove_nested_element, :resource_name => relationship_i18n_name), '#', :class => "remove_element")
+          concat link_to(t(:create_nested_element, :resource_name => relationship_i18n_name), "#", :class => "create_element")
+        }
+      end
+    end
+
+    def dynamic_fields(form, resource, relationship_name, *attributes)
+      block1 = lambda do |sub_form|
+        sub_object = sub_form.object
+        attributes.each do |attribute|
+          if is_date(sub_object, attribute)
+            concat sub_form.input(attribute, :as => :string, :wrapper_html => {:class => 'datepick'})
+          elsif is_document(sub_object, attribute)
+            if is_document_empty?(sub_object, attribute)
+              concat content_tag(:li, content_tag(:p, t(:no_document)))
+            else
+              if is_image(sub_object, attribute)
+                concat image_tag(sub_form.object.send(attribute).url(:thumb))
+              else
+                concat content_tag(:li, content_tag(:p, link_to(sub_object.send("#{attribute}_file_name"), sub_object.send(attribute).url)))
+              end
+            end
+          else
+            concat sub_form.input(attribute)
+          end
+        end
+      end
+      block2 = lambda do |sub_form|
+        sub_object = sub_form.object
+        attributes.each do |attribute|
+          if is_date(sub_object, attribute)
+            concat sub_form.input(attribute, :as => :string, :wrapper_html => {:class => 'datepick ignore'})
+          else
+            concat sub_form.input(attribute) # takes care of everything else
+          end
+        end
+      end
+      _dynamic_fields(form, resource, relationship_name, block1, block2)
+    end
+
+    def show_dynamic_fields(form, resource, relationship_name, *attributes)
+      form.inputs :title => relationship_name do
+        if resource.send(relationship_name).empty?
+          concat t(:no_resource_name_plural, :resource_name_plural => resource.class.human_name(:count => 2).mb_chars.downcase)
+        else
+          form.semantic_fields_for(relationship_name) do |sub_form|
+            sub_form.inputs do
+              attributes.each do |attribute|
+                concat show_attribute(sub_form, sub_form.object, attribute)
+              end
+            end
+          end
+        end
+      end
+    end
+
+    def show_attribute(form, resource, attribute)
+      if is_date(resource, attribute)
+        form.input(attribute, :as => :string, :wrapper_html => {:class => 'datepick'}, :input_html => {:disabled => true})
+      elsif is_document(resource, attribute)
+        content_tag(:fieldset) do
+          content_tag(:legend) do
+            content_tag(:label, I18n.t("formtastic.labels.#{resource.class.name.underscore}.#{attribute}"))
+          end +
+          if is_document_empty?(resource, attribute)
+            t(:no_document)
+          else
+            if is_image(resource, attribute)
+              image_tag(resource.send(attribute).url(:thumb))
+            else
+              link_to(resource.send("#{attribute}_file_name"), resource.send(attribute).url)
+            end
+          end
+        end
+      else
+        form.input(attribute, :input_html => {:disabled => true})
+      end
+    end
+
+    def show_subcollection(form, resource, association)
+      collection = resource.send(association)
+      resource_name_plural = resource.class.reflect_on_association(association.to_sym).klass.human_name(:count => 2)
+      content_tag(:label, resource_name_plural) +
+      if collection.empty?
+        content_tag(:p, I18n.t(:no_resource_name_plural, :resource_name_plural => resource_name_plural.mb_chars.downcase))
+      else
+        content_tag(:ul, collection.inject("") { |html, sub_resource|
+          html + content_tag(:li, link_to(sub_resource.send(form.send(:detect_label_method, [sub_resource])), sub_resource))
+          }, :class => "sub-collection")
+      end
+    end
+
+    protected
+    def is_date(resource, attribute)
+      col = resource.column_for_attribute(attribute)
+      col && col.type == :date
+    end
+
+    # taken from formtastic
+    @@file_methods = [:file?, :public_filename]
+    def is_document(resource, attribute)
+      file = resource.send(attribute) if resource.respond_to?(attribute)
+      file && @@file_methods.any? { |m| file.respond_to?(m) }
+    end
+    
+    def is_document_empty?(resource, attribute)
+      resource.send("#{attribute}_file_name").blank?
+    end
+    
+    # XXX: if image is missing, this will return false because it queries the styles. Find out what we want
+    def is_image(resource, attribute)
+      file = resource.send(attribute) if resource.respond_to?(attribute)
+      is_document(resource, attribute) && file && file.respond_to?(:styles) && !file.styles.blank?
+    end
+  end
+end

data/stylesheets/dynamic_fields.sass

@@ -0,0 +1,12 @@
+div.new_nested_element
+  +clearfix
+  ol li, fieldset
+    :margin-bottom 0
+  .remove_element
+    :display block
+    :margin-bottom 0.7em
+.create_element
+  :display block
+  :padding 2px 4px
+  :text-decoration none
+  :float left

metadata

@@ -0,0 +1,64 @@
+--- !ruby/object:Gem::Specification 
+name: bc-htmlful
+version: !ruby/object:Gem::Version 
+  version: 0.0.0
+platform: ruby
+authors: 
+- Duarte Henriques
+- Vasco Andrade e Silva
+autorequire: 
+bindir: bin
+cert_chain: []
+
+date: 2010-02-15 00:00:00 +00:00
+default_executable: 
+dependencies: []
+
+description: Form dynamic fields
+email: info@byclosure.com
+executables: []
+
+extensions: []
+
+extra_rdoc_files: 
+- README
+files: 
+- README
+- Rakefile
+- VERSION
+- javascripts/dynamic_fields.js
+- javascripts/dynamic_fields.prototype.js
+- lib/htmlful.rb
+- lib/htmlful/dynamic_fields.rb
+- rails/init.rb
+- stylesheets/dynamic_fields.sass
+has_rdoc: true
+homepage: http://github.com/Byclosure/
+licenses: []
+
+post_install_message: 
+rdoc_options: 
+- --charset=UTF-8
+require_paths: 
+- lib
+required_ruby_version: !ruby/object:Gem::Requirement 
+  requirements: 
+  - - ">="
+    - !ruby/object:Gem::Version 
+      version: "0"
+  version: 
+required_rubygems_version: !ruby/object:Gem::Requirement 
+  requirements: 
+  - - ">="
+    - !ruby/object:Gem::Version 
+      version: "0"
+  version: 
+requirements: []
+
+rubyforge_project: 
+rubygems_version: 1.3.5
+signing_key: 
+specification_version: 3
+summary: Form dynamic fields
+test_files: []
+