From 5329d795973a0c435ad11836fa5de3602801f800 Mon Sep 17 00:00:00 2001
From: khoa nguyen <khoa.nguyen@boolfly.com>
Date: Thu, 17 Aug 2023 15:45:32 +0700
Subject: [PATCH] fix image preview not show when upload

---
 view/adminhtml/ui_component/blog_author_form.xml | 3 ++-
 view/adminhtml/ui_component/blog_post_form.xml   | 3 ++-
 view/adminhtml/web/template/image-preview.html   | 6 +++---
 3 files changed, 7 insertions(+), 5 deletions(-)

diff --git a/view/adminhtml/ui_component/blog_author_form.xml b/view/adminhtml/ui_component/blog_author_form.xml
index b560b9b..d6e96a0 100644
--- a/view/adminhtml/ui_component/blog_author_form.xml
+++ b/view/adminhtml/ui_component/blog_author_form.xml
@@ -54,6 +54,7 @@
                     <item name="validation" xsi:type="array">
                         <item name="required-entry" xsi:type="boolean">true</item>
                     </item>
+                    <item name="template" xsi:type="string">ui/form/element/uploader/uploader</item>
                 </item>
             </argument>
             <settings>
@@ -129,4 +130,4 @@
             </argument>
         </field>
     </fieldset>
-</form>
\ No newline at end of file
+</form>
diff --git a/view/adminhtml/ui_component/blog_post_form.xml b/view/adminhtml/ui_component/blog_post_form.xml
index 9858d48..2bf80a0 100644
--- a/view/adminhtml/ui_component/blog_post_form.xml
+++ b/view/adminhtml/ui_component/blog_post_form.xml
@@ -198,6 +198,7 @@
                         <item name="validation" xsi:type="array">
                             <item name="required-entry" xsi:type="boolean">true</item>
                         </item>
+                        <item name="template" xsi:type="string">ui/form/element/uploader/uploader</item>
                     </item>
                 </argument>
                 <settings>
@@ -482,4 +483,4 @@
             </insertListing>
         </modal>
     </fieldset>
-</form>
\ No newline at end of file
+</form>
diff --git a/view/adminhtml/web/template/image-preview.html b/view/adminhtml/web/template/image-preview.html
index 5eb677e..f2000a0 100644
--- a/view/adminhtml/web/template/image-preview.html
+++ b/view/adminhtml/web/template/image-preview.html
@@ -1,7 +1,7 @@
 <div class="file-uploader-summary">
     <div class="file-uploader-preview image-uploader-preview">
         <a class="image-uploader-preview-link" attr="href: $parent.getFilePreview($file)" target="_blank">
-            <div class="file-uploader-spinner image-uploader-spinner" />
+            <div class="file-uploader-spinner image-uploader-spinner"></div>
             <img
                     class="preview-image"
                     tabindex="0"
@@ -20,12 +20,12 @@
                     attr="title: $t('Delete image')"
                     disable="$parent.disabled"
                     click="$parent.removeFile.bind($parent, $file)">
-                <span translate="'Delete image'"/>
+                <span translate="'Delete image'"></span>
             </button>
         </div>
     </div>
 
-    <div class="file-uploader-filename" text="$file.name"/>
+    <div class="file-uploader-filename" text="$file.name"></div>
     <div class="file-uploader-meta">
         <text args="$file.previewWidth"/>x<text args="$file.previewHeight"/>,
         <text args="$parent.formatSize($file.size)"/>