View source
<?php
namespace Drupal\media_directories_editor\Plugin\Field\FieldFormatter;
use Drupal\Core\Config\ConfigFactoryInterface;
use Drupal\Core\Field\FieldDefinitionInterface;
use Drupal\Core\Field\FieldItemListInterface;
use Drupal\Core\Form\FormStateInterface;
use Drupal\Core\Render\RendererInterface;
use Drupal\Core\Session\AccountInterface;
use Drupal\image\ImageStyleStorageInterface;
use Drupal\media\Plugin\Field\FieldFormatter\MediaThumbnailFormatter;
use Symfony\Component\DependencyInjection\ContainerInterface;
class MediaDirectoriesImageDimensionsFormatter extends MediaThumbnailFormatter {
protected $configFactory;
public function __construct($plugin_id, $plugin_definition, FieldDefinitionInterface $field_definition, array $settings, $label, $view_mode, array $third_party_settings, AccountInterface $current_user, ImageStyleStorageInterface $image_style_storage, RendererInterface $renderer, ConfigFactoryInterface $config_factory) {
parent::__construct($plugin_id, $plugin_definition, $field_definition, $settings, $label, $view_mode, $third_party_settings, $current_user, $image_style_storage, $renderer);
$this->configFactory = $config_factory;
}
public static function create(ContainerInterface $container, array $configuration, $plugin_id, $plugin_definition) {
return new static($plugin_id, $plugin_definition, $configuration['field_definition'], $configuration['settings'], $configuration['label'], $configuration['view_mode'], $configuration['third_party_settings'], $container
->get('current_user'), $container
->get('entity_type.manager')
->getStorage('image_style'), $container
->get('renderer'), $container
->get('config.factory'));
}
public static function defaultSettings() {
return [
'dimensions' => [
'image_width' => '',
'image_height' => '',
],
] + parent::defaultSettings();
}
public function settingsForm(array $form, FormStateInterface $form_state) {
$element = parent::settingsForm($form, $form_state);
if ($this->viewMode === '_entity_embed') {
$storage = $form_state
->getStorage();
$entity = $storage['entity'];
$element['#attached']['library'][] = 'media_directories_editor/image-resize';
$element['image_link']['#access'] = FALSE;
$config = $this->configFactory
->get('media_directories_editor.settings');
$styles = $element['image_style']['#options'];
$selected_styles = $config
->get('embed_dialog.image_styles');
if (!empty($selected_styles)) {
$styles = array_intersect_key($styles, $selected_styles);
}
$image_style_options[(string) $this
->t('Pre-defined styles')] = $styles;
$element['image_style']['#options'] = $image_style_options;
$element['image_style']['#empty_option'] = $this
->t('Custom dimensions');
$element['image_style']['#description'] = $this
->t('Choose from pre-defined image styles or set custom dimensions.');
$element['dimensions'] = [
'#type' => 'details',
'#title' => $this
->t('Image size'),
'#description' => $this
->t('Original image size: @widthx@height', [
'@width' => $entity
->get('thumbnail')->width,
'@height' => $entity
->get('thumbnail')->height,
]),
'#open' => TRUE,
'#attributes' => [
'class' => [
'media-directories-editor--dimensions',
],
],
'#states' => [
'visible' => [
':input[name="attributes[data-entity-embed-display-settings][image_style]"]' => [
'value' => '',
],
],
],
];
$dimensions = $this
->getSetting('dimensions');
$img_width = empty($dimensions['image_width']) ? $entity
->get('thumbnail')->width : $dimensions['image_width'];
$img_height = empty($dimensions['image_height']) ? $entity
->get('thumbnail')->height : $dimensions['image_height'];
$element['dimensions']['image_width'] = [
'#title' => t('Width'),
'#type' => 'textfield',
'#size' => 4,
'#default_value' => $img_width,
'#attributes' => [
'class' => [
'media-directories-editor--image-width',
],
],
];
$element['dimensions']['image_height'] = [
'#title' => t('Height'),
'#type' => 'textfield',
'#size' => 4,
'#default_value' => $img_height,
'#attributes' => [
'class' => [
'media-directories-editor--image-height',
],
],
];
$element['dimensions']['controls'] = [
'#type' => 'container',
'#attributes' => [
'class' => [
'media-directories-editor--controls',
],
],
'reset' => [
'#type' => 'html_tag',
'#tag' => 'a',
'#attributes' => [
'class' => [
'media-directories-editor--reset',
'button',
],
'data-width' => $entity
->get('thumbnail')->width,
'data-height' => $entity
->get('thumbnail')->height,
],
'#value' => $this
->t('Reset'),
],
];
}
return $element;
}
public function viewElements(FieldItemListInterface $items, $langcode) {
$elements = [];
$media_items = $this
->getEntitiesToView($items, $langcode);
if (empty($media_items)) {
return $elements;
}
if ($this
->getSetting('image_style')) {
return parent::viewElements($items, $langcode);
}
foreach ($media_items as $delta => $media) {
$file = $media
->get('thumbnail')->entity;
$elements[$delta] = [
'#theme' => 'image',
'#attributes' => [
'width' => $this
->getSetting('dimensions')['image_width'],
'height' => $this
->getSetting('dimensions')['image_height'],
'class' => [],
],
'#uri' => file_create_url($file
->getFileUri()),
];
$this->renderer
->addCacheableDependency($elements[$delta], $media);
}
return $elements;
}
}