From 03cc4f441ffa322bcef6bacfa84807e599099480 Mon Sep 17 00:00:00 2001
From: Aaron Feledy <aaron@arrowonesolutions.com>
Date: Fri, 21 Sep 2018 16:45:23 -0500
Subject: [PATCH] Issue #3001262: Integrate focal point with media_library.

---
 src/Plugin/Field/FieldWidget/FocalPointImageWidget.php     |  8 ++++++++
 templates/focal-point-media-library-image-widget.html.twig | 10 ++++++++++
 2 files changed, 18 insertions(+)
 create mode 100644 templates/focal-point-media-library-image-widget.html.twig

diff --git a/src/Plugin/Field/FieldWidget/FocalPointImageWidget.php b/src/Plugin/Field/FieldWidget/FocalPointImageWidget.php
index c0eb137..b3b86a5 100644
--- a/src/Plugin/Field/FieldWidget/FocalPointImageWidget.php
+++ b/src/Plugin/Field/FieldWidget/FocalPointImageWidget.php
@@ -129,6 +129,14 @@ class FocalPointImageWidget extends ImageWidget {

     $default_focal_point_value = isset($item['focal_point']) ? $item['focal_point'] : $element['#focal_point']['offsets'];

+    // Override the default Image Widget template when using the Media Library
+    // module so we can use the image field's preview rather than the preview
+    // provided by Media Library.
+    if ($form['#form_id'] == 'media_library_upload_form') {
+      $element['#theme'] = 'focal_point_media_library_image_widget';
+      unset($form['media'][0]['preview']);
+    }
+
     // Add the focal point indicator to preview.
     if (isset($element['preview'])) {
       $preview = [
diff --git a/templates/focal-point-media-library-image-widget.html.twig b/templates/focal-point-media-library-image-widget.html.twig
new file mode 100644
index 0000000..8beef21
--- /dev/null
+++ b/templates/focal-point-media-library-image-widget.html.twig
@@ -0,0 +1,10 @@
+{#
+/**
+ * @file
+ * Override of the image field widget to display the preview image after other fields.
+ */
+#}
+<div{{ attributes }}>
+  {{ data|without('preview') }}
+  {{ data.preview }}
+</div>
--
2.12.0.windows.1