inline_forms 2.23 → 3.0

data/lib/app/controllers/inline_forms_controller.rb

@@ -113,7 +113,7 @@ class InlineFormsController < ApplicationController
     @update_span = params[:update]
     attributes = @inline_forms_attribute_list || @object.inline_forms_attribute_list
     attributes.each do | attribute, name, form_element |
-      send("#{form_element.to_s}_update", @object, attribute) unless form_element == :associated || (cancan_enabled? && cannot?(:read, @Klass.to_s.underscore.pluralize.to_sym, attribute))
+      send("#{form_element.to_s}_update", @object, attribute) unless form_element == :tree || form_element == :associated || (cancan_enabled? && cannot?(:read, @Klass.to_s.underscore.pluralize.to_sym, attribute))
     end
     @parent_class = params[:parent_class]
     @parent_id = params[:parent_id]
@@ -206,7 +206,7 @@ class InlineFormsController < ApplicationController
   # Thanks Ryan Bates: http://railscasts.com/episodes/255-undo-with-paper-trail
   def revert
     @update_span = params[:update]
-    @version = Version.find(params[:id])
+    @version = PaperTrail::Version.find(params[:id])
     @version.reify.save!
     @object = @Klass.find(@version.item_id)
     authorize!(:revert, @object) if cancan_enabled?

data/lib/app/helpers/form_elements/check_list.rb

@@ -3,14 +3,13 @@ InlineForms::SPECIAL_COLUMN_TYPES[:check_list]=:no_migration
 
 # checklist
 def check_list_show(object, attribute)
-  out = '<ul class="checklist">'
-  out << link_to_inline_edit(object, attribute) if object.send(attribute).empty?
+  out = ''
+  out = link_to_inline_edit(object, attribute, "<i class='fi-plus'></i>".html_safe) if object.send(attribute).empty?
   object.send(attribute).sort.each do | item |
-    out << '<li>'
+    out << "<div class='row #{cycle('odd', 'even')}'>"
     out << link_to_inline_edit(object, attribute, item._presentation )
-    out << '</li>'
+    out << '</div>'
   end
-  out <<  '</ul>'
   out.html_safe
 end
 
@@ -21,19 +20,13 @@ def check_list_edit(object, attribute)
   else
     values = object.send(attribute).first.class.name.constantize.order(attribute.to_s.singularize.camelcase.constantize.order_by_clause)
   end
-  out = '<div class="edit_form_checklist">'
-  out << '<ul>'
+  out = ''
   values.each do | item |
-    out << '<li>'
+    out << "<div class='row #{cycle('odd', 'even')}'>"
     out << check_box_tag( attribute.to_s + '[' + item.id.to_s + ']', 1, object.send(attribute.to_s.singularize + "_ids").include?(item.id) )
-    out << '<div class="edit_form_checklist_text">'
-    out << h(item._presentation)
+    out << "<label for=#{attribute.to_s + '[' + item.id.to_s + ']'}>#{h(item._presentation)}</label>"
     out << '</div>'
-    out << '<div style="clear: both;"></div>'
-    out << '</li>'
   end
-  out << '</ul>'
-  out << '</div>'
   out.html_safe
 end
 

data/lib/app/helpers/form_elements/date.rb

@@ -3,18 +3,13 @@ InlineForms::SPECIAL_COLUMN_TYPES[:date_select]=:date
 
 # date
 def date_select_show(object, attribute)
-  link_to_inline_edit object, attribute, object.send(attribute).nil? ? "" : object.send(attribute).strftime("%d-%m-%Y")
+  link_to_inline_edit object, attribute, object.send(attribute).nil? ? "<i class='fi-plus'></i>".html_safe : object.send(attribute).strftime("%d-%m-%Y")
 end
 
 def date_select_edit(object, attribute)
   css_id = 'datepicker_' + object.class.to_s.underscore + '_' + object.id.to_s + '_' + attribute.to_s
-  out = text_field_tag attribute, ( object.send(attribute).nil? ? "" : object.send(attribute).strftime("%d-%m-%Y") ), :id => css_id
-  out << '<SCRIPT>'.html_safe
-  out << "$(function() { ".html_safe
-  out << '$("#'.html_safe + css_id.html_safe + '").datepicker({ yearRange: "-100:+5" });'.html_safe
-  out << '});'.html_safe
-  out << '</SCRIPT>'.html_safe
-  return out
+  out = text_field_tag attribute, ( object.send(attribute).nil? ? "" : object.send(attribute).strftime("%d-%m-%Y") ), :id => css_id, :class =>'datepicker'
+  out << "<script>$('##{css_id}').datepicker();</script>".html_safe
 end
 
 def date_select_update(object, attribute)

