View source
<?php
namespace Drupal\cms_portfolio\Plugin\Field\FieldFormatter;
use Drupal\Core\Cache\Cache;
use Drupal\Core\Entity\EntityStorageInterface;
use Drupal\Core\Field\FieldDefinitionInterface;
use Drupal\Core\Field\FieldItemListInterface;
use Drupal\Core\Form\FormStateInterface;
use Drupal\Core\Link;
use Drupal\Core\Plugin\ContainerFactoryPluginInterface;
use Drupal\Core\Session\AccountInterface;
use Drupal\Core\Url;
use Drupal\image\Plugin\Field\FieldFormatter\ImageFormatterBase;
use Symfony\Component\DependencyInjection\ContainerInterface;
class TwentyTwentyFormatter extends ImageFormatterBase implements ContainerFactoryPluginInterface {
protected $currentUser;
protected $imageStyleStorage;
public function __construct($plugin_id, $plugin_definition, FieldDefinitionInterface $field_definition, array $settings, $label, $view_mode, array $third_party_settings, AccountInterface $current_user, EntityStorageInterface $image_style_storage) {
parent::__construct($plugin_id, $plugin_definition, $field_definition, $settings, $label, $view_mode, $third_party_settings);
$this->currentUser = $current_user;
$this->imageStyleStorage = $image_style_storage;
}
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.manager')
->getStorage('image_style'));
}
public static function defaultSettings() {
return [
'image_style' => '',
'default_offset_pct' => '0.5',
] + parent::defaultSettings();
}
public function settingsForm(array $form, FormStateInterface $form_state) {
$image_styles = image_style_options(FALSE);
$description_link = Link::fromTextAndUrl($this
->t('Configure Image Styles'), Url::fromRoute('entity.image_style.collection'));
$element['image_style'] = [
'#title' => $this
->t('Image style'),
'#type' => 'select',
'#default_value' => $this
->getSetting('image_style'),
'#empty_option' => $this
->t('None (original image)'),
'#options' => $image_styles,
'#description' => $description_link
->toRenderable() + [
'#access' => $this->currentUser
->hasPermission('administer image styles'),
],
];
$element['default_offset_pct'] = [
'#title' => $this
->t('Default Offset (Percent)'),
'#description' => $this
->t('Select an offset between 0 and 1 to set how far the slider is from the lefthand side when it loads. The default is 0.5.'),
'#type' => 'textfield',
'#default_value' => $this
->getSetting('default_offset_pct'),
];
return $element;
}
public function settingsSummary() {
$summary = [];
$image_styles = image_style_options(FALSE);
unset($image_styles['']);
$image_style_setting = $this
->getSetting('image_style');
$cardinality = $this->fieldDefinition
->getFieldStorageDefinition()
->getCardinality();
if (isset($image_styles[$image_style_setting])) {
$summary[] = $this
->t('Image style: @value', [
'@value' => $image_styles[$image_style_setting],
]);
}
else {
$summary[] = $this
->t('Original image');
}
$summary[] = $this
->t('Default offset: @value', [
'@value' => $this
->getSetting('default_offset_pct'),
]);
if ($cardinality != 2) {
$summary[] = $this
->t('This image field needs to accept two images to be able to run TwentyTwenty properly, it is currently set to %value.', [
'%value' => $cardinality > 0 ? $cardinality : 'unlimited',
]);
}
return $summary;
}
public function viewElements(FieldItemListInterface $items, $langcode) {
$elements = [];
$images = [];
$files = $this
->getEntitiesToView($items, $langcode);
if (empty($files)) {
return $elements;
}
$image_style_setting = $this
->getSetting('image_style');
$elements['#attached']['drupalSettings']['twentytwenty']['default_offset_pct'] = $this
->getSetting('default_offset_pct');
$cache_tags = [];
if (!empty($image_style_setting)) {
$image_style = $this->imageStyleStorage
->load($image_style_setting);
$cache_tags = $image_style
->getCacheTags();
}
foreach ($files as $delta => $file) {
if (isset($link_file)) {
$image_uri = $file
->getFileUri();
$url = Url::fromUri(file_create_url($image_uri));
}
$cache_tags = Cache::mergeTags($cache_tags, $file
->getCacheTags());
$item = $file->_referringItem;
$item_attributes = $item->_attributes;
unset($item->_attributes);
$images[$delta] = [
'#theme' => 'image_formatter',
'#item' => $item,
'#item_attributes' => $item_attributes,
'#image_style' => $image_style_setting,
'#cache' => [
'tags' => $cache_tags,
],
];
}
return [
'#theme' => 'cms_portfolio_twentytwenty',
'#images' => render($images),
'#attached' => [
'library' => [
'cms_portfolio/twentytwenty',
],
'drupalSettings' => [
'twentytwenty' => [
'default_offset_pct' => $this
->getSetting('default_offset_pct'),
],
],
],
];
}
}