nested_editor_for 0.1.0

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA1:
+  metadata.gz: ca3f776538ef3cac0f158b79dcb420d84a222383
+  data.tar.gz: 09f9a2c066e686e94a6352a2b370e10e7541077a
+SHA512:
+  metadata.gz: 1c9ac93bf8cfe6b1be98e279871291910d61f0e2eaa8d957e237255b070efbfbd31acdbd8599fbf6a7c535c502cbd9499226ee43acdd9c5a557ec421505deec0
+  data.tar.gz: e1f6df80b5919a2d832e3ff82521dfbf94a224e609227f58edeb04a935a6459b1c16e61a7f2f90141b3b5a67f9d634cc41e95fd7b0310c65b5847c7766e5801e

data/.gitignore

@@ -0,0 +1,9 @@
+/.bundle/
+/.yardoc
+/Gemfile.lock
+/_yardoc/
+/coverage/
+/doc/
+/pkg/
+/spec/reports/
+/tmp/

data/.travis.yml

@@ -0,0 +1,4 @@
+language: ruby
+rvm:
+  - 2.1.2
+before_install: gem install bundler -v 1.10.6

data/Gemfile

@@ -0,0 +1,4 @@
+source 'https://rubygems.org'
+
+# Specify your gem's dependencies in nested_editor_for.gemspec
+gemspec

data/README.md

