/**
 * @file
 * Views admin UI functionality.
 */

(function ($, Drupal) {

  'use strict';

  /**
   * @type {Drupal~behavior}
   */
  Drupal.behaviors.views_bulk_operations = {
    attach: function (context, settings) {
      $('.views-bulk-operations-ui').once('views-bulk-operations-ui').each(Drupal.viewsBulkOperationsUi);
    }
  };

  /**
   * Callback used in {@link Drupal.behaviors.views_bulk_operations}.
   */
  Drupal.viewsBulkOperationsUi = function () {
    var uiElement = $(this);

    // Show / hide actions' preliminary configuration.
    uiElement.find('.vbo-action-state').each(function () {
      var matches = $(this).attr('name').match(/.*\[.*?\]\[(.*?)\]\[.*?\]/);
      if (typeof (matches[1]) != 'undefined') {
        var preconfigurationElement = uiElement.find('*[data-for="' + matches[1] + '"]');
        $(this).change(function (event) {
          if ($(this).is(':checked')) {
            preconfigurationElement.show('fast');
          }
          else {
            preconfigurationElement.hide('fast');
          }
        });
      }
    });

    // Select / deselect all functionality.
    var actionsElementWrapper = uiElement.find('details.vbo-actions-widget > .details-wrapper');
    if (actionsElementWrapper.length) {
      var checked = false;
      var allHandle = $('<a href="#" class="vbo-all-switch">' + Drupal.t('Select / deselect all') + '</a>');
      actionsElementWrapper.prepend(allHandle);
      allHandle.on('click', function (event) {
        event.preventDefault();
        checked = !checked;
        actionsElementWrapper.find('.vbo-action-state').each(function () {
          $(this).prop('checked', checked);
          $(this).trigger('change');
        });
        return false;
      });
    }
  };
})(jQuery, Drupal);