How does Magento_Ui/js/grid/columns/thumbnail use the `mage.modal` jQuery UI widget?

dmitry_fedyuk · May 20, 2018, 6:42pm

magento/magento2/blob/2.2.4/app/code/Magento/Ui/view/base/web/js/grid/columns/thumbnail.js#L77-L98


/**
 * Build preview.
 *
 * @param {Object} row
 */
preview: function (row) {
    var modalHtml = mageTemplate(
            thumbnailPreviewTemplate,
            {
                src: this.getOrigSrc(row), alt: this.getAlt(row), link: this.getLink(row),
                linkText: $.mage.__('Go to Details Page')
            }
        ),
        previewPopup = $('<div/>').html(modalHtml);


    previewPopup.modal({
        title: this.getAlt(row),
        innerScroll: true,
        modalClass: '_image-box',
        buttons: []
    }).trigger('openModal');
},

dmitry_fedyuk · May 20, 2018, 6:44pm