public static function BgImageFieldWidget::process in Background Image Field 8

Form API callback: Processes a image_image field element.

Expands the image_image type to include the alt and title fields.

This method is assigned as a #process callback in formElement() method.

Overrides ImageWidget::process

File

src/Plugin/Field/FieldWidget/BgImageFieldWidget.php, line 76

Class

BgImageFieldWidget

Plugin implementation of the 'image_image' widget.

Namespace

Drupal\bg_img_field\Plugin\Field\FieldWidget

Code

public static function process($element, FormStateInterface $form_state, $form) {
  $elements = parent::process($element, $form_state, $form);
  if ($element['#files']) {
    $css_option_settings = $form_state
      ->get('css_values');
    $elements['css_settings'] = [
      '#type' => 'details',
      '#title' => t('CSS Settings'),
      '#description' => t('Set default CSS properties for the background image.'),
      '#open' => FALSE,
      '#attributes' => $form_state
        ->get('hide_css_settings') ? [
        'class' => [
          'visually-hidden',
        ],
      ] : [
        'class' => [
          'visually-shown',
        ],
      ],
    ];
    $token_types = [];

    // Background selector value.
    $selector = !empty($element['#value']['css_selector']) ? $element['#value']['css_selector'] : $css_option_settings['css_selector'];

    // The css selector input field needed to.
    $elements['css_settings']['css_selector'] = [
      '#type' => 'textfield',
      '#title' => t('Selector'),
      '#description' => t('CSS Selector for background image.'),
      '#default_value' => $selector,
      '#token_types' => $token_types,
      '#required' => FALSE,
    ];

    // The tokens that are scoped for the selector input.
    $elements['css_settings']['tokens'] = [
      '#theme' => 'token_tree_link',
      '#token_types' => $token_types,
      '#global_types' => TRUE,
      '#show_nested' => FALSE,
    ];

    // Background repeat value.
    $repeat = !empty($element['#value']['css_selector']) ? $element['#value']['css_repeat'] : $css_option_settings['css_repeat'];

    // User ability to select a background repeat option.
    $elements['css_settings']['css_repeat'] = [
      '#type' => 'radios',
      '#title' => t('Repeat Options'),
      '#description' => t('Add the css no repeat value to the background image.'),
      '#default_value' => $repeat,
      '#options' => [
        "inherit" => t("inherit"),
        "no-repeat" => t("no-repeat"),
        "repeat" => t('repeat'),
      ],
    ];

    // Background size value.
    $background_size = !empty($element['#value']['css_selector']) ? $element['#value']['css_background_size'] : $css_option_settings['css_background_size'];

    // User the ability to choose background size.
    $elements['css_settings']['css_background_size'] = [
      '#type' => 'radios',
      '#title' => t('Background Size'),
      '#description' => t("Add the background size setting you would like for the image, use inherit for default."),
      '#default_value' => $background_size,
      '#options' => [
        'inherit' => t('inherit'),
        'auto' => t('auto'),
        'cover' => t('cover'),
        'contain' => t('contain'),
        'initial' => t('initial'),
      ],
    ];

    // Background position values.
    $background_pos = !empty($element['#value']['css_selector']) ? $element['#value']['css_background_position'] : $css_option_settings['css_background_position'];

    // User the ability to set the background position.
    $elements['css_settings']['css_background_position'] = [
      '#type' => 'radios',
      '#title' => t('Background Position'),
      '#description' => t('Set a background position, leave unchecked to have your own in your theme css.'),
      '#default_value' => $background_pos,
      '#options' => [
        "inherit" => t("inherit"),
        "left top" => t("left top"),
        "left center" => t("left center"),
        "left bottom" => t("left bottom"),
        "right top" => t("right bottom"),
        "right center" => t("right center"),
        "right bottom" => t("right bottom"),
        "center top" => t("center top"),
        "center center" => t("center center"),
        "center bottom" => t("center bottom"),
      ],
      '#tree' => TRUE,
    ];
  }
  return $elements;
}