jquery-ui-form 0.1.0

data/lib/generators/templates/jquery-ui-form.rb

@@ -0,0 +1,5 @@
+JqueryUiForm::FormBuilder.use_i18n = false
+JqueryUiForm::FormBuilder.required_string = proc{"<abbr>*</abbr>"}
+JqueryUiForm::FormBuilder.html5_inputs = true
+JqueryUiForm::FormBuilder.placeholder_elements = %w(date email file number password phone search string text url)
+JqueryUiForm::FormBuilder.use_autofocus = true

data/lib/generators/templates/jquery-ui-form.sass

@@ -0,0 +1,115 @@
+.ui-base-error-messages
+  @extend .ui-state-error
+  @extend .ui-corner-all
+  :margin 0px 0px 5px 0px
+  :padding 3px 5px 3px 5px
+  .ui-icon
+    :float left
+    :margin-right 3px
+  p
+    :padding-bottom 2px
+.ui-form
+  @extend .ui-widget-content
+  @extend .ui-corner-all
+  .ui-fieldset
+    @extend .ui-widget-content
+    @extend .ui-corner-all
+    clear: both
+    padding: 10px
+    margin: 10px
+    .ui-fieldset
+      padding: 5px
+      margin-left: -5px
+    legend
+      padding: 3px 10px 3px 10px
+      margin-left: 10px
+  .ui-form-buttons
+    display: block
+    clear: both
+    padding: 5px 25px 5px 124px
+    text-align: left
+  .ui-button.ui-state-error
+    float: right
+  .ui-form-column
+    display: block
+    float: left
+    clear: both
+    margin-bottom: 5px
+    position: relative
+    width: 335px
+    &.ui-input-error input, &.ui-input-error textarea, &.ui-input-error select
+      //Taken from .ui-state-error-text
+      border-color: #cd0a0a
+    .ui-form-column
+      float: left
+      clear: none
+  .ui-form-row
+    float: left
+    clear: both
+    .ui-form-column
+      float: left
+      clear: none
+  .ui-form-column.ui-check_boxes-input
+    .ui-form-column
+      float: left
+      clear: none
+  .ui-form-row.ui-radio-input, .ui-form-column.ui-radio-input, .ui-form-row.ui-check_boxes-input, .ui-form-column.ui-check_boxes-input
+    clear: both
+    width: auto
+  .ui-form-row.ui-check_boxes-input, .ui-form-column.ui-check_boxes-input
+    clear: both
+    width: auto
+  .ui-form-column.ui-select-input, .ui-form-row.ui-select-input
+    height: 24px
+  .ui-form-column.ui-hidden-input, .ui-form-row.ui-hidden-input
+    display: none
+  .ui-fieldset.ui-buttonset
+    width: 100%
+    
+  .ui-input-error-message
+    font-size: 80%
+    @extend .ui-state-error-text
+    text-align: right
+    font-style: italic
+  .ui-check_boxes-input .ui-input-error-message, .ui-radio-input .ui-input-error-message
+    margin-top: -7px
+  .ui-input-hint
+    position: absolute
+    top: 5px
+    left: 129px
+    font-size: 80%
+    opacity: .45
+    filter: Alpha(Opacity = 45)
+  .ui-check_boxes-input .ui-input-hint, .ui-radio-input .ui-input-hint
+    top: 27px
+    left: 21px
+  .ui-boolean-input .ui-input-hint
+    left: 139px
+  label
+    width: 120px
+    float: left
+    text-align: right
+    margin-right: 5px
+    margin-top: 4px
+  input.ui-string-input, input.ui-password-input, input.ui-email-input, input.ui-phone-input, input.ui-url-input, input.ui-search-input, input.ui-number-input, input.ui-file-input, input.ui-range-input, input.ui-date-input, input.ui-datetime-input, input.ui-time-input
+    width: 200px
+    padding: 2px
+    margin: 0px
+    line-height: 1.5em
+  input.ui-date-input
+    width: 100px
+  input.ui-range-input
+    margin-top: 2px
+    padding-bottom: 0px
+  input.ui-search-input
+    margin-top: 3px
+  textarea.ui-text-input
+    width: 200px
+    padding: 2px
+    margin: 0px
+  input.ui-boolean-input, input.ui-radio-input
+    margin: 7px 0px 5px 0px
+  select.ui-select-input
+    max-width: 200px
+    margin: 2px 0px 0px 0px
+    height: 22px

