os_slideshow.admin.js

(function ($) {
  Drupal.behaviors.ombuslideAdmin = {
    attach: function(context, settings) {
      if (!$(context).hasClass('draggable')) {
        // Hide all current slide forms.
        $('table#field-slideshow-slides-values tr.draggable:not(:last, .ombuslide-processed)', context).each(function() {
          var $form = $(this).addClass('ombuslide-processed').find("> td:nth-child(2)")
          Drupal.ombuslideAdmin.setupForm($form);
          $form.before(Drupal.ombuslideAdmin.createOverview($form));
        });
        // Hide new slide form.
        $('table#field-slideshow-slides-values tr.draggable:last', context).each(function() {
          if (!$(this).hasClass('ombuslide-processed')) {
            var $form = $(this).addClass('ombuslide-processed').find("> td:nth-child(2)")
            Drupal.ombuslideAdmin.setupForm($form);
            $form.before(Drupal.ombuslideAdmin.createAdd($form));
          }
        });
      }
    }
  }

  Drupal.ombuslideAdmin = Drupal.ombuslideAdmin || {};

  // Initially hide individual slide forms and add "Collapse" button when form is
  // displayed.
  Drupal.ombuslideAdmin.setupForm = function($form) {
    $form.addClass("slide-form").hide();
    var $button = $('<div class="form-actions"><input class="form-submit submit" type="button" value="Collapse" /></div>').click(function() {
      $form.hide();
      Drupal.ombuslideAdmin.triggerChange();
      $form.before(Drupal.ombuslideAdmin.createOverview($form));
      return false;
    });
    $form.append($button);
  }

  // Create overview page for the add new slide form.
  Drupal.ombuslideAdmin.createAdd = function($form) {
    var html = $(Drupal.theme('ombuslideNewOverview'));

    html.find("a.add").click(function() {
      $form.show();
      $(this).parents('td.overview').remove();
      return false;
    });

    return html;
  };

  // Create overview page for existing slides.
  Drupal.ombuslideAdmin.createOverview = function($form) {
    var html = $(Drupal.theme('ombuslideOverview', $form));

    html.find(".edit").click(function() {
      $form.show();
      $(this).parents('td.overview').remove();
      return false;
    });

    return html;
  };

  // Borrow the changed warning system from tabledrag to indicate to user that
  // form still needs to be saved.
  Drupal.ombuslideAdmin.triggerChange = function() {
    if (Drupal.tableDrag['field-slideshow-slides-values'].changed == false) {
      $(Drupal.theme('tableDragChangedWarning')).insertBefore(Drupal.tableDrag['field-slideshow-slides-values'].table).hide().fadeIn('slow');
      Drupal.tableDrag['field-slideshow-slides-values'].changed = true;
    }
  }

  Drupal.theme.prototype.ombuslideNewOverview = function() {
    return '<td class="overview"><ul class="links"><li><a class="add" href="#">New Slide</a></li></ul></td>';
  }

  Drupal.theme.prototype.ombuslideOverview = function($form) {
    var html = '<td class="overview"><div class="overview-column">';
    if ($("div.media-thumbnail", $form).html()) {
      html += $("div.media-thumbnail", $form).html();
    }
    html += '</div><div class="overview-column title">';
    if ($(".field-name-field-slide-headline input", $form).val()) {
      html += $(".field-name-field-slide-headline input", $form).val();
    }
    html += '</div>';
    html += '<div class="overview-column form-actions form-wrapper"><input type="button" class="form-submit edit" value="Expand" /></div>';
    html += '</td>';
    return html;
  }
})(jQuery);