#1390 Add related content information to the delete asset warning

MediaGalleryUi/Ui/Component/Listing/Provider.php

@@ -6,15 +6,19 @@
 
 namespace Magento\MediaGalleryUi\Ui\Component\Listing;
 
+use Exception;
 use Magento\Framework\Data\Collection\Db\FetchStrategyInterface as FetchStrategy;
 use Magento\Framework\Data\Collection\EntityFactoryInterface as EntityFactory;
 use Magento\Framework\Event\ManagerInterface as EventManager;
+use Magento\Framework\Exception\IntegrationException;
 use Magento\Framework\Exception\LocalizedException;
 use Magento\Framework\View\Element\UiComponent\DataProvider\SearchResult;
 use Magento\MediaGalleryApi\Api\Data\AssetInterface;
 use Magento\MediaGalleryApi\Api\Data\AssetKeywordsInterface;
 use Magento\MediaGalleryApi\Api\Data\KeywordInterface;
+use Magento\MediaGalleryApi\Api\GetAssetsByIdsInterface;
 use Magento\MediaGalleryApi\Api\GetAssetsKeywordsInterface;
+use Magento\MediaGalleryUi\Model\AssetDetailsProvider\UsedIn;
 use Psr\Log\LoggerInterface as Logger;
 
 class Provider extends SearchResult
@@ -23,25 +27,40 @@ class Provider extends SearchResult
      * @var GetAssetsKeywordsInterface
      */
     private $getAssetKeywords;
+
+    /**
+     * @var GetAssetsByIdsInterface
+     */
+    private $getAssetsByIds;
+
+    /**
+     * @var UsedIn
+     */
+    private $usedIn;
 
     /**
      * @param EntityFactory $entityFactory
      * @param Logger $logger
      * @param FetchStrategy $fetchStrategy
      * @param EventManager $eventManager
      * @param GetAssetsKeywordsInterface $getAssetKeywords
+     * @param GetAssetsByIdsInterface $getAssetsByIds
+     * @param UsedIn $usedIn
      * @param string $mainTable
      * @param null|string $resourceModel
      * @param null|string $identifierName
      * @param null|string $connectionName
      * @throws LocalizedException
+     * @SuppressWarnings(PHPMD.ExcessiveParameterList)
      */
     public function __construct(
         EntityFactory $entityFactory,
         Logger $logger,
         FetchStrategy $fetchStrategy,
         EventManager $eventManager,
         GetAssetsKeywordsInterface $getAssetKeywords,
+        GetAssetsByIdsInterface $getAssetsByIds,
+        UsedIn $usedIn,
         $mainTable = 'media_gallery_asset',
         $resourceModel = null,
         $identifierName = null,
@@ -58,6 +77,8 @@ public function __construct(
             $connectionName
         );
         $this->getAssetKeywords = $getAssetKeywords;
+        $this->getAssetsByIds = $getAssetsByIds;
+        $this->usedIn = $usedIn;
     }
 
     /**
@@ -77,12 +98,32 @@ public function getData()
 
         /** @var AssetInterface $asset */
         foreach ($data as $key => $asset) {
-            $data[$key]['thumbnail_url'] = $asset['path'];
-            $data[$key]['content_type'] = strtoupper(str_replace('image/', '', $asset['content_type']));
-            $data[$key]['preview_url'] = $asset['path'];
-            $data[$key]['keywords'] = isset($keywords[$asset['id']]) ? implode(",", $keywords[$asset['id']]) : '';
-            $data[$key]['source'] = empty($asset['source']) ? 'Local' : $asset['source'];
+            try {
+                $data[$key]['thumbnail_url'] = $asset['path'];
+                $data[$key]['content_type'] = strtoupper(str_replace('image/', '', $asset['content_type']));
+                $data[$key]['preview_url'] = $asset['path'];
+                $data[$key]['keywords'] = isset($keywords[$asset['id']]) ? implode(",", $keywords[$asset['id']]) : '';
+                $data[$key]['source'] = empty($asset['source']) ? 'Local' : $asset['source'];
+                $data[$key]['relatedContent'] = $this->getRelatedContent($asset['id']);
+            } catch (Exception $exception) {
+                $this->_logger->error($exception->getMessage());
+            }
         }
         return $data;
     }
+
+    /**
+     * Returns information about related content
+     *
+     * @param int $assetId
+     * @return array
+     * @throws LocalizedException
+     * @throws IntegrationException
+     */
+    private function getRelatedContent(int $assetId): array
+    {
+        $assetItem = $this->getAssetsByIds->execute([$assetId]);
+
+        return isset($assetItem[0]) ? $this->usedIn->execute($assetItem[0]) : [];
+    }
 }

MediaGalleryUi/view/adminhtml/web/js/action/deleteImage.js

@@ -20,7 +20,7 @@ define([
          * @param {String} deleteUrl
          */
         deleteImageAction: function (record, deleteUrl) {
-            var baseContent = $.mage.__('Are you sure you want to delete "%s" image?'),
+            var baseContent = this.getContentMessage(record.path, record.relatedContent),
                 title = $.mage.__('Delete image'),
                 cancelText = $.mage.__('Cancel'),
                 deleteImageText = $.mage.__('Delete Image'),
@@ -29,7 +29,7 @@ define([
             confirmation({
                 title: title,
                 modalClass: 'media-gallery-delete-image-action',
-                content: baseContent.replace('%s', record.path),
+                content: baseContent,
                 buttons: [
                     {
                         text: cancelText,
@@ -58,6 +58,41 @@ define([
             });
         },
 
+        /**
+         * Returns content
+         *
+         * @param {String} recordPath
+         * @param {Object} recordRelatedContent
+         * @return String
+         */
+        getContentMessage: function (recordPath, recordRelatedContent) {
+            return $.mage.__(this.getRecordRelatedContentHtml(recordRelatedContent.value) +
+                '. Are you sure you want to delete "' + recordPath + '" image?');
+        },
+
+        /**
+         * Get information about image use
+         *
+         * @param {Object|String} value
+         * @return {String}
+         */
+        getRecordRelatedContentHtml: function (value) {
+            var usedIn = 'This image is used in ';
+
+            if (_.isObject(value) && !_.isEmpty(value)) {
+                _.each(value, function (numberOfTimeUsed, moduleName) {
+                    usedIn += numberOfTimeUsed + ' ' + moduleName + ' ';
+                });
+
+                return usedIn;
+            } else {
+
+                return 'This image is not used anywhere';
+            }
+
+            return value;
+        },
+
         /**
          * Delete image
          *