data/lib/jquery-ui-form.rb

@@ -0,0 +1 @@
+require 'jquery_ui_form'

data/lib/jquery_ui_form.rb

@@ -0,0 +1,7 @@
+module JqueryUiForm
+  extend ActiveSupport::Autoload
+  autoload :FormBuilder
+  autoload :Inputs
+  autoload :Helpers
+end
+require 'jquery_ui_form/railtie' if defined?(Rails)

data/lib/jquery_ui_form/form_builder.rb

@@ -0,0 +1,43 @@
+module JqueryUiForm
+  class FormBuilder < ActionView::Helpers::FormBuilder
+    
+    attr_accessor :template
+    attr_accessor :autofocus
+    
+    def self.configure(name, value = nil)
+      class_attribute(name)
+      self.send(:"#{name}=", value)
+    end
+
+    configure :use_i18n, :true
+    configure :required_string, proc{"<abbr>*</abbr>"}
+    configure :html5_inputs, :true
+    configure :placeholder_elements, %w(date email password phone search string text url)
+    configure :use_autofocus, true 
+    
+    include JqueryUiForm::Helpers::WrapperHelper
+    include JqueryUiForm::Helpers::InputHelper
+    include JqueryUiForm::Helpers::ErrorHelper
+    include JqueryUiForm::Helpers::LabelHelper
+    include JqueryUiForm::Helpers::ButtonHelper
+    
+    include JqueryUiForm::Inputs::StringInput
+    include JqueryUiForm::Inputs::PasswordInput
+    include JqueryUiForm::Inputs::BooleanInput
+    include JqueryUiForm::Inputs::SelectInput
+    include JqueryUiForm::Inputs::RadioInput
+    include JqueryUiForm::Inputs::CheckBoxesInput
+    include JqueryUiForm::Inputs::TextInput
+    include JqueryUiForm::Inputs::HiddenInput
+    include JqueryUiForm::Inputs::FileInput
+    # HTML5
+    include JqueryUiForm::Inputs::EmailInput
+    include JqueryUiForm::Inputs::PhoneInput
+    include JqueryUiForm::Inputs::UrlInput
+    include JqueryUiForm::Inputs::SearchInput
+    include JqueryUiForm::Inputs::NumberInput
+    include JqueryUiForm::Inputs::RangeInput
+    include JqueryUiForm::Inputs::DateInput
+  end
+  
+end

data/lib/jquery_ui_form/helpers.rb

@@ -0,0 +1,17 @@
+module JqueryUiForm
+  module Helpers
+    autoload :FormHelper, 'jquery_ui_form/helpers/form_helper'
+    autoload :WrapperHelper, 'jquery_ui_form/helpers/wrapper_helper'
+    autoload :InputHelper, 'jquery_ui_form/helpers/input_helper'
+    
+    autoload :LabelHelper, 'jquery_ui_form/helpers/label_helper'
+    autoload :TextFieldHelper, 'jquery_ui_form/helpers/text_field_helper'
+    autoload :PasswordFieldHelper, 'jquery_ui_form/helpers/password_field_helper'
+    autoload :CheckBoxHelper, 'jquery_ui_form/helpers/check_box_helper'
+    autoload :RadioButtonHelper, 'jquery_ui_form/helpers/radio_button_helper'
+    autoload :ButtonHelper, 'jquery_ui_form/helpers/button_helper'
+    autoload :SelectHelper, 'jquery_ui_form/helpers/select_helper'
+    
+    autoload :ErrorHelper, 'jquery_ui_form/helpers/error_helper'
+  end
+end

data/lib/jquery_ui_form/helpers/button_helper.rb

