public function LayoutParagraphsWidget::formElement in Layout Paragraphs 1.0.x
Same name and namespace in other branches
- 2.0.x src/Plugin/Field/FieldWidget/LayoutParagraphsWidget.php \Drupal\layout_paragraphs\Plugin\Field\FieldWidget\LayoutParagraphsWidget::formElement()
Returns the form for a single field widget.
Field widget form elements should be based on the passed-in $element, which contains the base form element properties derived from the field configuration.
The BaseWidget methods will set the weight, field name and delta values for each form element. If there are multiple values for this field, the formElement() method will be called as many times as needed.
Other modules may alter the form element provided by this function using hook_field_widget_single_element_form_alter() or hook_field_widget_single_element_WIDGET_TYPE_form_alter().
The FAPI element callbacks (such as #process, #element_validate, #value_callback, etc.) used by the widget do not have access to the original $field_definition passed to the widget's constructor. Therefore, if any information is needed from that definition by those callbacks, the widget implementing this method, or a hook_field_widget[_WIDGET_TYPE]_form_alter() implementation, must extract the needed properties from the field definition and set them as ad-hoc $element['#custom'] properties, for later use by its element callbacks.
Parameters
\Drupal\Core\Field\FieldItemListInterface $items: Array of default values for this field.
int $delta: The order of this item in the array of sub-elements (0, 1, 2, etc.).
array $element: A form element array containing basic properties for the widget:
- #field_parents: The 'parents' space for the field in the form. Most widgets can simply overlook this property. This identifies the location where the field values are placed within $form_state->getValues(), and is used to access processing information for the field through the getWidgetState() and setWidgetState() methods.
- #title: The sanitized element label for the field, ready for output.
- #description: The sanitized element description for the field, ready for output.
- #required: A Boolean indicating whether the element value is required; for required multiple value fields, only the first widget's values are required.
- #delta: The order of this item in the array of sub-elements; see $delta above.
array $form: The form structure where widgets are being attached to. This might be a full form structure, or a sub-element of a larger form.
\Drupal\Core\Form\FormStateInterface $form_state: The current state of the form.
Return value
array The form elements for a single widget for this field.
Overrides WidgetInterface::formElement
See also
hook_field_widget_single_element_form_alter()
hook_field_widget_single_element_WIDGET_TYPE_form_alter()
File
- src/
Plugin/ Field/ FieldWidget/ LayoutParagraphsWidget.php, line 260
Class
- LayoutParagraphsWidget
- Entity Reference with Layout field widget.
Namespace
Drupal\layout_paragraphs\Plugin\Field\FieldWidgetCode
public function formElement(FieldItemListInterface $items, $delta, array $element, array &$form, FormStateInterface $form_state) {
$parents = $form['#parents'];
$widget_state = static::getWidgetState($parents, $this->fieldName, $form_state);
if (isset($widget_state['items'][intval($delta)])) {
$widget_state_item = $widget_state['items'][intval($delta)];
}
else {
return [];
}
if (!isset($widget_state_item['entity'])) {
return [];
}
if (isset($widget_state_item['is_new'])) {
return [];
}
/** @var \Drupal\paragraphs\ParagraphInterface $entity */
$entity = $widget_state_item['entity'];
$layout_settings = $this
->getLayoutSettings($entity);
$layout = $layout_settings['layout'] ?? '';
$config = $layout_settings['config'] ?? [];
// These fields are manipulated via JS and interacting with the DOM.
// We have to check the submitted form for their values.
$region = $this
->extractInput($form, $form_state, $delta, 'region', $layout_settings['region']);
$this
->setLayoutSetting($widget_state['items'][$delta]['entity'], 'region', $region);
$parent_uuid = $this
->extractInput($form, $form_state, $delta, 'parent_uuid', $layout_settings['parent_uuid']);
$this
->setLayoutSetting($widget_state['items'][$delta]['entity'], 'parent_uuid', $parent_uuid);
$weight = $this
->extractInput($form, $form_state, $delta, '_weight', $widget_state_item['weight']);
$layout_instance = $layout ? $this->layoutPluginManager
->createInstance($layout, $config) : FALSE;
// Build the preview and render it in the form.
$preview = [];
if (isset($entity)) {
$preview_view_mode = $this
->getSetting('preview_view_mode');
$view_builder = $this->entityTypeManager
->getViewBuilder($entity
->getEntityTypeId());
$preview = $view_builder
->view($entity, $preview_view_mode, $entity
->language()
->getId());
$preview['#cache']['max-age'] = 0;
$preview['#attributes']['class'][] = Html::cleanCssIdentifier($entity
->uuid() . '-preview');
}
$show_paragraphs_labels = $this->config
->get('layout_paragraphs.settings')
->get('show_paragraph_labels');
$show_layout_labels = $this->config
->get('layout_paragraphs.settings')
->get('show_layout_labels');
$element = [
'#widget_item' => TRUE,
'#type' => 'container',
'#delta' => $delta,
'#entity' => $entity,
'#layout' => $layout,
'#region' => $region,
'#parent_uuid' => $parent_uuid,
'#weight' => $weight,
'#attributes' => [
'class' => [
'layout-paragraphs-item',
'paragraph-' . $entity
->uuid(),
],
'id' => [
$this->wrapperId . '--item-' . $delta,
],
],
'_weight' => [
'#type' => 'hidden',
'#default_value' => $weight,
'#weight' => -1000,
'#attributes' => [
'class' => [
'layout-paragraphs-weight',
],
],
],
'preview' => $preview,
'region' => [
'#type' => 'hidden',
'#attributes' => [
'class' => [
'layout-paragraphs-region',
],
],
'#default_value' => $region,
],
// Used by DOM to set parent uuids for nested items.
'uuid' => [
'#type' => 'hidden',
'#attributes' => [
'class' => [
'layout-paragraphs-uuid',
],
],
'#value' => $entity
->uuid(),
// Must be at top for JS to work correctly.
'#weight' => -999,
],
'parent_uuid' => [
'#type' => 'hidden',
'#attributes' => [
'class' => [
'layout-paragraphs-parent-uuid',
],
],
'#default_value' => $parent_uuid,
],
'entity' => [
'#type' => 'value',
'#value' => $entity,
],
// Edit and remove button.
'actions' => [
'#type' => 'container',
'#weight' => -1000,
'#attributes' => [
'class' => [
'layout-paragraphs-actions',
],
],
'edit' => [
'#type' => 'submit',
'#name' => 'edit_' . $this->wrapperId . '_' . $delta,
'#value' => $this
->t('Edit'),
'#attributes' => [
'class' => [
'layout-paragraphs-edit',
],
],
'#limit_validation_errors' => [],
'#submit' => [
[
$this,
'editItemSubmit',
],
],
'#delta' => $delta,
'#ajax' => [
'callback' => [
$this,
'editItemAjax',
],
'progress' => 'none',
],
'#element_parents' => $parents,
],
'remove' => [
'#type' => 'submit',
'#name' => 'remove_' . $this->wrapperId . '_' . $delta,
'#value' => $this
->t('Remove'),
'#attributes' => [
'class' => [
'layout-paragraphs-remove',
],
],
'#limit_validation_errors' => [],
'#submit' => [
[
$this,
'removeItemSubmit',
],
],
'#delta' => $delta,
'#ajax' => [
'callback' => [
$this,
'removeItemAjax',
],
'progress' => 'none',
],
'#element_parents' => $parents,
],
],
'label' => $show_paragraphs_labels ? [
'#type' => 'label',
'#title' => $entity
->getParagraphType()->label,
'#attributes' => [
'class' => [
'paragraph-type--label',
],
],
] : [],
];
// Nested elements for regions.
if ($layout_instance) {
$element['#layout_instance'] = $layout_instance;
$element['#attributes']['class'][] = 'layout-paragraphs-layout';
if ($show_layout_labels) {
$element_label = $element['label']['#title'] ?? '';
$label = $layout_instance
->getPluginDefinition() ? $layout_instance
->getPluginDefinition()
->getLabel()
->__toString() : [];
if (!empty($label) && !empty($element_label)) {
$label = $element_label . ' - ' . $label;
}
$element['label'] = [
'#type' => 'label',
'#title' => $label,
'#title_display' => $label,
'#attributes' => [
'class' => [
'paragraph-layout--label',
],
],
];
}
foreach ($layout_instance
->getPluginDefinition()
->getRegionNames() as $region_name) {
$element['preview']['regions'][$region_name] = [
'#attributes' => [
'class' => [
'layout-paragraphs-layout-region',
'layout-paragraphs-layout-region--' . $region_name,
$entity
->uuid() . '-layout-region--' . $region_name,
],
'id' => [
$this->wrapperId . '--item-' . $delta . '-' . $region_name,
],
],
];
}
}
// New items are rendered in layout but hidden.
// This way we can track their weights, region names, etc.
if (!empty($widget_state['items'][$delta]['is_new'])) {
$element['#is_new'] = TRUE;
}
else {
$element['#is_new'] = FALSE;
}
return $element;
}