currentUser = $current_user; $this->imageStyleStorage = $image_style_storage; $this->attachment = $attachment; $this->moduleHandler = $moduleHandler; $this->libraryDiscovery = $libraryDiscovery; } /** * {@inheritdoc} */ 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('colorbox.attachment'), $container->get('module_handler'), $container->get('library.discovery') ); } /** * {@inheritdoc} */ public static function defaultSettings() { return [ 'colorbox_node_style' => '', 'colorbox_node_style_first' => '', 'colorbox_image_style' => '', 'colorbox_gallery' => 'post', 'colorbox_gallery_custom' => '', 'colorbox_caption' => 'auto', 'colorbox_caption_custom' => '', ] + parent::defaultSettings(); } /** * {@inheritdoc} */ public function settingsForm(array $form, FormStateInterface $form_state) { $image_styles = image_style_options(FALSE); $image_styles_hide = $image_styles; $image_styles_hide['hide'] = $this->t('Hide (do not display image)'); $description_link = Link::fromTextAndUrl( $this->t('Configure Image Styles'), Url::fromRoute('entity.image_style.collection') ); $element['colorbox_node_style'] = [ '#title' => $this->t('Image style for content'), '#type' => 'select', '#default_value' => $this->getSetting('colorbox_node_style'), '#empty_option' => $this->t('None (original image)'), '#options' => $image_styles_hide, '#description' => $description_link->toRenderable() + [ '#access' => $this->currentUser->hasPermission('administer image styles'), ], ]; $element['colorbox_node_style_first'] = [ '#title' => $this->t('Image style for first image in content'), '#type' => 'select', '#default_value' => $this->getSetting('colorbox_node_style_first'), '#empty_option' => $this->t('No special style.'), '#options' => $image_styles, '#description' => $description_link->toRenderable() + [ '#access' => $this->currentUser->hasPermission('administer image styles'), ], ]; $element['colorbox_image_style'] = [ '#title' => $this->t('Image style for Colorbox'), '#type' => 'select', '#default_value' => $this->getSetting('colorbox_image_style'), '#empty_option' => $this->t('None (original image)'), '#options' => $image_styles, '#description' => $description_link->toRenderable() + [ '#access' => $this->currentUser->hasPermission('administer image styles'), ], ]; $gallery = [ 'post' => $this->t('Per post gallery'), 'page' => $this->t('Per page gallery'), 'field_post' => $this->t('Per field in post gallery'), 'field_page' => $this->t('Per field in page gallery'), 'custom' => $this->t('Custom (with tokens)'), 'none' => $this->t('No gallery'), ]; $element['colorbox_gallery'] = [ '#title' => $this->t('Gallery (image grouping)'), '#type' => 'select', '#default_value' => $this->getSetting('colorbox_gallery'), '#options' => $gallery, '#description' => $this->t('How Colorbox should group the image galleries.'), ]; $element['colorbox_gallery_custom'] = [ '#title' => $this->t('Custom gallery'), '#type' => 'textfield', '#default_value' => $this->getSetting('colorbox_gallery_custom'), '#description' => $this->t('All images on a page with the same gallery value (rel attribute) will be grouped together. It must only contain lowercase letters, numbers, and underscores.'), '#required' => FALSE, '#states' => [ 'visible' => [ ':input[name$="[settings_edit_form][settings][colorbox_gallery]"]' => ['value' => 'custom'], ], ], ]; if ($this->moduleHandler->moduleExists('token')) { $entity_type = ''; if (isset($form['#entity_type']) && !empty($form['#entity_type'])) { $entity_type = $form['#entity_type']; } $element['colorbox_token_gallery'] = [ '#type' => 'fieldset', '#title' => $this->t('Replacement patterns'), '#theme' => 'token_tree_link', '#token_types' => [$entity_type, 'file'], '#states' => [ 'visible' => [ ':input[name$="[settings_edit_form][settings][colorbox_gallery]"]' => ['value' => 'custom'], ], ], ]; } else { $element['colorbox_token_gallery'] = [ '#type' => 'fieldset', '#title' => $this->t('Replacement patterns'), '#description' => '' . $this->t('For token support the token module must be installed.', ['@token_url' => 'http://drupal.org/project/token']) . '', '#states' => [ 'visible' => [ ':input[name$="[settings_edit_form][settings][colorbox_gallery]"]' => ['value' => 'custom'], ], ], ]; } $caption = [ 'auto' => $this->t('Automatic'), 'title' => $this->t('Title text'), 'alt' => $this->t('Alt text'), 'entity_title' => $this->t('Content title'), 'custom' => $this->t('Custom (with tokens)'), 'none' => $this->t('None'), ]; $element['colorbox_caption'] = [ '#title' => $this->t('Caption'), '#type' => 'select', '#default_value' => $this->getSetting('colorbox_caption'), '#options' => $caption, '#description' => $this->t('Automatic will use the first non-empty value out of the title, the alt text and the content title.'), ]; $element['colorbox_caption_custom'] = [ '#title' => $this->t('Custom caption'), '#type' => 'textfield', '#default_value' => $this->getSetting('colorbox_caption_custom'), '#states' => [ 'visible' => [ ':input[name$="[settings_edit_form][settings][colorbox_caption]"]' => ['value' => 'custom'], ], ], ]; if ($this->moduleHandler->moduleExists('token')) { $entity_type = ''; if (isset($form['#entity_type']) && !empty($form['#entity_type'])) { $entity_type = $form['#entity_type']; } $element['colorbox_token_caption'] = [ '#type' => 'fieldset', '#title' => $this->t('Replacement patterns'), '#theme' => 'token_tree_link', '#token_types' => [$entity_type, 'file'], '#states' => [ 'visible' => [ ':input[name$="[settings_edit_form][settings][colorbox_caption]"]' => ['value' => 'custom'], ], ], ]; } else { $element['colorbox_token_caption'] = [ '#type' => 'fieldset', '#title' => $this->t('Replacement patterns'), '#description' => '' . $this->t('For token support the token module must be installed.', ['@token_url' => 'http://drupal.org/project/token']) . '', '#states' => [ 'visible' => [ ':input[name$="[settings_edit_form][settings][colorbox_caption]"]' => ['value' => 'custom'], ], ], ]; } return $element; } /** * {@inheritdoc} */ public function settingsSummary() { $summary = []; $image_styles = image_style_options(FALSE); // Unset possible 'No defined styles' option. unset($image_styles['']); // Styles could be lost because of enabled/disabled modules that defines // their styles in code. if (isset($image_styles[$this->getSetting('colorbox_node_style')])) { $summary[] = $this->t('Content image style: @style', ['@style' => $image_styles[$this->getSetting('colorbox_node_style')]]); } elseif ($this->getSetting('colorbox_node_style') == 'hide') { $summary[] = $this->t('Content image style: Hide'); } else { $summary[] = $this->t('Content image style: Original image'); } if (isset($image_styles[$this->getSetting('colorbox_node_style_first')])) { $summary[] = $this->t('Content image style of first image: @style', ['@style' => $image_styles[$this->getSetting('colorbox_node_style_first')]]); } if (isset($image_styles[$this->getSetting('colorbox_image_style')])) { $summary[] = $this->t('Colorbox image style: @style', ['@style' => $image_styles[$this->getSetting('colorbox_image_style')]]); } else { $summary[] = $this->t('Colorbox image style: Original image'); } $gallery = [ 'post' => $this->t('Per post gallery'), 'page' => $this->t('Per page gallery'), 'field_post' => $this->t('Per field in post gallery'), 'field_page' => $this->t('Per field in page gallery'), 'custom' => $this->t('Custom (with tokens)'), 'none' => $this->t('No gallery'), ]; if ($this->getSetting('colorbox_gallery')) { $summary[] = $this->t('Colorbox gallery type: @type', ['@type' => $gallery[$this->getSetting('colorbox_gallery')]]) . ($this->getSetting('colorbox_gallery') == 'custom' ? ' (' . $this->getSetting('colorbox_gallery_custom') . ')' : ''); } $caption = [ 'auto' => $this->t('Automatic'), 'title' => $this->t('Title text'), 'alt' => $this->t('Alt text'), 'entity_title' => $this->t('Content title'), 'custom' => $this->t('Custom (with tokens)'), 'none' => $this->t('None'), ]; if ($this->getSetting('colorbox_caption')) { $summary[] = $this->t('Colorbox caption: @type', ['@type' => $caption[$this->getSetting('colorbox_caption')]]); } return $summary; } /** * {@inheritdoc} */ public function viewElements(FieldItemListInterface $items, $langcode) { $elements = []; $settings = $this->getSettings(); $files = $this->getEntitiesToView($items, $langcode); // Early opt-out if the field is empty. if (empty($files)) { return $elements; } // Collect cache tags to be added for each item in the field. $cache_tags = []; if (!empty($settings['colorbox_node_style']) && $settings['colorbox_node_style'] != 'hide') { $image_style = $this->imageStyleStorage->load($settings['colorbox_node_style']); $cache_tags = $image_style->getCacheTags(); } $cache_tags_first = []; if (!empty($settings['colorbox_node_style_first'])) { $image_style_first = $this->imageStyleStorage->load($settings['colorbox_node_style_first']); $cache_tags_first = $image_style_first->getCacheTags(); } foreach ($files as $delta => $file) { // Check if first image should have separate image style. if ($delta == 0 && !empty($settings['colorbox_node_style_first'])) { $settings['style_first'] = TRUE; $settings['style_name'] = $settings['colorbox_node_style_first']; $cache_tags = Cache::mergeTags($cache_tags_first, $file->getCacheTags()); } else { $settings['style_first'] = FALSE; $settings['style_name'] = $settings['colorbox_node_style']; $cache_tags = Cache::mergeTags($cache_tags, $file->getCacheTags()); } // Extract field item attributes for the theme function, and unset them // from the $item so that the field template does not re-render them. $item = $file->_referringItem; $item_attributes = $item->_attributes; unset($item->_attributes); $elements[$delta] = [ '#theme' => 'colorbox_formatter', '#item' => $item, '#item_attributes' => $item_attributes, '#entity' => $items->getEntity(), '#settings' => $settings, '#cache' => [ 'tags' => $cache_tags, ], ]; } // Attach the Colorbox JS and CSS. if ($this->attachment->isApplicable()) { $this->attachment->attach($elements); $dompurify = $this->libraryDiscovery->getLibraryByName('colorbox', 'dompurify'); $dompurify_file = !empty($dompurify['js'][0]['data']) ? DRUPAL_ROOT . '/' . $dompurify['js'][0]['data'] : NULL; $dompurify_exists = !empty($dompurify) && !empty($dompurify_file) && file_exists($dompurify_file); if ($dompurify_exists) { $elements['#attached']['library'][] = 'colorbox/dompurify'; } } return $elements; } /** * {@inheritdoc} */ public function calculateDependencies() { $dependencies = parent::calculateDependencies(); $style_ids = []; $style_ids[] = $this->getSetting('colorbox_node_style'); if (!empty($this->getSetting('colorbox_node_style_first'))) { $style_ids[] = $this->getSetting('colorbox_node_style_first'); } $style_ids[] = $this->getSetting('colorbox_image_style'); foreach ($style_ids as $style_id) { /** @var \Drupal\image\ImageStyleInterface $style */ if ($style_id && $style = ImageStyle::load($style_id)) { // If this formatter uses a valid image style to display the image, add // the image style configuration entity as dependency of this formatter. $dependencies[$style->getConfigDependencyKey()][] = $style->getConfigDependencyName(); } } return $dependencies; } /** * {@inheritdoc} */ public function onDependencyRemoval(array $dependencies) { $changed = parent::onDependencyRemoval($dependencies); $style_ids = []; $style_ids['colorbox_node_style'] = $this->getSetting('colorbox_node_style'); if (!empty($this->getSetting('colorbox_node_style_first'))) { $style_ids['colorbox_node_style_first'] = $this->getSetting('colorbox_node_style_first'); } $style_ids['colorbox_image_style'] = $this->getSetting('colorbox_image_style'); foreach ($style_ids as $name => $style_id) { /** @var \Drupal\image\ImageStyleInterface $style */ if ($style_id && $style = ImageStyle::load($style_id)) { if (!empty($dependencies[$style->getConfigDependencyKey()][$style->getConfigDependencyName()])) { $replacement_id = $this->imageStyleStorage->getReplacementId($style_id); // If a valid replacement has been provided in the storage, // replace the image style with the replacement and signal // that the formatter plugin. // Settings were updated. if ($replacement_id && ImageStyle::load($replacement_id)) { $this->setSetting($name, $replacement_id); $changed = TRUE; } } } } return $changed; } }