@@ -0,0 +1,39 @@
+module JqueryUiForm 
+  module Helpers
+    module ButtonHelper
+      
+      def button(name, options = {})
+        if use_i18n && !options.delete(:translate)
+          name = I18n.t(name)
+        elsif name == name.to_sym
+          name = name.to_s.upcase.humanize
+        end
+        (options[:class] ||= "") << " ui-button"
+        options[:type] ||= "submit"
+        
+        if (icon = options.delete(:icon)) 
+          options["data-icon"] = "ui-icon-#{icon}"
+        end
+        template.content_tag(:button,name, options)
+      end
+      
+      def submit(name=nil, options = {})
+        options.merge!(name) && name = nil if name.is_a?(Hash)
+        options[:type] ||= "submit"
+        options[:icon] ||= "check"
+        name ||= (@object && @object.respond_to?(:new_record?) && @object.new_record? ? :create : :update )
+        button(name, options)
+      end
+      
+      def cancel(name=nil, options = {})
+        options.merge!(name) && name = nil  if name.is_a?(Hash)
+        options[:type] ||= "reset"
+        options[:icon] ||= "close"
+        (options[:class] ||= "") << " ui-state-error"
+        name ||= :cancel
+        button(name, options)
+      end
+      
+    end
+  end
+end

data/lib/jquery_ui_form/helpers/error_helper.rb

@@ -0,0 +1,39 @@
+module JqueryUiForm 
+  module Helpers
+    module ErrorHelper
+      
+      def has_errors?(method)
+        @object && @object.respond_to?(:errors) && !@object.errors[method.to_sym].blank?
+      end
+      
+      def error_message_on(method)
+        @object.errors[method.to_sym]
+      end
+      
+      def error_messages_on_base
+        @object.errors[:base]
+      end
+      
+      def inline_error(method)
+        return "" unless has_errors?(method)
+        template.content_tag(:div, error_message_on(method), :class => "ui-input-error-message")
+      end
+      
+      def model_errors(errors=[])
+        errors = error_messages_on_base.to_a + errors.to_a
+        return "" if errors.empty?
+        template.content_tag(:div, :class => "ui-base-error-messages") do
+          errors.each do |message|
+            template.concat(
+              template.content_tag(:p) do
+                template.concat(template.content_tag(:span, "", :class => "ui-icon ui-icon-alert"))
+                template.concat(template.content_tag(:strong, message))
+              end
+            )
+          end
+        end
+      end
+                
+    end
+  end
+end

data/lib/jquery_ui_form/helpers/form_helper.rb

@@ -0,0 +1,19 @@
+module JqueryUiForm 
+  module Helpers
+    module FormHelper
+      
+      def jquery_form_for(name, *args, &block)
+        options = args.last.is_a?(Hash) ? args.pop : {}
+        options[:builder] ||= JqueryUiForm::FormBuilder
+        options[:html] ||= {}
+        (options[:html][:class] ||= "") << " ui-form"
+        form_for(name, *(args << options), &block)
+      end
+      
+      # def form_for(name, *args, &block)
+      #   super(name, *args, &block)
+      # end
+      
+    end
+  end
+end

data/lib/jquery_ui_form/helpers/input_helper.rb

