--- /dev/null
+<?php
+
+namespace Drupal\video_embed_field\Plugin\Field\FieldFormatter;
+
+use Drupal\Core\Field\FieldDefinitionInterface;
+use Drupal\Core\Field\FormatterBase;
+use Drupal\Core\Field\FieldItemListInterface;
+use Drupal\Core\Field\FormatterInterface;
+use Drupal\Core\Form\FormStateInterface;
+use Drupal\Core\Plugin\ContainerFactoryPluginInterface;
+use Drupal\Core\Render\RendererInterface;
+use Symfony\Component\DependencyInjection\ContainerInterface;
+
+/**
+ * Plugin implementation of the thumbnail field formatter.
+ *
+ * @FieldFormatter(
+ * id = "video_embed_field_colorbox",
+ * label = @Translation("Colorbox Modal"),
+ * field_types = {
+ * "video_embed_field"
+ * }
+ * )
+ */
+class Colorbox extends FormatterBase implements ContainerFactoryPluginInterface {
+
+ /**
+ * The field formatter plugin instance for thumbnails.
+ *
+ * @var \Drupal\Core\Field\FormatterInterface
+ */
+ protected $thumbnailFormatter;
+
+ /**
+ * The field formatterp plguin instance for videos.
+ *
+ * @var \Drupal\Core\Field\FormatterInterface
+ */
+ protected $videoFormatter;
+
+ /**
+ * Allow us to attach colorbox settings to our element.
+ *
+ * @var \Drupal\colorbox\ElementAttachmentInterface
+ */
+ protected $colorboxAttachment;
+
+ /**
+ * The renderer.
+ *
+ * @var \Drupal\Core\Render\RendererInterface
+ */
+ protected $renderer;
+
+ /**
+ * Constructs a new instance of the plugin.
+ *
+ * @param string $plugin_id
+ * The plugin_id for the formatter.
+ * @param mixed $plugin_definition
+ * The plugin implementation definition.
+ * @param \Drupal\Core\Field\FieldDefinitionInterface $field_definition
+ * The definition of the field to which the formatter is associated.
+ * @param array $settings
+ * The formatter settings.
+ * @param string $label
+ * The formatter label display setting.
+ * @param string $view_mode
+ * The view mode.
+ * @param array $third_party_settings
+ * Third party settings.
+ * @param \Drupal\Core\Render\RendererInterface $renderer
+ * The renderer.
+ * @param \Drupal\Core\Field\FormatterInterface $thumbnail_formatter
+ * The field formatter for thumbnails.
+ * @param \Drupal\Core\Field\FormatterInterface $video_formatter
+ * The field formatter for videos.
+ * @param \Drupal\colorbox\ElementAttachmentInterface|null $colorbox_attachment
+ * The colorbox attachment if colorbox is enabled.
+ */
+ public function __construct($plugin_id, $plugin_definition, FieldDefinitionInterface $field_definition, $settings, $label, $view_mode, $third_party_settings, RendererInterface $renderer, FormatterInterface $thumbnail_formatter, FormatterInterface $video_formatter, $colorbox_attachment) {
+ parent::__construct($plugin_id, $plugin_definition, $field_definition, $settings, $label, $view_mode, $third_party_settings);
+ $this->thumbnailFormatter = $thumbnail_formatter;
+ $this->videoFormatter = $video_formatter;
+ $this->renderer = $renderer;
+ $this->colorboxAttachment = $colorbox_attachment;
+ }
+
+ /**
+ * {@inheritdoc}
+ */
+ public static function create(ContainerInterface $container, array $configuration, $plugin_id, $plugin_definition) {
+ $formatter_manager = $container->get('plugin.manager.field.formatter');
+ return new static(
+ $plugin_id,
+ $plugin_definition,
+ $configuration['field_definition'],
+ $configuration['settings'],
+ $configuration['label'],
+ $configuration['view_mode'],
+ $configuration['third_party_settings'],
+ $container->get('renderer'),
+ $formatter_manager->createInstance('video_embed_field_thumbnail', $configuration),
+ $formatter_manager->createInstance('video_embed_field_video', $configuration),
+ $container->get('colorbox.attachment')
+ );
+ }
+
+ /**
+ * {@inheritdoc}
+ */
+ public function viewElements(FieldItemListInterface $items, $langcode) {
+ $element = [];
+ $thumbnails = $this->thumbnailFormatter->viewElements($items, $langcode);
+ $videos = $this->videoFormatter->viewElements($items, $langcode);
+ foreach ($items as $delta => $item) {
+ // Support responsive videos within the colorbox modal.
+ if ($this->getSetting('responsive')) {
+ $videos[$delta]['#attributes']['class'][] = 'video-embed-field-responsive-modal';
+ $videos[$delta]['#attributes']['style'] = sprintf('width:%dpx;', $this->getSetting('modal_max_width'));
+ }
+ $element[$delta] = [
+ '#type' => 'container',
+ '#attributes' => [
+ 'data-video-embed-field-modal' => (string) $this->renderer->render($videos[$delta]),
+ 'class' => ['video-embed-field-launch-modal'],
+ ],
+ '#attached' => [
+ 'library' => [
+ 'video_embed_field/colorbox',
+ 'video_embed_field/responsive-video',
+ ],
+ ],
+ // Ensure the cache context from the video formatter which was rendered
+ // early still exists in the renderable array for this formatter.
+ '#cache' => [
+ 'contexts' => ['user.permissions'],
+ ],
+ 'children' => $thumbnails[$delta],
+ ];
+ }
+ $this->colorboxAttachment->attach($element);
+ return $element;
+ }
+
+ /**
+ * {@inheritdoc}
+ */
+ public static function defaultSettings() {
+ return Thumbnail::defaultSettings() + Video::defaultSettings() + [
+ 'modal_max_width' => '854',
+ ];
+ }
+
+ /**
+ * {@inheritdoc}
+ */
+ public function settingsForm(array $form, FormStateInterface $form_state) {
+ $element = parent::settingsForm($form, $form_state);
+ $element += $this->thumbnailFormatter->settingsForm([], $form_state);
+ $element += $this->videoFormatter->settingsForm([], $form_state);
+ $element['modal_max_width'] = [
+ '#title' => $this->t('Maximum Width'),
+ '#type' => 'number',
+ '#description' => $this->t('The maximum size of the video opened in the Colorbox window in pixels. For smaller screen sizes, the video will scale.'),
+ '#required' => TRUE,
+ '#field_suffix' => 'px',
+ '#size' => 20,
+ '#states' => ['visible' => [[':input[name*="responsive"]' => ['checked' => TRUE]]]],
+ '#default_value' => $this->getSetting('modal_max_width'),
+ ];
+ return $element;
+ }
+
+ /**
+ * {@inheritdoc}
+ */
+ public function settingsSummary() {
+ $summary[] = $this->t('Thumbnail that launches a modal window.');
+ $summary[] = implode(',', $this->videoFormatter->settingsSummary());
+ $summary[] = implode(',', $this->thumbnailFormatter->settingsSummary());
+ return $summary;
+ }
+
+ /**
+ * {@inheritdoc}
+ */
+ public function calculateDependencies() {
+ return parent::calculateDependencies() + $this->thumbnailFormatter->calculateDependencies() + $this->videoFormatter->calculateDependencies();
+ }
+
+ /**
+ * {@inheritdoc}
+ */
+ public function onDependencyRemoval(array $dependencies) {
+ $parent = parent::onDependencyRemoval($dependencies);
+ $thumbnail = $this->thumbnailFormatter->onDependencyRemoval($dependencies);
+ $video = $this->videoFormatter->onDependencyRemoval($dependencies);
+ $this->setSetting('image_style', $this->thumbnailFormatter->getSetting('image_style'));
+ return $parent || $thumbnail || $video;
+ }
+
+ /**
+ * {@inheritdoc}
+ */
+ public static function isApplicable(FieldDefinitionInterface $field_definition) {
+ return \Drupal::moduleHandler()->moduleExists('colorbox');
+ }
+
+}