data/lib/app/helpers/form_elements/decimal_field.rb

@@ -0,0 +1,15 @@
+# -*- encoding : utf-8 -*-
+InlineForms::SPECIAL_COLUMN_TYPES[:decimal_field]=:string
+
+def decimal_field_show(object, attribute)
+  link_to_inline_edit object, attribute, object[attribute].nil? ? "<i class='fi-plus'></i>".html_safe : object[attribute]
+end
+
+def decimal_field_edit(object, attribute)
+  text_field_tag attribute, (object.send attribute.to_sym), :class => 'input_decimal_field'  # for abide: , :required => true
+end
+
+def decimal_field_update(object, attribute)
+  object.send :write_attribute, attribute.to_sym, params[attribute.to_sym]
+end
+

data/lib/app/helpers/form_elements/dropdown.rb

@@ -3,7 +3,7 @@ InlineForms::SPECIAL_COLUMN_TYPES[:dropdown]=:belongs_to
 
 # dropdown
 def dropdown_show(object, attribute)
-  attribute_value = object.send(attribute)._presentation rescue  nil
+  attribute_value = object.send(attribute)._presentation rescue  "<i class='fi-plus'></i>".html_safe
   link_to_inline_edit object, attribute, attribute_value
 end
 

data/lib/app/helpers/form_elements/dropdown_with_other.rb

