JSInteractionTestForm.php

<?php

namespace Drupal\js_interaction_test\Controller;

use Drupal\Core\Form\FormBase;
use Drupal\Core\Form\FormStateInterface;
use Drupal\Core\Url;

/**
 * Controller for testing fault tolerant JavaScript interactions.
 */
class JSInteractionTestForm extends FormBase {

  /**
   * {@inheritdoc}
   */
  public function getFormId() {
    return __CLASS__;
  }

  /**
   * {@inheritdoc}
   */
  public function submitForm(array &$form, FormStateInterface $form_state) {

    // No-op.
  }

  /**
   * Creates the test form.
   *
   * The form provides:
   * - A link that is obstructed (blocked) by another element.
   * - A link that, when clicked, removes the blocking element after some time.
   * - A field that is disabled.
   * - A link that, when clicked, enables the field after some time.
   *
   * @param array $form
   *   An associative array containing the structure of the form.
   * @param \Drupal\Core\Form\FormStateInterface $form_state
   *   The current state of the form.
   *
   * @return array
   *   The form structure.
   */
  public function buildForm(array $form, FormStateInterface $form_state) {
    return [
      'target_link' => [
        '#type' => 'link',
        '#url' => Url::fromRoute('<current>'),
        '#title' => $this
          ->t('Target link'),
      ],
      'blocker_element' => [
        '#type' => 'html_tag',
        '#tag' => 'div',
        '#attributes' => [
          'class' => [
            'blocker-element',
          ],
        ],
      ],
      'remove_blocker_trigger' => [
        '#type' => 'link',
        '#url' => Url::fromRoute('<current>'),
        '#title' => $this
          ->t('Remove Blocker Trigger'),
        '#attributes' => [
          'class' => [
            'remove-blocker-trigger',
          ],
        ],
      ],
      'target_field' => [
        '#type' => 'textfield',
        '#maxlength' => 20,
        '#disabled' => TRUE,
      ],
      'enable_field_trigger' => [
        '#type' => 'link',
        '#url' => Url::fromRoute('<current>'),
        '#title' => $this
          ->t('Enable Field Trigger'),
        '#attributes' => [
          'class' => [
            'enable-field-trigger',
          ],
        ],
      ],
      '#attached' => [
        'library' => [
          'js_interaction_test/js_interaction_test',
        ],
      ],
    ];
  }

}