<?php /** * Copyright © Magento, Inc. All rights reserved. * See COPYING.txt for license details. */ use Magento\MediaGalleryUi\Block\Adminhtml\ImageDetails; use Magento\Framework\Escaper; /** @var ImageDetails $block */ /** @var Escaper $escaper */ ?> <div class="media-gallery-image-details-modal" data-bind="mageInit: { 'Magento_Ui/js/modal/modal': { type: 'slide', buttons: [], modalClass: 'media-gallery-image-details', title: '<?= $escaper->escapeHtmlAttr(__('Image Details')); ?>' } }"><div class="page-main-actions" data-bind="scope: 'mediaGalleryImageActions'"><!-- ko template: getTemplate() --><!-- /ko --></div><div id="media-gallery-image-details-messages" data-bind="scope: 'mediaGalleryImageDetailsMessages'"><!-- ko template: getTemplate() --><!-- /ko --></div><div id="media-gallery-image-details" data-bind="scope: 'mediaGalleryImageDetails'"><!-- ko template: getTemplate() --><!-- /ko --></div></div><script type="text/x-magento-init">
    {
        "#media-gallery-image-details": {
            "Magento_Ui/js/core/app": {
                "components": {
                    "mediaGalleryImageDetails": {
                        "component": "Magento_MediaGalleryUi/js/image/image-details",
                        "imageDetailsUrl": "<?= $escaper->escapeJs($block->getData('imageDetailsUrl')); ?>",
                        "modalSelector": ".media-gallery-image-details-modal",
                        "modalWindowSelector": ".media-gallery-image-details",
                        "mediaGridMessages": "media_gallery_listing.media_gallery_listing.messages"
                    },
                    "mediaGalleryImageDetailsMessages": {
                        "component": "Magento_MediaGalleryUi/js/grid/messages"
                    },
                    "mediaGalleryImageActions": {
                        "component": "Magento_MediaGalleryUi/js/image/image-actions",
                        "modalSelector": ".media-gallery-image-details-modal",
                        "modalWindowSelector": ".media-gallery-image-details",
                        "imageModelName" : "media_gallery_listing.media_gallery_listing.media_gallery_columns.thumbnail_url",
                        "mediaGalleryImageDetailsName": "mediaGalleryImageDetails",
                        "actionsList": <?= /* @noEscape */ $block->getActionsJson() ?>
                    }
                }
            }
        }
    }</script>