From 95c42a67430df7069d3874dc6a12b43a6654b0e1 Mon Sep 17 00:00:00 2001
From: Joe Strong <joestrong@gmail.com>
Date: Fri, 29 Oct 2021 22:11:45 +0100
Subject: [PATCH] Selects alt text from media library when adding image via
 CKEditor

---
 .../views/admin/grid/ckeditor.blade.php         | 13 ++++++++++++-
 .../views/admin/grid/partials/content.blade.php | 17 +++++++++++++----
 2 files changed, 25 insertions(+), 5 deletions(-)

diff --git a/Modules/Media/Resources/views/admin/grid/ckeditor.blade.php b/Modules/Media/Resources/views/admin/grid/ckeditor.blade.php
index ab860b15e..fcbe2da6e 100644
--- a/Modules/Media/Resources/views/admin/grid/ckeditor.blade.php
+++ b/Modules/Media/Resources/views/admin/grid/ckeditor.blade.php
@@ -10,9 +10,20 @@ function getUrlParam(paramName) {
                 return ( match && match.length > 1 ) ? match[1] : null;
             }
 
+            var imageButton = $(this);
             var funcNum = getUrlParam('CKEditorFuncNum');
 
-            window.opener.CKEDITOR.tools.callFunction(funcNum, $(this).data('file-path'));
+            window.opener.CKEDITOR.tools.callFunction(funcNum, imageButton.data('file-path'), function () {
+                var dialog = this.getDialog();
+                if (dialog.getName() !== 'image') {
+                    return;
+                }
+                var altField = dialog.getContentElement('info', 'txtAlt');
+                var altValue = imageButton.data('alt');
+                if (altField && altValue) {
+                    altField.setValue(altValue);
+                }
+            });
             window.close();
         });
     });
diff --git a/Modules/Media/Resources/views/admin/grid/partials/content.blade.php b/Modules/Media/Resources/views/admin/grid/partials/content.blade.php
index b00f4ecdb..b1d8b5080 100644
--- a/Modules/Media/Resources/views/admin/grid/partials/content.blade.php
+++ b/Modules/Media/Resources/views/admin/grid/partials/content.blade.php
@@ -76,14 +76,23 @@
                                     <ul class="dropdown-menu" role="menu">
                                         <?php foreach ($thumbnails as $thumbnail): ?>
                                         <li data-file-path="{{ Imagy::getThumbnail($file->path, $thumbnail->name()) }}"
-                                            data-id="{{ $file->id }}" data-media-type="{{ $file->media_type }}"
-                                            data-mimetype="{{ $file->mimetype }}" class="jsInsertImage">
+                                            data-id="{{ $file->id }}"
+                                            data-media-type="{{ $file->media_type }}"
+                                            data-mimetype="{{ $file->mimetype }}"
+                                            data-alt="{{ $file->alt_attribute }}"
+                                            class="jsInsertImage"
+                                        >
                                             <a href="">{{ $thumbnail->name() }} ({{ $thumbnail->size() }})</a>
                                         </li>
                                         <?php endforeach; ?>
                                         <li class="divider"></li>
-                                        <li data-file-path="{{ $file->path }}" data-id="{{ $file->id }}"
-                                            data-media-type="{{ $file->media_type }}" data-mimetype="{{ $file->mimetype }}" class="jsInsertImage">
+                                        <li data-file-path="{{ $file->path }}"
+                                            data-id="{{ $file->id }}"
+                                            data-media-type="{{ $file->media_type }}"
+                                            data-mimetype="{{ $file->mimetype }}"
+                                            data-alt="{{ $file->alt_attribute }}"
+                                            class="jsInsertImage"
+                                        >
                                             <a href="">Original</a>
                                         </li>
                                     </ul>