Issue #6736: Hero background img preview

Fixes backdrop/backdrop-issues#6736
docwilmot · Nov 8, 2024 · 8e35300 · 8e35300
1 parent c402d68
commit 8e35300
Show file tree

Hide file tree

Showing 3 changed files with 32 additions and 0 deletions.
diff --git a/core/modules/layout/includes/block.hero.inc b/core/modules/layout/includes/block.hero.inc
@@ -71,6 +71,7 @@ class BlockHero extends BlockText {
       '#upload_location' => 'public://hero/',
       '#upload_validators' => $upload_validators,
       '#weight' => -10,
+      '#theme' => 'layout_hero_background_image',
     );
     // Store the image path separately.
     $form['image_path'] = array(

diff --git a/core/modules/layout/layout.module b/core/modules/layout/layout.module
@@ -831,6 +831,9 @@ function layout_theme() {
       'template' => 'templates/layout-content-form',
       'render element' => 'form',
     ) + $base,
+    'layout_hero_background_image' => array(
+      'render element' => 'element',
+    ) + $base,
     'layout_info' => array(
       'variables' => array('layout' => NULL),
     ) + $base,

diff --git a/core/modules/layout/layout.theme.inc b/core/modules/layout/layout.theme.inc
@@ -277,6 +277,34 @@ function theme_layout_region_inner($variables) {
   return implode('', $variables['blocks']);
 }
 
+
+/**
+ * Output a preview of hero block background image.
+ */
+function theme_layout_hero_background_image($variables) {
+  $element = $variables['element'];
+  $attributes = array();
+  if (isset($element['#id'])) {
+    $attributes['id'] = $element['#id'];
+  }
+  if (!empty($element['#attributes']['class'])) {
+    $attributes['class'] = (array) $element['#attributes']['class'];
+  }
+  $attributes['class'][] = 'form-managed-file';
+
+  $output = '';
+  $output .= '<div' . backdrop_attributes($attributes) . '>';
+  if (isset($element['#file']->uri)) {
+    $output .= '<div class="hero-bg-preview">';
+    $output .= '<img style="height:250px" src="' . image_style_url('medium', $element['#file']->uri) . '" />';
+    $output .= '</div>';
+  }
+  $output .= backdrop_render_children($element);
+  $output .= '</div>';
+
+  return $output;
+}
+
 /**
  * Prepares variables for layout templates.
  *