engine/public/javascripts/admin/custom_fields.js

$(document).ready(function() {

  $('fieldset.fields').parents('form').submit(function() {
    $('fieldset.fields li.template input, fieldset.fields li.template select').attr('disabled', 'disabled');
  });

  var defaultValue = $('fieldset.fields li.template input[type=text]').val();
  var selectOnChange = function(select) {
    select.hide();
    select.prev()
      .show()
      .html(select[0].options[select[0].options.selectedIndex].text);
  }

  var refreshPosition = function() {
    jQuery.each($('fieldset.fields li.added input.position'), function(index) {
      $(this).val(index);
    });
  }

  /* __ fields ___ */
  $('fieldset.fields li.added select').each(function() {
    var select = $(this)
      .hover(function() {
        clearTimeout(select.attr('timer'));
      }, function() {
        select.attr('timer', setTimeout(function() {
          select.hide();
          select.prev().show();
        }, 1000));
      })
      .change(function() { selectOnChange(select); });

    select.prev().click(function() {
      $(this).hide();
      select.show();
    });
  });

  $('fieldset.fields li.template input[type=text]').focus(function() {
    if ($(this).hasClass('void') && $(this).parents('li').hasClass('template'))
      $(this).val('').removeClass('void');
  });

  $('fieldset.fields li.template button').click(function() {
    var lastRow = $(this).parents('li.template');

    var label = lastRow.find('input.label').val().trim();
    if (label == '' || label == defaultValue) return false;

    var newRow = lastRow.clone(true).removeClass('template').addClass('added new').insertBefore(lastRow);

    var dateFragment = '[' + new Date().getTime() + ']';
    newRow.find('input, select').each(function(index) {
      $(this).attr('name', $(this).attr('name').replace('[-1]', dateFragment));
    });

    var select = newRow.find('select')
      .val(lastRow.find('select').val())
      .change(function() { selectOnChange(select); })
      .hover(function() {
        clearTimeout(select.attr('timer'));
      }, function() {
        select.attr('timer', setTimeout(function() {
          select.hide();
          select.prev().show();
        }, 1000));
      });
    select.prev()
      .html(select[0].options[select[0].options.selectedIndex].text)
      .click(function() {
        $(this).hide();
        select.show();
      });

    // then "reset" the form
    lastRow.find('input.label').val(defaultValue).addClass('void');

    // warn the sortable widget about the new row
    $("fieldset.fields ol").sortable('refresh');

    refreshPosition();
  });

  $('fieldset.fields li a.remove').click(function(e) {
    if (confirm($(this).attr('data-confirm'))) {
      var parent = $(this).parents('li');

      if (parent.hasClass('new'))
        parent.remove();
      else {
        var field = parent.find('input.position')
        field.attr('name', field.attr('name').replace('[position]', '[_destroy]'));

        parent.hide().removeClass('added')
      }

      refreshPosition();
    }

    e.preventDefault();
    e.stopPropagation();
  });

  // sortable list
  $("fieldset.fields ol").sortable({
    handle: 'span.handle',
    items: 'li:not(.template)',
    axis: 'y',
    update: refreshPosition
  });

  // edit in depth custom field
  $('fieldset.fields li.item span.actions a.edit').click(function() {
    var link = $(this);
    $.fancybox({
      titleShow: false,
      content: $(link.attr('href')).parent().html(),
      onComplete: function() {
        $('#fancybox-wrap form').submit(function(e) {
          $.fancybox.close();
          e.preventDefault();
          e.stopPropagation();
        });

        var parent = link.parent();

        if (parent.prevAll('select').val() == 'Text') {
          var formatting = parent.prevAll('.text-formatting').val();
          $('#fancybox-wrap #custom_fields_field_text_formatting').val(formatting);
          $('#fancybox-wrap #custom_fields_field_text_formatting_input').show();
        } else {
          $('#fancybox-wrap #custom_fields_field_text_formatting_input').hide();
        }

        var alias = parent.prevAll('.alias').val().trim();
        if (alias == '') alias = makeSlug(link.parent().prevAll('.label').val());
        $('#fancybox-wrap #custom_fields_field__alias').val(alias);

        var hint = parent.prevAll('.hint').val();
        $('#fancybox-wrap #custom_fields_field_hint').val(hint);
      },
      onCleanup: function() {
        var parent = link.parent();

        var alias = $('#fancybox-wrap #custom_fields_field__alias').val().trim();
        if (alias != '') parent.prevAll('.alias').val(alias);
        var hint = $('#fancybox-wrap #custom_fields_field_hint').val().trim();
        if (hint != '') parent.prevAll('.hint').val(hint);
        var formatting = $('#fancybox-wrap #custom_fields_field_text_formatting').val();
        parent.prevAll('.text-formatting').val(formatting);
      }
    })
  });
});