@@ -0,0 +1,153 @@
+# -*- encoding : utf-8 -*-
+InlineForms::SPECIAL_COLUMN_TYPES[:dropdown_with_other]=:belongs_to
+
+# dropdown
+def dropdown_with_other_show(object, attribute)
+  attribute = attribute.to_s
+  foreign_key = object.class.reflect_on_association(attribute.to_sym).options[:foreign_key] || attribute.foreign_key.to_sym
+  id = object[foreign_key]
+  if id == 0
+    attribute_value = object[attribute + '_other']
+    attribute_value = "<i class='fi-plus'></i>".html_safe if attribute_value.nil? || attribute_value.empty?
+  else
+    attribute_value = object.send(attribute)._presentation rescue  "<i class='fi-plus'></i>".html_safe
+  end
+  link_to_inline_edit object, attribute, attribute_value
+end
+
+def dropdown_with_other_edit(object, attribute)
+  attribute = attribute.to_s
+  foreign_key = object.class.reflect_on_association(attribute.to_sym).options[:foreign_key] || attribute.foreign_key.to_sym
+  o = attribute.camelcase.constantize
+  values = o.all
+  values = o.accessible_by(current_ability) if cancan_enabled?
+  values.each do |v|
+    v.name = v._presentation
+  end
+  # values.sort_by! &:name
+
+  collection = values.map {|v|[v.name, v.id]}
+  collection << [object[attribute + '_other'], 0] unless object[attribute + '_other'].nil? || object[attribute + '_other'].empty?
+  out = '<div class="ui-widget">'
+  out << select('_' + object.class.to_s.underscore, foreign_key.to_sym, collection, {selected: object[foreign_key.to_sym]}, {id: '_' + object.class.to_s.underscore + '_' + object.id.to_s + '_'  + foreign_key.to_s})
+  out << '</div>
+  <script>
+    (function( $ ) {
+    $.widget( "custom.combobox", {
+      _create: function() {
+        this.wrapper = $( "<span>" )
+          .addClass( "custom-combobox" )
+          .insertAfter( this.element );
+ 
+        this.element.hide();
+        this._createAutocomplete();
+        this._createShowAllButton();
+      },
+ 
+      _createAutocomplete: function() {
+        var selected = this.element.children( ":selected" ),
+          value = selected.val() ? selected.text() : "";
+ 
+        this.input = $( "<input name=\''
+        
+    out << '_' + object.class.to_s.underscore + '[' + attribute + '_other]' 
+        
+        out << '\'>" )
+          .appendTo( this.wrapper )
+          .val( value )
+          .attr( "title", "" )
+          .addClass( "custom-combobox-input ui-widget ui-widget-content ui-state-default ui-corner-left" )
+          .autocomplete({
+            delay: 0,
+            minLength: 0,
+            source: $.proxy( this, "_source" )
+          })
+          .tooltip({
+            tooltipClass: "ui-state-highlight"
+          });
+ 
+        this._on( this.input, {
+          autocompleteselect: function( event, ui ) {
+            ui.item.option.selected = true;
+            this._trigger( "select", event, {
+              item: ui.item.option
+            });
+          }
+        });
+      },
+ 
+      _createShowAllButton: function() {
+        var input = this.input,
+          wasOpen = false;
+ 
+        $( "<a>" )
+          .attr( "tabIndex", -1 )
+          .attr( "title", "Show All Items" )
+          .tooltip()
+          .appendTo( this.wrapper )
+          .button({
+            icons: {
+              primary: "ui-icon-triangle-1-s"
+            },
+            text: false
+          })
+          .removeClass( "ui-corner-all" )
+          .addClass( "custom-combobox-toggle ui-corner-right" )
+          .mousedown(function() {
+            wasOpen = input.autocomplete( "widget" ).is( ":visible" );
+          })
+          .click(function() {
+            input.focus();
+ 
+            // Close if already visible
+            if ( wasOpen ) {
+              return;
+            }
+ 
+            // Pass empty string as value to search for, displaying all results
+            input.autocomplete( "search", "" );
+          });
+      },
+ 
+      _source: function( request, response ) {
+        var matcher = new RegExp( $.ui.autocomplete.escapeRegex(request.term), "i" );
+        response( this.element.children( "option" ).map(function() {
+          var text = $( this ).text();
+          if ( this.value && ( !request.term || matcher.test(text) ) )
+            return {
+              label: text,
+              value: text,
+              option: this
+            };
+        }) );
+      },
+    });
+  })( jQuery );
+ 
+  $(function() {
+    $( "'
+    out << '#_' + object.class.to_s.underscore + '_' + object.id.to_s + '_' + attribute.foreign_key.to_s 
+    out << '" ).combobox();
+  });
+  </script>'
+  out.html_safe
+  
+  
+end
+
+def dropdown_with_other_update(object, attribute)
+  attribute = attribute.to_s
+  foreign_key = object.class.reflect_on_association(attribute.to_sym).options[:foreign_key] || attribute.foreign_key.to_sym
+  # if there is an attribute attr, then there must be an attribute attr_other
+  other = params[('_' + object.class.to_s.underscore).to_sym][(attribute + "_other").to_sym]
+  # see if it matches anything (but we need to look at I18n too!
+  lookup_model = attribute.camelcase.constantize
+  name_field = 'name_' + I18n.locale.to_s
+  name_field = 'name' unless lookup_model.new.respond_to? name_field
+  puts 'XXXXXXXXXXXXXXXXXXXX ' + name_field.inspect
+  match = lookup_model.where(name_field.to_sym => other).first # problem if there are dupes!
+  puts 'XXXXXXXXXXXXXXXXXXXX ' + match.inspect
+  match.nil? ? object[foreign_key] = 0 : object[foreign_key] = match.id # problem if there is a record with id: 0 !
+  match.nil? ? object[attribute + '_other'] = other : object[attribute + '_other'] = nil  
+end
+

data/lib/app/helpers/form_elements/dropdown_with_values.rb

@@ -4,7 +4,7 @@ InlineForms::SPECIAL_COLUMN_TYPES[:dropdown_with_values]=:integer
 # dropdown_with_values
 def dropdown_with_values_show(object, attribute)
   values = attribute_values(object, attribute)
-  link_to_inline_edit object, attribute, object.send(attribute) ? values.assoc(object.send(attribute))[1] : ""
+  link_to_inline_edit object, attribute, object.send(attribute) ? values.assoc(object.send(attribute))[1] : "<i class='fi-plus'></i>".html_safe
 end
 def dropdown_with_values_edit(object, attribute)
   # the leading underscore is to avoid name conflicts, like 'email' and 'email_type' will result in 'email' and 'email[email_type_id]' in the form!

data/lib/app/helpers/form_elements/info_list.rb

@@ -0,0 +1,22 @@
+# -*- encoding : utf-8 -*-
+# not needed here, since this is only used in the views InlineForms::SPECIAL_COLUMN_TYPES[:info]=:string
+
+def info_list_show(object, attribute)
+  # we would expect 
+  out = ''
+  out = "<div class='row #{cycle('odd', 'even')}'>--</div>" if object.send(attribute).empty? 
+  object.send(attribute).sort.each do | item |
+    out << "<div class='row #{cycle('odd', 'even')}'>"
+    out << item._presentation
+    out << '</div>'
+  end
+  out.html_safe
+end
+
+def info_list_edit(object, attribute)
+  # we should raise an error
+end
+
+def info_list_update(object, attribute)
+  # we should raise an errror
+end

data/lib/app/helpers/form_elements/integer_field.rb

@@ -0,0 +1,15 @@
+# -*- encoding : utf-8 -*-
+InlineForms::SPECIAL_COLUMN_TYPES[:integer_field]=:integer
+
+def integer_field_show(object, attribute)
+  link_to_inline_edit object, attribute, object[attribute].nil? ? "<i class='fi-plus'></i>".html_safe : object[attribute]
+end
+
+def integer_field_edit(object, attribute)
+  number_field_tag attribute, (object.send attribute.to_sym), :class => 'input_integer_field'  # for abide: , :required => true
+end
+
+def integer_field_update(object, attribute)
+  object.send :write_attribute, attribute.to_sym, params[attribute.to_sym]
+end
+

data/lib/app/helpers/form_elements/kansen_slider.rb

@@ -0,0 +1,89 @@
+# -*- encoding : utf-8 -*-
+InlineForms::SPECIAL_COLUMN_TYPES[:kansen_slider]=:integer
+
+# kansen_slider
+def kansen_slider_show(object, attribute)
+  values = attribute_values(object, attribute)
+  value = object.send(attribute).to_i         # should be an int
+  display_value = values.assoc(value)[1]      # values should be [ [ 0, value ], [ 3, value2 ] .... ] and we lookup the key, not the place in the array!
+  css_id = "#{object.class.to_s.underscore}_#{object.id}_#{attribute}"
+  if value == 0 || value > 5 
+    out = display_value
+  else
+    out = "<div class='row collapse'>".html_safe
+    out << "<div class='small-5 column slider_value' id='value_#{css_id}'>#{display_value}</div>".html_safe
+    out << "<div class='small-7 column kansen_slider_show slider slider_#{attribute.to_s}' id='slider_#{css_id}'></div>".html_safe
+    out << "<input type='hidden' name='_#{object.class.to_s.underscore}[#{attribute}]' value='0' id='input_#{css_id}' />".html_safe
+    out << ('<script>
+              $(function() {
+                var displayvalues = ' + values.collect {|x| x[1]}.inspect + ';
+                $( "#slider_' + css_id + '" ).slider(
+                  {
+                    value:' + value.to_s + ',
+                    disabled: true,
+                    min: 1,
+                    max: 5,
+                    step: 1,
+                  }
+                );
+              });
+             </script>').html_safe
+    out << "</div>".html_safe
+  end
+  link_to_inline_edit object, attribute, out
+end
+
+def kansen_slider_edit(object, attribute)
+  # the leading underscore is to avoid name conflicts, like 'email' and 'email_type' will result in 'email' and 'email[email_type_id]' in the form!
+  values = attribute_values(object, attribute)
+  value = object.send(attribute).to_i         # should be an int, will be 0 if nil
+  css_id = "#{object.class.to_s.underscore}_#{object.id}_#{attribute}"
+  display_value = values.assoc(value)[1]      # values should be [ [ 0, value ], [ 3, value2 ] .... ] and we lookup the key, not the place in the array!
+  out = "<div class='row collapse'>".html_safe
+  out << "<div class='small-5 column kansen_slider_value' id='value_#{css_id}'>#{display_value}</div>".html_safe
+  out << "<div class='small-7 column kansen_slider_edit slider slider_#{attribute.to_s}' id='slider_#{css_id}'></div>".html_safe
+  out << "<input type='hidden' name='_#{object.class.to_s.underscore}[#{attribute}]' value='0' id='input_#{css_id}' />".html_safe
+  out << ('<script>
+	$(function() {
+    var displayvalues = ' + values.collect {|x| x[1]}.inspect + ';
+		$( "#slider_' + css_id + '" ).slider(
+      {
+        value:' + value.to_s + ',
+        min: 0,
+        max: ' + (values.length - 1 ).to_s + ',
+        step: 1,
+        slide: function( event, ui ) {
+          $( "#input_' + css_id + '" ).val( ui.value );
+          $( "#value_' + css_id + '" ).html( displayvalues[ui.value] );
+        }
+  		}
+    );').html_safe
+  out << ('$( "#value_' + css_id + '" ).html(displayvalues[' + value.to_s + ']);').html_safe
+	out << ('$( "#input_' + css_id + '" ).val(' + value.to_s + ');').html_safe
+	out << ('});
+	</script>').html_safe
+	out << '</div>'.html_safe
+  out
+end
+
+def kansen_slider_update(object, attribute)
+  object[attribute.to_sym] = params[('_' + object.class.to_s.underscore).to_sym][attribute.to_sym]
+end
+
+#<style>
+#	#demo-frame > div.demo { padding: 10px !important; };
+#	</style>
+#
+#
+#
+#<div class="demo">
+#
+#<p>
+#	<label for="amount">Donation amount ($50 increments):</label>
+#	<input type="text" id="amount" style="border:0; color:#f6931f; font-weight:bold;" />
+#</p>
+#
+#<div id="slider"></div>
+#
+#</div><!-- End demo -->
+#

data/lib/app/helpers/form_elements/month_year_picker.rb

@@ -0,0 +1,33 @@
+# -*- encoding : utf-8 -*-
+InlineForms::SPECIAL_COLUMN_TYPES[:month_year_picker]=:date
+
+# date
+def month_year_picker_show(object, attribute)
+  link_to_inline_edit object, attribute, object.send(attribute).nil? ? "<i class='fi-plus'></i>".html_safe : object.send(attribute).strftime("%B %Y")
+end
+
+def month_year_picker_edit(object, attribute)
+  css_id = 'datepicker_' + object.class.to_s.underscore + '_' + object.id.to_s + '_' + attribute.to_s
+  out = text_field_tag attribute, ( object.send(attribute).nil? ? "" : object.send(attribute).strftime("%B %Y") ), :id => css_id, :class =>'datepicker'
+  #out << (hidden_field_tag "hidden_" + attribute.to_s, ( object.send(attribute).nil? ? "" : object.send(attribute).strftime("%d-%m-%Y") ), :id => "hiddden_" + css_id)
+  # http://jsfiddle.net/bopperben/DBpJe/
+  out << "<script>$('##{css_id}').datepicker( {
+    changeMonth: true,
+    changeYear: true,
+    showButtonPanel: true,
+    dateFormat: 'MM yy',
+    regional: '',
+    onClose: function(dateText, inst) { 
+      var month = $('#ui-datepicker-div .ui-datepicker-month :selected').val();
+      var year = $('#ui-datepicker-div .ui-datepicker-year :selected').val();
+      $(this).datepicker('setDate', new Date(year, month, 1));
+    }
+  });</script>".html_safe
+end
+
+def month_year_picker_update(object, attribute)
+  puts 'XXXXXXXXXXXXXXXXXXXXXXXXXX' + object[attribute.to_sym].inspect
+  puts 'XXXXXXXXXXXXXXXXXXXXXXXXXX' + Date.parse(params[attribute.to_sym].to_s).strftime("%F").to_s
+  object[attribute.to_sym] = Date.parse(params[attribute.to_sym].to_s).strftime("%F").to_s
+  puts 'XXXXXXXXXXXXXXXXXXXXXXXXXX' + object[attribute.to_sym].inspect
+end

data/lib/app/helpers/form_elements/move.rb

@@ -0,0 +1,17 @@
+# -*- encoding : utf-8 -*-
+#InlineForms::SPECIAL_COLUMN_TYPES[:text_field]=:string
+
+def move_show(object, attribute)
+  link_to_inline_edit object, attribute, "<i class='fi-plus'></i>".html_safe
+end
+
+def move_edit(object, attribute)
+  values = object.class.send :hash_tree_to_collection
+    select( ('_' + object.class.to_s.underscore).to_sym, attribute, values, :selected => object.id )
+end
+
+def move_update(object, attribute)
+  parent = object.class.find_by_id(params['_' + object.class.to_s.underscore][attribute.to_sym])
+  parent.add_child(object) if parent
+end
+