@@ -0,0 +1,145 @@
+module JqueryUiForm 
+  module Helpers
+    module InputHelper
+      
+      def input(method, options={})
+        row_options = options.delete(:html_row) || {}
+        
+        options[:as] ||= default_input_type(method, options)
+        options[:required] ||= method_required?(method)
+        
+        row_options[:class] ||= ""
+        row_options[:class] << " ui-#{options[:as]}-input"
+        
+        options[:class] ||= ""
+        options[:class] << " ui-#{options[:as]}-input"
+        options[:class] << " ui-input-error" if has_errors?(method)
+        if use_autofocus && (!self.autofocus)
+          options[:autofocus] = true 
+          self.autofocus = true
+        end
+        column(row_options) do
+          send(:"#{options.delete(:as)}_input", method, options)
+        end
+      end
+      
+      def basic_input_helper(form_helper_method, type, method, options) #:nodoc:
+        label_options = options.delete(:html_label) || {}
+        label_options[:required] = options[:required]
+        label_options[:label] = options.delete(:label)
+        hint = options[:placeholder] = options.delete(:hint)
+        label(method, label_options) <<
+        send(respond_to?(form_helper_method) ? form_helper_method : :text_field, method, options) <<
+        inline_hint(hint, type) <<
+        inline_error(method)
+      end
+      
+      def inline_hint(hint, type = nil)
+        return "" if hint.blank?
+        if use_i18n
+          hint = I18n.t(hint,:scope => [:helpers, :hints])
+        end
+        return "" if html5_inputs && placeholder_elements.include?(type.to_s)
+        template.content_tag(:div, hint, :class => "ui-input-hint")
+      end
+      
+      protected
+      
+      # Determins if the attribute should be considered required or not.
+      #
+      # * if the :required option isn't provided in the options hash, and the object is
+      #   an ActiveModel, true is returned
+      #   if the validates_presence_of macro has been used in the class for this attribute, or false
+      #   otherwise.
+      def method_required?(attribute) #:nodoc:
+        attribute_sym = attribute.to_s.sub(/_id$/, '').to_sym
+        if @object && @object.class.respond_to?(:validators_on)
+          !@object.class.validators_on(attribute_sym).find{|validator| (validator.kind == :presence || validator.kind == :inclusion) && (validator.options.present? ? options_require_validation?(validator.options) : true)}.nil?
+        else
+          false
+        end
+      end
+
+      # Determines whether the given options evaluate to true
+      def options_require_validation?(options) #nodoc
+        allow_blank = options[:allow_blank]
+        return !allow_blank unless allow_blank.nil?
+        if_condition = !options[:if].nil?
+        condition = if_condition ? options[:if] : options[:unless]
+
+        condition = if condition.respond_to?(:call)
+                      condition.call(@object)
+                    elsif condition.is_a?(::Symbol) && @object.respond_to?(condition)
+                      @object.send(condition)
+                    else
+                      condition
+                    end
+
+        if_condition ? !!condition : !condition
+      end
+      
+      def default_input_type(method, options)
+        if column = column_for(method)
+          # Special cases where the column type doesn't map to an input method.
+          case column.type
+          when :string
+            return :password  if method.to_s =~ /password/
+            if html5_inputs
+              return :search    if method.to_s =~ /^search$/
+              return :phone     if method.to_s =~ /^phone$|fax$|mobile/
+              return :url       if method.to_s =~ /^url$|^website$|_url$/
+              return :email     if method.to_s =~ /email/
+              # return :date      if method.to_s =~ /date$/              
+            end
+          when :integer
+            return :select    unless options.key?(:collection)
+            return :number
+          when :float, :decimal
+            return :number
+          when :timestamp
+            return :datetime
+          when :date
+            return :date
+          when :text
+            return :text
+          end
+
+          # Try look for hints in options hash. Quite common senario: Enum keys stored as string in the database.
+          return :select    if column.type == :string && options.key?(:collection)
+          # Try 3: Assume the input name will be the same as the column type (e.g. string_input).
+          return column.type
+        else
+          if @object
+            return :select  if reflection_for(method)
+          end
+
+          return :select    if options.key?(:collection)
+          return :password  if method.to_s =~ /password/
+          return :text      if method.to_s =~ /notes/
+          return :file      if method.to_s =~ /attachment/
+          if html5_inputs
+            return :email     if method.to_s =~ /email/
+            return :phone     if method.to_s =~ /^phone$|fax$|mobile/
+            return :url       if method.to_s =~ /^url$|^website$|_url$/
+            return :search    if method.to_s =~ /^search$/
+            return :number    if method.to_s =~ /^amount|size/
+          end
+          return :string
+        end
+      end
+      
+      # Get a column object for a specified attribute method - if possible.
+      def column_for(method) #:nodoc:
+        @object.column_for_attribute(method) if @object.respond_to?(:column_for_attribute)
+      end
+      
+      def reflection_for(method) #:nodoc:
+        @object.class.reflect_on_association(method) if @object.class.respond_to?(:reflect_on_association)
+      end
+      
+      def name_to_id(name)
+        name.to_s.gsub(/\s/, "_").gsub(/\W/, "").gsub(/\]\[|[^-a-zA-Z0-9:.]/, "_").sub(/_$/, "").downcase
+      end
+    end
+  end
+end