codemirror
2 years ago
datatables
2 years ago
admin-page.js
2 years ago
content-order-sort.js
2 years ago
custom-admin-menu.js
2 years ago
external-permalinks.js
2 years ago
gutenberg-content-duplication.js
2 years ago
hide-admin-notices.js
2 years ago
jBox.all.min.js
2 years ago
jquery.jsticky.mod.js
2 years ago
jquery.jsticky.mod.min.js
2 years ago
jquery.mjs.nestedSortable.js
2 years ago
jquery.ui.touch-punch.min.js
2 years ago
js.cookie.min.js
2 years ago
media-replace.js
2 years ago
multiple-user-roles.js
2 years ago
toggle-hidden-menu.js
2 years ago
media-replace.js
93 lines
| 1 | (function( $ ) { |
| 2 | 'use strict'; |
| 3 | |
| 4 | $(document).ready( function() { |
| 5 | |
| 6 | // Place the Replace Media section after the side metaboxes |
| 7 | $('#media-replace-div').appendTo('#postbox-container-1'); |
| 8 | |
| 9 | }); |
| 10 | |
| 11 | })( jQuery ); |
| 12 | |
| 13 | // let asenhaMRVars = asenhaMR; |
| 14 | |
| 15 | // Open media modal on clicking Select New Media File button. |
| 16 | // This is set with onclick="replaceMedia('mime/type')" on the button HTML |
| 17 | function replaceMedia(oldImageMimeType) { |
| 18 | if ( oldImageMimeType ) { |
| 19 | // There's a mime type defined. Do nothing. |
| 20 | } else { |
| 21 | // We're in the grid view of an image. Get the mime type form the file info in DOM. |
| 22 | var oldImageMimeTypeFromDom = jQuery('.details .file-type').html(); |
| 23 | // Replace '<strong>File type:</strong>' in any language with empty string |
| 24 | oldImageMimeTypeFromDom = oldImageMimeTypeFromDom.replace(/<strong>(.*?)<\/strong>/, ''); |
| 25 | // Replace one blank spacing with an empty space / no space |
| 26 | oldImageMimeType = oldImageMimeTypeFromDom.replace(' ', ''); |
| 27 | } |
| 28 | |
| 29 | // https://codex.wordpress.org/Javascript_Reference/wp.media |
| 30 | // https://github.com/ericandrewlewis/wp-media-javascript-guide |
| 31 | |
| 32 | // Instantiate the media frame |
| 33 | mediaFrame = wp.media({ |
| 34 | title: mediaReplace.selectMediaText, |
| 35 | button: { |
| 36 | text: mediaReplace.performReplacementText |
| 37 | }, |
| 38 | multiple: false // Enable/disable multiple select |
| 39 | }); |
| 40 | |
| 41 | |
| 42 | // Open the media dialog and store it in a variable |
| 43 | var mediaFrameEl = jQuery(mediaFrame.open().el); |
| 44 | |
| 45 | // Open the "Upload files" tab on load |
| 46 | mediaFrameEl.find('#menu-item-upload').click(); |
| 47 | |
| 48 | // When an image is selected |
| 49 | mediaFrameEl.on('click', 'li.attachment', function(e) { |
| 50 | var mimeTypeWarning = '<div class="mime-type-warning">The selected image is of a different type than the image to replace. Please choose an image with the same type.</div>'; |
| 51 | var selectedAttachment = mediaFrame.state().get('selection').first().toJSON(); |
| 52 | var selectedAttachmentMimeType = selectedAttachment.mime; |
| 53 | |
| 54 | if ( oldImageMimeType != selectedAttachmentMimeType ) { |
| 55 | jQuery('.media-frame-toolbar .media-toolbar-primary .mime-type-warning').remove(); |
| 56 | jQuery('.media-frame-toolbar .media-toolbar-primary').prepend(mimeTypeWarning); |
| 57 | jQuery('.media-frame-toolbar .media-toolbar-primary .media-button-select').prop('disabled', true); |
| 58 | } else { |
| 59 | jQuery('.media-frame-toolbar .media-toolbar-primary .mime-type-warning').remove(); |
| 60 | jQuery('.media-frame-toolbar .media-toolbar-primary .media-button-select').prop('disabled', false); |
| 61 | } |
| 62 | }); |
| 63 | |
| 64 | // Make sure the "Drop files to upload" blue overlay is closed after dropping one or more files |
| 65 | jQuery('.supports-drag-drop:not(.upload.php)').on( 'drop', function() { |
| 66 | jQuery('.uploader-window').hide(); |
| 67 | }); |
| 68 | |
| 69 | // When Perform Replacement button is clicked in the media frame... |
| 70 | mediaFrame.on('select', function() { |
| 71 | |
| 72 | // Get media attachment details from the frame state |
| 73 | var attachment = mediaFrame.state().get('selection').first().toJSON(); |
| 74 | var newImageMimeType = attachment.mime; |
| 75 | |
| 76 | if ( oldImageMimeType == newImageMimeType ) { |
| 77 | |
| 78 | // Send the attachment id to our hidden input |
| 79 | jQuery('#new-attachment-id').val(attachment.id); |
| 80 | |
| 81 | if (jQuery("#new-attachment-id").closest('.media-modal').length) { |
| 82 | |
| 83 | } else { |
| 84 | // For media library list view |
| 85 | // "Perform Replacement" button has been clicked. Submit the edit form, which includes 'new-attachment-id' |
| 86 | jQuery("#new-attachment-id").closest("form").submit(); |
| 87 | jQuery(mediaFrame.close()); |
| 88 | } |
| 89 | } |
| 90 | |
| 91 | }); |
| 92 | |
| 93 | } |