@@ -0,0 +1,36 @@
+# NestedEditorFor
+
+Welcome to your new gem! In this directory, you'll find the files you need to be able to package up your Ruby library into a gem. Put your Ruby code in the file `lib/nested_editor_for`. To experiment with that code, run `bin/console` for an interactive prompt.
+
+TODO: Delete this and the text above, and describe your gem
+
+## Installation
+
+Add this line to your application's Gemfile:
+
+```ruby
+gem 'nested_editor_for'
+```
+
+And then execute:
+
+    $ bundle
+
+Or install it yourself as:
+
+    $ gem install nested_editor_for
+
+## Usage
+
+TODO: Write usage instructions here
+
+## Development
+
+After checking out the repo, run `bin/setup` to install dependencies. Then, run `rake false` to run the tests. You can also run `bin/console` for an interactive prompt that will allow you to experiment.
+
+To install this gem onto your local machine, run `bundle exec rake install`. To release a new version, update the version number in `version.rb`, and then run `bundle exec rake release`, which will create a git tag for the version, push git commits and tags, and push the `.gem` file to [rubygems.org](https://rubygems.org).
+
+## Contributing
+
+Bug reports and pull requests are welcome on GitHub at https://github.com/[USERNAME]/nested_editor_for.
+

data/Rakefile

@@ -0,0 +1 @@
+require "bundler/gem_tasks"

data/bin/console

@@ -0,0 +1,14 @@
+#!/usr/bin/env ruby
+
+require "bundler/setup"
+require "nested_editor_for"
+
+# You can add fixtures and/or initialization code here to make experimenting
+# with your gem easier. You can also use a different console, if you like.
+
+# (If you use this, don't forget to add pry to your Gemfile!)
+# require "pry"
+# Pry.start
+
+require "irb"
+IRB.start

data/bin/setup

@@ -0,0 +1,7 @@
+#!/bin/bash
+set -euo pipefail
+IFS=$'\n\t'
+
+bundle install
+
+# Do any other automated setup that you need to do here

data/lib/nested_editor_for/builder.rb

@@ -0,0 +1,129 @@
+module NestedEditorFor
+  module Builder
+    attr_reader :object, :template
+
+
+
+    # override: do arrays like attributes
+    def fields_for(method_or_object, *args, &block)
+      options = args.extract_options!
+      if @object
+        case method_or_object
+        when String, Symbol
+          object = @object.send method_or_object
+          if object.is_a?(Array) or object.is_a?(ActiveRecord::Relation)
+            name = options[:name] || "#{@object_name}[#{method_or_object}_attributes]"
+            return ((0...object.length).collect do |i|
+              template.fields_for("#{name}[#{i}]", object[i], *args, &block)
+            end).join.html_safe
+          else
+            name = options[:name] || method_or_object
+            return super(name, object, *args, &block)
+          end
+        end
+      end
+
+      super(method_or_object, *args, &block)
+    end
+
+
+
+    def hidden_field(method_or_object, *args)
+      method = case method_or_object
+      when String, Symbol; method_or_object
+      when Array; obj.first.class.name.tableize.singularize
+      else; obj.class.name.tableize.singularize
+      end
+
+      html_options = args.extract_options!
+      html_options[:id] = html_options[:name].parameterize.underscore if html_options[:name] && !html_options.key?(:id)
+      html_options["data-attr"] = method
+
+      super(method_or_object, html_options)
+    end
+
+
+
+    def static_field(method, value)
+      attr_name = "#{@object_name}[#{method}]"
+      html_options = {
+        'data-attr' => method,
+        :type => "hidden",
+        :value => value,
+        :attr => attr_name,
+        :name => attr_name
+      }
+      template.tag("input", html_options)
+    end
+
+
+
+    def nested_editor_for(method, *args, &block)
+      raise ArgumentError, "Missing block" unless block_given?
+
+      template.instance_variable_set "@enable_nested_records", true
+
+      attr_name = "#{@object_name}[#{method}_attributes]"
+
+      # for some reason, things break if I make "#{@object_name}[#{object_name.to_s}_attributes]" the 'id' of the table
+      template.content_tag(:div, class: "nested editor") do
+        template.content_tag(:ol, attr: attr_name) do
+          nested_editor_wrapper(method, attr_name, &block)
+        end
+      end
+    end
+
+
+
+  private
+
+
+
+    def nested_editor_wrapper(method, attr_name, &block)
+      i = -1
+      fields_for(method, name: attr_name) do |f|
+        i += 1
+        nested_editor_row(f, attr_name, i, method, &block)
+      end
+    end
+
+    def nested_editor_row(f, attr_name, i, method, &block)
+      singular = method.to_s.singularize
+      attr_name = "#{attr_name}[#{i}]".html_safe # for sake of EditorBuilder which wants to pass "'+i+'"
+      html_options = {
+        class: "nested-row #{singular}",
+        :id => "#{singular}_#{i}".html_safe, # for sake of EditorBuilder which wants to pass "'+i+'"
+        :name => attr_name,
+        :attr => attr_name
+      }
+      template.content_tag(:li, html_options) do
+        nested_row_hidden_properties(f) <<
+        template.capture(f, &block) <<
+        delete_nested_command <<
+        add_nested_command
+      end
+    end
+
+    def nested_row_hidden_properties(f)
+      template.content_tag(:div, class: "hidden") do
+        (f.hidden_field :id) <<
+        (f.static_field :_destroy, (f.object.respond_to?(:_destroy) && f.object._destroy) ? 1 : 0)
+      end
+    end
+
+    def delete_nested_command
+      template.content_tag(:span, class: "delete-nested") do
+        "<a class=\"delete-link delete-nested-link\" href=\"#\" title=\"Delete\">Delete</a>".html_safe
+      end
+    end
+
+    def add_nested_command
+      template.content_tag(:span, class: "add-nested") do
+        "<a class=\"add-link add-nested-link\" href=\"#\" title=\"Add\">Add</a>".html_safe
+      end
+    end
+
+
+
+  end
+end

data/lib/nested_editor_for/engine.rb

@@ -0,0 +1,5 @@
+# Configure Rails 3.1 to have assets in the load path
+module NestedEditorFor
+  class Engine < Rails::Engine
+  end
+end

data/lib/nested_editor_for/version.rb

@@ -0,0 +1,3 @@
+module NestedEditorFor
+  VERSION = "0.1.0"
+end

data/lib/nested_editor_for.rb

@@ -0,0 +1,6 @@
+require "nested_editor_for/version"
+require "nested_editor_for/engine"
+require "nested_editor_for/builder"
+require "action_view/helpers"
+
+ActionView::Helpers::FormBuilder.send :prepend, NestedEditorFor::Builder

data/nested_editor_for.gemspec

@@ -0,0 +1,22 @@
+# coding: utf-8
+lib = File.expand_path('../lib', __FILE__)
+$LOAD_PATH.unshift(lib) unless $LOAD_PATH.include?(lib)
+require 'nested_editor_for/version'
+
+Gem::Specification.new do |spec|
+  spec.name          = "nested_editor_for"
+  spec.version       = NestedEditorFor::VERSION
+  spec.authors       = ["Bob Lail"]
+  spec.email         = ["bob.lailfamily@gmail.com"]
+
+  spec.summary       = %q{Extends FormBuilder to support editing child records}
+  spec.homepage      = "https://github.com/boblail/nested_editor_for"
+
+  spec.files         = `git ls-files -z`.split("\x0").reject { |f| f.match(%r{^(test|spec|features)/}) }
+  spec.bindir        = "exe"
+  spec.executables   = spec.files.grep(%r{^exe/}) { |f| File.basename(f) }
+  spec.require_paths = ["lib"]
+
+  spec.add_development_dependency "bundler", "~> 1.10"
+  spec.add_development_dependency "rake", "~> 10.0"
+end

data/vendor/assets/javascripts/nested_editor_for.js

@@ -0,0 +1,225 @@
+(function () {
+
+  function enableNestedEditors() {
+    enableNestedEditorsIn(document.body);
+  }
+
+  function enableNestedEditorsIn(parent) {
+    withEach(findNestedEditors(parent), initializeNestedEditor);
+  }
+
+  function updateNestedEditors() {
+    updateNestedEditorsIn(document.body);
+  }
+
+  function updateNestedEditorsIn(parent) {
+    withEach(findNestedEditors(parent), updateNestedEditor);
+  }
+
+  function findNestedEditors(parent) {
+    return $(parent).find('.nested.editor');
+  }
+
+  function initializeNestedEditor(nested_editor) {
+    $(nested_editor).on('click',    '.add-nested-link', nestedRowAction(addNestedRow));
+    $(nested_editor).on('click', '.delete-nested-link', nestedRowAction(deleteNestedRow));
+    updateNestedEditor(nested_editor);
+
+    // Hide rows that were created with _destroy="1"
+    var deleted_rows = $(nested_editor).find('[data-attr="_destroy"][value="1"]');
+    for(var i=0, ii=deleted_rows.length, row, input; i<ii; i++) {
+      input = deleted_rows[i];
+      row = $(input).closest('.nested-row')[0];
+      row && $(row).hide();
+    }
+  }
+
+  function nestedRowAction(action) {
+    return function(e) {
+      e.preventDefault();
+      e.stopPropagation();
+      var row = getNestedRowFromEvent(e);
+      row && action(row);
+    }
+  }
+
+  function getNestedRowFromEvent(e) {
+    var row = $(e.target).closest('.nested-row')[0];
+    row || FT.debug('[getParentNestedRow] .nested-row not found');
+    return row;
+  }
+
+
+
+  function addNestedRow(row) {
+    if(!row.parentNode) {return;}
+    var nested_editor = $(row).closest('.nested.editor')[0];
+
+    // Clone a row
+    var new_row   = $(row).clone()[0],
+        name      = $(new_row).attr('name').replace(/\[(\d+)\]/, function(m, n){return '['+(Number(n)+1)+']';});
+    new_row.id    = row.id.replace(/(\d+)$/, function(m, n){return Number(n) + 1;});
+    $(new_row).attr('name', name);
+    $(new_row).attr('attr', name);
+    row.parentNode.appendChild(new_row);
+
+    // Reset the cloned row's values
+    setNestedRowFieldValue(new_row, '_destroy', 0);
+    setNestedRowFieldValue(new_row, 'id', '');
+    resetFormFieldsIn(new_row);
+    selectFirstFieldIn(new_row);
+
+    // observer.fire('after_add_nested', [nested_editor, new_row]);
+    updateNestedEditor(nested_editor);
+  }
+
+  function deleteNestedRow(row) {
+    if(!row.parentNode) {return;}
+    var nested_editor = $(row).closest('.nested.editor')[0];
+
+    // How many undeleted records are left? Only 1? Create a new empty record.
+    var undeleted_rows = 0;
+    withEach(row.parentNode.childNodes, function(row) {
+      (getNestedRowFieldValue(row, '_destroy') != '1') && (undeleted_rows++);
+    });
+    (undeleted_rows <= 1) && addNestedRow(row);
+
+    // Give focus either to the previous row or the next row
+    var previous_row = $(row).prev()[0] || $(row).next()[0];
+    selectFirstFieldIn(previous_row);
+
+    // Remove or hide the deleted record
+    if(getNestedRowFieldValue(row, 'id')) {
+      setNestedRowFieldValue(row, '_destroy', 1);
+      $(row).hide();
+    } else {
+      row.parentNode.removeChild(row);
+    }
+
+    // observer.fire('after_delete_nested', [nested_editor, row]);
+    updateNestedEditor(nested_editor);
+  }
+
+  function getNestedRowFieldValue(row, attr) {
+    var field = getNestedRowField(row, attr);
+    return field && field.value;
+  }
+
+  function setNestedRowFieldValue(row, attr, value) {
+    var field = getNestedRowField(row, attr);
+    field && (field.value = value);
+  }
+
+  function getNestedRowField(row, attr) {
+    return $(row).find('[data-attr="' + attr + '"]')[0];
+  }
+
+
+
+
+  function updateNestedEditor(nested_editor) {
+    var object_name   = $(nested_editor).attr('name'),
+        rows          = $(nested_editor).find('.nested-row'),
+        visible_rows  = [],
+        row;
+
+    for(var i=0, ii=rows.length; i<ii; i++) {
+      row = rows[i];
+      renumberNestedRow(row, i);
+      (getNestedRowFieldValue(row, '_destroy') != '1') && visible_rows.push(row);
+    }
+
+    var ii = visible_rows.length - 1;
+    for(var i=0; i<ii; i++) { setAddNestedVisibility(visible_rows[i],  'hidden'); }
+    if(ii >= 0)             { setAddNestedVisibility(visible_rows[ii], 'visible'); }
+
+    // observer.fire('after_reset_nested', nested_editor);
+  }
+
+  function renumberNestedRow(row, i) {
+    withEach($(row).find('input, textarea, select'), function(e) {
+      var name = $(e).attr('name');
+      if(name) {
+        $(e).attr('name', name.replace(/\[(\d+)\]/, function() { return '[' + i + ']'; }));
+      }
+    });
+  }
+
+  function setAddNestedVisibility(row, add_visibility) {
+    var add_link = $(row).find('.add-link')[0];
+    add_link && $(add_link).css({visibility: add_visibility});
+  }
+
+
+
+  function resetNestedEditor(nested_editor) {
+    var nested_rows = $(nested_editor).find('.nested-row');
+    for(var i=1, ii=nested_rows.length; i<ii; i++) {
+      var row = nested_rows[i];
+      row.parentNode.removeChild(row);
+    }
+    updateNestedEditor(nested_editor);
+  }
+
+
+
+  function withEach(array, fn) {
+    for(var i=0, ii=array.length; i<ii; i++) { fn(array[i]); }
+  }
+
+  function member(array, item) {
+    for(var i=0, ii=array.length; i<ii; i++) {
+      if(array[i] == item) { return true; }
+    }
+    return false;
+  }
+
+  function resetFormFieldsIn(parent, options) {
+    var inputs          = $(parent).find('input[type="text"], input[type="tel"], input[type="email"], textarea'),
+        selects         = $(parent).find('select'),
+        nested_editors  = $(parent).find('.nested.editor');
+        options         = options || {};
+
+    function fieldToBeReset(id) {
+      return !(options.only && !member(options.only, input.id)) &&
+             !(options.except && member(options.except, input.id));
+    }
+
+    for(var i=0, ii=inputs.length; i<ii; i++) {
+      var input = inputs[i];
+      fieldToBeReset(input.id) && (input.value = '');
+    }
+    for(var i=0, ii=selects.length; i<ii; i++) {
+      var select = selects[i];
+      fieldToBeReset(select.id) && (select.selectedIndex = 0);
+    }
+    for(var i=0, ii=nested_editors.length; i<ii; i++) {
+      resetNestedEditor(nested_editors[i]);
+    }
+  }
+
+  function selectFirstFieldIn(parent) {
+    var inputs = $(parent).find('input, select, textarea');
+    for(var i=0, ii=inputs.length; i<ii; i++) {
+      var input = inputs[i];
+      if($(input).is(':visible') && (input.type != 'hidden')) {
+        $(input).focus();
+        return;
+      }
+    }
+  }
+
+
+
+  window.NestedEditorFor = {
+    init:             enableNestedEditors,
+    enableAll:        enableNestedEditors,
+    enableIn:         enableNestedEditorsIn,
+    updateAll:        updateNestedEditors,
+    updateIn:         updateNestedEditorsIn,
+
+    addRow:           addNestedRow,
+    deleteRow:        deleteNestedRow,
+    getRowFromEvent:  getNestedRowFromEvent
+  };
+})();

metadata

@@ -0,0 +1,84 @@
+--- !ruby/object:Gem::Specification
+name: nested_editor_for
+version: !ruby/object:Gem::Version
+  version: 0.1.0
+platform: ruby
+authors:
+- Bob Lail
+autorequire: 
+bindir: exe
+cert_chain: []
+date: 2015-09-07 00:00:00.000000000 Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: bundler
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '1.10'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '1.10'
+- !ruby/object:Gem::Dependency
+  name: rake
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '10.0'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '10.0'
+description: 
+email:
+- bob.lailfamily@gmail.com
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- ".gitignore"
+- ".travis.yml"
+- Gemfile
+- README.md
+- Rakefile
+- bin/console
+- bin/setup
+- lib/nested_editor_for.rb
+- lib/nested_editor_for/builder.rb
+- lib/nested_editor_for/engine.rb
+- lib/nested_editor_for/version.rb
+- nested_editor_for.gemspec
+- vendor/assets/javascripts/nested_editor_for.js
+homepage: https://github.com/boblail/nested_editor_for
+licenses: []
+metadata: {}
+post_install_message: 
+rdoc_options: []
+require_paths:
+- lib
+required_ruby_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: '0'
+required_rubygems_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: '0'
+requirements: []
+rubyforge_project: 
+rubygems_version: 2.2.2
+signing_key: 
+specification_version: 4
+summary: Extends FormBuilder to support editing child records
+test_files: []