Use bootstrap modal for preview on com_media

[dgrammatiko]

Scope

Eliminate mootools usage and use bootstrap modal for previewing the images.
Also scripts and stylesheets were called all over the place, now they follow Joomla's best practices

B/C

As long as the templates use bootstrap (admin area) there shouldn’t be any problems. Any overrides NEED to be updated!

Performance

Should be a bit quicker without mootools eating some of the rendering time, downloading, http requests etc.

Testing

Apply the patch and see if everything still works correctly.
Report any problems or any ideas for improvement

Preview

[dgrammatiko]

@wilsonge George this muted part together with the other lines above should be enough for the modal to open in the parent window. Still haven’t found a way to update the video source, need to walk through the API/code of the player

[wilsonge]

just do something like

jQuery(document).ready(function($){
    window.parent.document.updateUploader();
    $('.img-preview, .preview').each(function(index, value) {
        $(this).on('click', function(e) {
            window.parent.jQuery('#videoPreview.modal video.mejs-player')[0].player.setSrc($(this).attr('href'));
            window.parent.jQuery('#imagePreview').modal('show');
            return false;
        });
    });
});

[ghazal]

Looks OK.

[wilsonge]

I guess this string needs to go as well

[dgrammatiko]

Actually it’s needed for #7819

[wilsonge]

This is #7819. Assuming you mean for #7810 but I thought you'd removed all the code for that from this PR?

[wilsonge]

Tested successfully

---

_{This comment was created with the J!Tracker Application at issues.joomla.org/joomla-cms/7819.}

[wilsonge]

RTC

---

_{This comment was created with the J!Tracker Application at issues.joomla.org/joomla-cms/7819.}

[Kubik-Rubik]

Thank you @DGT41! Merged with 7e130b6