jquery.nested_attributes.js

// Generated by CoffeeScript 1.11.0

/*
Authors: Nick Giancola (@patbenatar), Brendan Loudermilk (@bloudermilk)
Homepage: https://github.com/patbenatar/jquery-nested_attributes
 */

(function() {
  var $, NestedAttributes, methods, textInputTypes,
    bind = function(fn, me){ return function(){ return fn.apply(me, arguments); }; };

  $ = jQuery;

  textInputTypes = {
    text: true,
    search: true,
    number: true,
    email: true,
    datetime: true,
    'datetime-local': true,
    date: true,
    month: true,
    week: true,
    time: true,
    tel: true,
    url: true,
    color: true,
    range: true
  };

  $.expr[':'].textall = function(elem) {
    return !!textInputTypes[elem.getAttribute('type')];
  };

  methods = {
    init: function(options) {
      var $el, instance;
      $el = $(this);
      if ($el.length > 1) {
        throw "Can't initialize more than one item at a time";
      }
      if ($el.data("nestedAttributes")) {
        throw "Can't initialize on this element more than once";
      }
      instance = new NestedAttributes($el, options);
      $el.data("nestedAttributes", instance);
      return $el;
    },
    add: function() {
      var $el;
      $el = $(this);
      if ($el.data("nestedAttributes") == null) {
        throw "You are trying to call instance methods without initializing first";
      }
      $el.data("nestedAttributes").addItem();
      return $el;
    }
  };

  $.fn.nestedAttributes = function(method) {
    if (methods[method] != null) {
      return methods[method].apply(this, Array.prototype.slice.call(arguments, 1));
    } else if (typeof method === 'object' || !method) {
      return methods.init.apply(this, arguments);
    } else {
      return $.error("Method " + method + " does not exist on jQuery.nestedAttributes");
    }
  };

  NestedAttributes = (function() {
    NestedAttributes.prototype.RELEVANT_INPUTS_SELECTOR = ":input[name][name!=\"\"]";

    NestedAttributes.prototype.settings = {
      collectionName: false,
      bindAddTo: false,
      removeOnLoadIf: false,
      collectIdAttributes: true,
      beforeAdd: false,
      afterAdd: false,
      beforeMove: false,
      afterMove: false,
      beforeDestroy: false,
      afterDestroy: false,
      destroySelector: '.destroy',
      deepClone: true,
      $clone: null
    };

    function NestedAttributes($el, options) {
      this.destroyClick = bind(this.destroyClick, this);
      this.addClick = bind(this.addClick, this);
      var item, j, len, ref;
      this.$container = $el;
      this.options = $.extend({}, this.settings, options);
      if (this.options.bindAddTo) {
        this.options.bindAddTo.click(this.addClick);
      }
      this.$items = this.$container.children();
      if (!this.options.collectionName) {
        this.autodetectCollectionName();
      }
      this.$items.each((function(_this) {
        return function(i, el) {
          var $item;
          $item = $(el);
          if (_this.options.collectIdAttributes && $item.is('input')) {
            $item.appendTo($item.prev());
            return _this.$items = _this.$items.not($item);
          } else {
            return _this.bindDestroy($item);
          }
        };
      })(this));
      ref = this.$items;
      for (j = 0, len = ref.length; j < len; j++) {
        item = ref[j];
        this.hideIfAlreadyDestroyed($(item));
      }
      if (this.options.removeOnLoadIf) {
        this.$items.each((function(_this) {
          return function(i, el) {
            $el = $(el);
            if ($el.call(true, _this.options.removeOnLoadIf, i)) {
              return $el.remove();
            }
          };
        })(this));
      }
    }

    NestedAttributes.prototype.autodetectCollectionName = function() {
      var error, match, pattern;
      pattern = /\[(.[^\]]*)_attributes\]/;
      try {
        match = pattern.exec(this.$items.first().find(this.RELEVANT_INPUTS_SELECTOR + ":first").attr('name'))[1];
        if (match !== null) {
          return this.options.collectionName = match;
        } else {
          throw "Regex error";
        }
      } catch (error1) {
        error = error1;
        return console.log("Error detecting collection name", error);
      }
    };

    NestedAttributes.prototype.addClick = function(event) {
      this.addItem();
      return event.preventDefault();
    };

    NestedAttributes.prototype.addItem = function() {
      var $newClone, newIndex;
      newIndex = this.$items.length;
      $newClone = this.applyIndexToItem(this.extractClone(), newIndex);
      if (this.options.beforeAdd) {
        if (!this.options.beforeAdd.call(void 0, $newClone, newIndex)) {
          return false;
        }
      }
      this.$container.append($newClone);
      if (this.options.afterAdd) {
        this.options.afterAdd.call(void 0, $newClone, newIndex);
      }
      return this.refreshItems();
    };

    NestedAttributes.prototype.extractClone = function() {
      var $record;
      if (this.$restorableClone) {
        $record = this.$restorableClone;
        this.$restorableClone = null;
      } else {
        $record = this.options.$clone || this.$items.first();
        $record = $record.clone(this.options.deepClone);
        if (this.options.$clone || !this.options.deepClone) {
          this.bindDestroy($record);
        }
        $record.find('input:textall, input[type=file], textarea, select').val('');
        $record.find(':checkbox, :radio').attr("checked", false);
        $record.find('input[name$="\\[id\\]"]').remove();
        $record.find('input[name$="\\[_destroy\\]"]').remove();
      }
      return $record.show();
    };

    NestedAttributes.prototype.applyIndexToItem = function($item, index) {
      var collectionName;
      collectionName = this.options.collectionName;
      $item.find(this.RELEVANT_INPUTS_SELECTOR).each((function(_this) {
        return function(i, el) {
          var $el, idRegExp, idReplacement, nameRegExp, nameReplacement, newID, newName;
          $el = $(el);
          idRegExp = new RegExp("_" + collectionName + "_attributes_\\d+_");
          idReplacement = "_" + collectionName + "_attributes_" + index + "_";
          nameRegExp = new RegExp("\\[" + collectionName + "_attributes\\]\\[\\d+\\]");
          nameReplacement = "[" + collectionName + "_attributes][" + index + "]";
          if ($el.attr('id')) {
            newID = $el.attr('id').replace(idRegExp, idReplacement);
          }
          newName = $el.attr('name').replace(nameRegExp, nameReplacement);
          return $el.attr({
            id: newID,
            name: newName
          });
        };
      })(this));
      $item.find('label[for]').each((function(_this) {
        return function(i, el) {
          var $el, error, forRegExp, forReplacement, newFor;
          $el = $(el);
          try {
            forRegExp = new RegExp("_" + collectionName + "_attributes_\\d+_");
            forReplacement = "_" + collectionName + "_attributes_" + index + "_";
            newFor = $el.attr('for').replace(forRegExp, forReplacement);
            return $el.attr('for', newFor);
          } catch (error1) {
            error = error1;
            return console.log("Error updating label", error);
          }
        };
      })(this));
      return $item;
    };

    NestedAttributes.prototype.hideIfAlreadyDestroyed = function($item) {
      var $destroyField;
      $destroyField = $item.find("[name$='[_destroy]']");
      if ($destroyField.length && $destroyField.val() === "true") {
        return this.destroy($item);
      }
    };

    NestedAttributes.prototype.destroyClick = function(event) {
      event.preventDefault();
      return this.destroy($(event.target).parentsUntil(this.$container).last());
    };

    NestedAttributes.prototype.destroy = function($item) {
      var $destroyField, attributePosition, destroyFieldName, index, itemIsNew, otherFieldName;
      if (!(this.$items.length - 1)) {
        this.$restorableClone = this.extractClone();
      }
      index = this.indexForItem($item);
      itemIsNew = $item.find('input[name$="\\[id\\]"]').length === 0;
      if (this.options.beforeDestroy) {
        if (!this.options.beforeDestroy.call(void 0, $item, index, itemIsNew)) {
          return false;
        }
      }
      if (!(this.$items.filter(':visible').length - 1)) {
        this.addItem();
      }
      if (itemIsNew) {
        $item.remove();
      } else {
        $item.hide();
        otherFieldName = $item.find(':input[name]:first').attr('name');
        attributePosition = otherFieldName.lastIndexOf('[');
        destroyFieldName = (otherFieldName.substring(0, attributePosition)) + "[_destroy]";
        $destroyField = $item.find("input[name='" + destroyFieldName + "']");
        if ($destroyField.length === 0) {
          $destroyField = $("<input type=\"hidden\" name=\"" + destroyFieldName + "\" />");
          $item.append($destroyField);
        }
        $destroyField.val(true).change();
      }
      if (this.options.afterDestroy) {
        this.options.afterDestroy.call($item, index, itemIsNew);
      }
      this.refreshItems();
      return this.resetIndexes();
    };

    NestedAttributes.prototype.indexForItem = function($item) {
      var name, regExp;
      regExp = new RegExp("\\[" + this.options.collectionName + "_attributes\\]\\[\\d+\\]");
      name = $item.find(this.RELEVANT_INPUTS_SELECTOR + ":first").attr('name');
      return parseInt(name.match(regExp)[0].split('][')[1].slice(0, -1), 10);
    };

    NestedAttributes.prototype.refreshItems = function() {
      return this.$items = this.$container.children();
    };

    NestedAttributes.prototype.resetIndexes = function() {
      return this.$items.each((function(_this) {
        return function(i, el) {
          var $el, oldIndex;
          $el = $(el);
          oldIndex = _this.indexForItem($el);
          if (i === oldIndex) {
            return true;
          }
          if (_this.options.beforeMove) {
            _this.options.beforeMove.call($el, i, oldIndex);
          }
          _this.applyIndexToItem($el, i);
          if (_this.options.afterMove) {
            return _this.options.afterMove.call($el, i, oldIndex);
          }
        };
      })(this));
    };

    NestedAttributes.prototype.bindDestroy = function($item) {
      if (this.options.destroySelector) {
        return $item.find(this.options.destroySelector).click(this.destroyClick);
      }
    };

    NestedAttributes.prototype.itemCount = function() {
      return this.$items.filter(':visible').length;
    };

    return NestedAttributes;

  })();

}).call(this);