Club Drupal

(function ($) {

/**

 * Toggle the visibility of a fieldset using smooth animations.

 */

Drupal.toggleFieldset = function (fieldset) {

  var $toggle = $($(fieldset).find('[data-toggle=collapse]').data('target'));

  if ($toggle.length) {

    $toggle.collapse('toggle');

  }

};

/**

 * Scroll a given fieldset into view as much as possible.

 */

Drupal.collapseScrollIntoView = function (node) {

  var h = document.documentElement.clientHeight || document.body.clientHeight || 0;

  var offset = document.documentElement.scrollTop || document.body.scrollTop || 0;

  var posY = $(node).offset().top;

  var fudge = 55;

  if (posY + node.offsetHeight + fudge > h + offset) {

    if (node.offsetHeight > h) {

      window.scrollTo(0, posY);

    }

    else {

      window.scrollTo(0, posY + node.offsetHeight - h + fudge);

    }

  }

};

Drupal.behaviors.collapse = {

  attach: function (context, settings) {

    $('fieldset.collapsible', context).once('collapse', function () {

      var $fieldset = $(this);

      // Expand fieldset if there are errors inside, or if it contains an

      // element that is targeted by the URI fragment identifier.

      var anchor = location.hash && location.hash != '#' ? ', ' + location.hash : '';

      if ($fieldset.find('.error' + anchor).length) {

        $fieldset.removeClass('collapsed');

      }

      var summary = $('<span class="summary"></span>');

      $fieldset.

        bind('summaryUpdated', function () {

          var text = $.trim($fieldset.drupalGetSummary());

          summary.html(text ? ' (' + text + ')' : '');

        })

        .trigger('summaryUpdated');

      // Turn the legend into a clickable link, but retain span.fieldset-legend

      // for CSS positioning.

      var $legend = $('> legend .fieldset-legend', this);

      $('<span class="fieldset-legend-prefix element-invisible"></span>')

        .append($fieldset.hasClass('collapsed') ? Drupal.t('Show') : Drupal.t('Hide'))

        .prependTo($legend);

      $fieldset.find('[data-toggle=collapse]').on('click', function (e) {

        e.preventDefault();

      });

      // Bind Bootstrap events with Drupal core events.

      $fieldset

        .append(summary)

        .on('show.bs.collapse', function () {

          $fieldset

            .removeClass('collapsed')

            .find('> legend span.fieldset-legend-prefix').html(Drupal.t('Hide'));

        })

        .on('shown.bs.collapse', function () {

          $fieldset.trigger({ type: 'collapsed', value: false });

          Drupal.collapseScrollIntoView($fieldset.get(0));

        })

        .on('hide.bs.collapse', function () {

          $fieldset

            .addClass('collapsed')

            .find('> legend span.fieldset-legend-prefix').html(Drupal.t('Show'));

        })

        .on('hidden.bs.collapse', function () {

          $fieldset.trigger({ type: 'collapsed', value: true });

        });

    });

  }

};

})(jQuery);