115 lines
2.0 KiB
JavaScript
115 lines
2.0 KiB
JavaScript
|
(function( $ ) {
|
||
|
|
|
||
|
|
'use strict';
|
||
|
|
|
||
|
|
/*
|
||
|
|
* Open WP Media editor
|
||
|
|
*
|
||
|
|
* @since 1.0
|
||
|
|
*/
|
||
|
|
function wpMediaEditor() {
|
||
|
|
|
||
|
|
// Open WordPress Media Library
|
||
|
|
wp.media.editor.open();
|
||
|
|
|
||
|
|
// On click
|
||
|
|
wp.media.editor.send.attachment = function( props, attachment ) {
|
||
|
|
|
||
|
|
// Set attachment_id value
|
||
|
|
$('.sua__attachment--id').val( attachment.id );
|
||
|
|
|
||
|
|
// Change the image attributes
|
||
|
|
$('.sua__attachment--figure')
|
||
|
|
.find('img')
|
||
|
|
.attr({
|
||
|
|
'src': attachment.sizes.thumbnail.url,
|
||
|
|
'srcset': attachment.sizes.thumbnail.url,
|
||
|
|
'alt': attachment.name
|
||
|
|
});
|
||
|
|
|
||
|
|
// Hide the figcaption
|
||
|
|
$('.sua__attachment--figcaption').addClass('hidden');
|
||
|
|
|
||
|
|
// Show remove button
|
||
|
|
$('#btn-media-remove').removeClass('hidden');
|
||
|
|
|
||
|
|
};
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
/*
|
||
|
|
* Init basic functions for two buttons (add and remove)
|
||
|
|
*
|
||
|
|
* @since 1.0
|
||
|
|
*/
|
||
|
|
function initSimpleUserAvatar() {
|
||
|
|
|
||
|
|
// If attachment_id is empty
|
||
|
|
if( $('.sua__attachment--id').val() == '' ) {
|
||
|
|
|
||
|
|
// Hide remove button
|
||
|
|
$('#btn-media-remove').addClass('hidden');
|
||
|
|
|
||
|
|
} else {
|
||
|
|
|
||
|
|
// Hide caption for default avatar
|
||
|
|
$('.sua__attachment--figcaption').addClass('hidden');
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
$(document)
|
||
|
|
.on( 'click', '#btn-media-add', function( event ) {
|
||
|
|
|
||
|
|
event.preventDefault();
|
||
|
|
|
||
|
|
// Open WordPress Media Library
|
||
|
|
wpMediaEditor();
|
||
|
|
|
||
|
|
})
|
||
|
|
.on( 'click', '#btn-media-remove', function( event ) {
|
||
|
|
|
||
|
|
event.preventDefault();
|
||
|
|
|
||
|
|
// Get default URL
|
||
|
|
var defaultUrl = sua_obj.default_avatar_url;
|
||
|
|
|
||
|
|
// Set default URL on the image
|
||
|
|
$('.sua__attachment--figure')
|
||
|
|
.find('img')
|
||
|
|
.attr({
|
||
|
|
'src': defaultUrl,
|
||
|
|
'srcset': defaultUrl
|
||
|
|
});
|
||
|
|
|
||
|
|
// Set attachment_id to empty
|
||
|
|
$('.sua__attachment--id').val( '' );
|
||
|
|
|
||
|
|
// Show the figcaption
|
||
|
|
$('.sua__attachment--figcaption').removeClass('hidden');
|
||
|
|
|
||
|
|
// Hide remove button
|
||
|
|
$(this).addClass('hidden');
|
||
|
|
|
||
|
|
})
|
||
|
|
.on('click', '.sua__attachment--figure img', function() {
|
||
|
|
|
||
|
|
// Trigger to button
|
||
|
|
$('#btn-media-add').trigger( 'click' );
|
||
|
|
|
||
|
|
});
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
/*
|
||
|
|
* Init functions
|
||
|
|
*
|
||
|
|
* @since 2.8
|
||
|
|
*/
|
||
|
|
$(function() {
|
||
|
|
initSimpleUserAvatar();
|
||
|
|
});
|
||
|
|
|
||
|
|
})( jQuery );
|