Chris@0: id(); Chris@0: $variables['style_name'] = $style->label(); Chris@0: Chris@0: // Cache bypass token. Chris@0: $variables['cache_bypass'] = REQUEST_TIME; Chris@0: Chris@0: // Sample image info. Chris@0: $sample_width = 160; Chris@0: $sample_height = 160; Chris@0: $image_factory = \Drupal::service('image.factory'); Chris@0: Chris@0: // Set up original file information. Chris@0: $original_path = \Drupal::config('image.settings')->get('preview_image'); Chris@0: $original_image = $image_factory->get($original_path); Chris@0: $variables['original'] = [ Chris@0: 'url' => file_url_transform_relative(file_create_url($original_path)), Chris@0: 'width' => $original_image->getWidth(), Chris@0: 'height' => $original_image->getHeight(), Chris@0: ]; Chris@0: if ($variables['original']['width'] > $variables['original']['height']) { Chris@0: $variables['preview']['original']['width'] = min($variables['original']['width'], $sample_width); Chris@0: $variables['preview']['original']['height'] = round($variables['preview']['original']['width'] / $variables['original']['width'] * $variables['original']['height']); Chris@0: } Chris@0: else { Chris@0: $variables['preview']['original']['height'] = min($variables['original']['height'], $sample_height); Chris@0: $variables['preview']['original']['width'] = round($variables['preview']['original']['height'] / $variables['original']['height'] * $variables['original']['width']); Chris@0: } Chris@0: Chris@0: // Set up derivative file information. Chris@0: $preview_file = $style->buildUri($original_path); Chris@0: // Create derivative if necessary. Chris@0: if (!file_exists($preview_file)) { Chris@0: $style->createDerivative($original_path, $preview_file); Chris@0: } Chris@0: $preview_image = $image_factory->get($preview_file); Chris@0: $variables['derivative'] = [ Chris@0: 'url' => file_url_transform_relative(file_create_url($preview_file)), Chris@0: 'width' => $preview_image->getWidth(), Chris@0: 'height' => $preview_image->getHeight(), Chris@0: ]; Chris@0: if ($variables['derivative']['width'] > $variables['derivative']['height']) { Chris@0: $variables['preview']['derivative']['width'] = min($variables['derivative']['width'], $sample_width); Chris@0: $variables['preview']['derivative']['height'] = round($variables['preview']['derivative']['width'] / $variables['derivative']['width'] * $variables['derivative']['height']); Chris@0: } Chris@0: else { Chris@0: $variables['preview']['derivative']['height'] = min($variables['derivative']['height'], $sample_height); Chris@0: $variables['preview']['derivative']['width'] = round($variables['preview']['derivative']['height'] / $variables['derivative']['height'] * $variables['derivative']['width']); Chris@0: } Chris@0: Chris@0: // Build the preview of the original image. Chris@0: $variables['original']['rendered'] = [ Chris@0: '#theme' => 'image', Chris@0: '#uri' => $original_path, Chris@0: '#alt' => t('Sample original image'), Chris@0: '#title' => '', Chris@0: '#attributes' => [ Chris@0: 'width' => $variables['original']['width'], Chris@0: 'height' => $variables['original']['height'], Chris@0: 'style' => 'width: ' . $variables['preview']['original']['width'] . 'px; height: ' . $variables['preview']['original']['height'] . 'px;', Chris@0: ], Chris@0: ]; Chris@0: Chris@0: // Build the preview of the image style derivative. Timestamps are added Chris@0: // to prevent caching of images on the client side. Chris@0: $variables['derivative']['rendered'] = [ Chris@0: '#theme' => 'image', Chris@0: '#uri' => $variables['derivative']['url'] . '?cache_bypass=' . $variables['cache_bypass'], Chris@0: '#alt' => t('Sample modified image'), Chris@0: '#title' => '', Chris@0: '#attributes' => [ Chris@0: 'width' => $variables['derivative']['width'], Chris@0: 'height' => $variables['derivative']['height'], Chris@0: 'style' => 'width: ' . $variables['preview']['derivative']['width'] . 'px; height: ' . $variables['preview']['derivative']['height'] . 'px;', Chris@0: ], Chris@0: ]; Chris@0: Chris@0: } Chris@0: Chris@0: /** Chris@0: * Prepares variables for image anchor templates. Chris@0: * Chris@0: * Default template: image-anchor.html.twig. Chris@0: * Chris@0: * @param array $variables Chris@0: * An associative array containing: Chris@0: * - element: An associative array containing the image. Chris@0: */ Chris@0: function template_preprocess_image_anchor(&$variables) { Chris@0: $element = $variables['element']; Chris@0: Chris@0: $rows = []; Chris@0: $row = []; Chris@0: foreach (Element::children($element) as $n => $key) { Chris@0: $element[$key]['#attributes']['title'] = $element[$key]['#title']; Chris@0: unset($element[$key]['#title']); Chris@0: $row[] = [ Chris@0: 'data' => $element[$key], Chris@0: ]; Chris@0: if ($n % 3 == 3 - 1) { Chris@0: $rows[] = $row; Chris@0: $row = []; Chris@0: } Chris@0: } Chris@0: Chris@0: $variables['table'] = [ Chris@0: '#type' => 'table', Chris@0: '#header' => [], Chris@0: '#rows' => $rows, Chris@0: '#attributes' => [ Chris@0: 'class' => ['image-anchor'], Chris@0: ], Chris@0: ]; Chris@0: }