vanilla_nested 1.0.0

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA1:
+  metadata.gz: 42bb398c9c058f38333cb4c3af17957fb5477da3
+  data.tar.gz: bae3d4d29d855c18f9f676e7a3aeed0b58b67e5b
+SHA512:
+  metadata.gz: 8a45642b3b74560d5cbfa90178f37c9eac5daf890ed2e0f25915e57b2bccdc5f4006d3106d04dfac2370e95d3d5ca9c444b8c50266a105698aa4a8901484b535
+  data.tar.gz: 5a476ebc770c15df32a6bd3579534acf7f3d7f4bed4f54ba9d278c63d2af6d679a373e0b0feccb33a8361428cec62cd36dbaeb81d4fa7a91204b08a375e50755

data/app/assets/javascripts/vanilla_nested.js

@@ -0,0 +1,100 @@
+(function(){
+  window.addVanillaNestedFields = function(event) {
+    event.preventDefault();
+    const element = event.target;
+    const data = element.dataset;
+    const newHtml = data.html.replace(/_idx_placeholder_/g, Date.now());
+    const container = document.querySelector(data.containerSelector);
+
+    let inserted;
+    switch (data.methodForInsert) {
+      case ('append'):
+        container.insertAdjacentHTML('beforeend', newHtml);
+        inserted = container.lastElementChild;
+        break;
+      case ('prepend'):
+        container.insertAdjacentHTML('afterbegin', newHtml);
+        inserted = container.firstElementChild;
+        break;
+    }
+    _dispatchEvent(container, 'vanilla-nested:fields-added', element, {added: inserted})
+  }
+
+  window.removeVanillaNestedFields = function(event) {
+    event.preventDefault();
+    const element = event.target;
+    const data = element.dataset;
+    let wrapper = element.parentElement;
+    if (sel = data.fieldsWrapperSelector) wrapper = element.closest(sel);
+
+    if (data.undoTimeout) {
+      hideFieldsWithUndo(wrapper, element);
+      _dispatchEvent(wrapper, 'vanilla-nested:fields-hidden', element);
+    } else {
+      hideWrapper(wrapper);
+      unhideFields(wrapper);
+      _dispatchEvent(wrapper, 'vanilla-nested:fields-removed', element);
+    }
+    wrapper.querySelector('[name$="[_destroy]"]').value = '1';
+  }
+
+  function hideWrapper(wrapper) {
+    wrapper.style.display = 'none';
+  }
+
+  function unhideFields(wrapper) {
+    [...wrapper.children].forEach(child => child.style.display = 'initial');
+  }
+
+  function hideFieldsWithUndo(wrapper, element) {
+    [...wrapper.children].forEach(child => child.style.display = 'none');
+
+    // add the 'undo' link with it's callback
+    const undoLink = _createUndoWithElementsData(element.dataset);
+    wrapper.appendChild(undoLink);
+
+    const _onUndoClicked = function(e) {
+      e.preventDefault();
+      clearTimeout(timer);
+      unhideFields(wrapper);
+      wrapper.querySelector('[name$="[_destroy]"]').value = '0';
+      _dispatchEvent(wrapper, 'vanilla-nested:fields-hidden-undo', undoLink);
+      undoLink.remove();
+    }
+
+    undoLink.addEventListener('click', _onUndoClicked);
+
+    // start the timer
+    const _onTimerCompleted = function() {
+      hideWrapper(wrapper);
+      unhideFields(wrapper);
+      _dispatchEvent(wrapper, 'vanilla-nested:fields-removed', undoLink);
+      undoLink.remove();
+    }
+
+    let ms = element.dataset.undoTimeout;
+    let timer = setTimeout(_onTimerCompleted, ms);
+  }
+
+
+
+  function _dispatchEvent(element, eventName, triggeredBy, details) {
+    if (!details) details = {};
+    details.triggeredBy = triggeredBy;
+
+    let event = new CustomEvent(eventName, {bubbles: true, detail: details})
+    element.dispatchEvent(event);
+  }
+
+  function _createUndoWithElementsData(data) {
+    const undo = document.createElement('A');
+
+    undo.classList.add('vanilla-nested-undo');
+    if (classes = data.undoLinkClasses)
+      undo.classList.add(...classes.split(' '));
+
+    undo.innerText = data.undoText;
+
+    return undo;
+  }
+})()

data/lib/vanilla_nested.rb

@@ -0,0 +1,11 @@
+require 'vanilla_nested/view_helpers'
+
+module VanillaNested
+  class Engine < ::Rails::Engine
+    initializer "vanilla_nested.initialize" do |app|
+      ActiveSupport.on_load :action_view do
+        ActionView::Base.send :include, VanillaNested::ViewHelpers
+      end
+    end
+  end
+end

data/lib/vanilla_nested/view_helpers.rb

@@ -0,0 +1,30 @@
+module VanillaNested
+  module ViewHelpers
+    def link_to_add_nested(form, association, container_selector, link_text: nil, link_classes: '', insert_method: :append, partial: nil, partial_form_variable: :form)
+      association_class = form.object.class.reflections[association.to_s].klass
+      object = association_class.new
+
+      partial_name = partial ? partial : "#{association_class.name.downcase}_fields"
+
+      html = capture do
+        form.fields_for association, object, child_index: "_idx_placeholder_" do |ff|
+          render partial: partial_name, locals: {partial_form_variable => ff}
+        end
+      end
+
+      methodForInsert = [:append, :prepend].include?(insert_method.to_sym) ? insert_method : :append
+
+      classes = "vanilla-nested-add #{link_classes}"
+      link_to '#', class: classes, onclick: 'addVanillaNestedFields(event)', data: {'container-selector': container_selector, html: html, 'method-for-insert': methodForInsert} do
+        link_text || "Add #{association_class.model_name}"
+      end
+    end
+
+    def link_to_remove_nested(form, link_text: 'X', fields_wrapper_selector: nil, undo_link_timeout: nil, undo_link_text: 'Undo', undo_link_classes: '')
+      capture do
+        concat form.hidden_field(:_destroy, value: 0)
+        concat link_to(link_text, '#', class: 'vanilla-nested-remove', onclick: 'removeVanillaNestedFields(event)', data: {'fields-wrapper-selector': fields_wrapper_selector, 'undo-timeout': undo_link_timeout, 'undo-text': undo_link_text, 'undo-link-classes': undo_link_classes})
+      end
+    end
+  end
+end

metadata

@@ -0,0 +1,46 @@
+--- !ruby/object:Gem::Specification
+name: vanilla_nested
+version: !ruby/object:Gem::Version
+  version: 1.0.0
+platform: ruby
+authors:
+- Ariel Juodziukynas <arieljuod@gmail.com>
+autorequire: 
+bindir: bin
+cert_chain: []
+date: 2019-04-10 00:00:00.000000000 Z
+dependencies: []
+description: 
+email: arieljuod@gmail.com
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- app/assets/javascripts/vanilla_nested.js
+- lib/vanilla_nested.rb
+- lib/vanilla_nested/view_helpers.rb
+homepage: https://github.com/arielj/vanilla-nested
+licenses:
+- GPL-3.0
+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.6.14.1
+signing_key: 
+specification_version: 4
+summary: Dynamic nested forms using vanilla javascript
+test_files: []