📄 wp-user-avatar-user.js

/*! One User Avatar - 2.5.0
 * Copyright One Designs
 * Copyright ProfilePress
 * Copyright Flippercode
 * Copyright Bangbay Siboliban
 * Licensed GPLv2
 */

jQuery(function($) {
	// Add enctype to form with JavaScript as backup
	$('#your-profile').attr('enctype', 'multipart/form-data');

	// Store One User Avatar ID
	var wpuaID = $('#wp-user-avatar').val();

	// Store One User Avatar src
	var wpuaSrc = $('#wpua-preview').find('img').attr('src');

	$('#wpua-undo-button-existing').hide();

	// Remove One User Avatar
	$('body').on('click', '#wpua-remove', function(e) {
		e.preventDefault();

		$('#wpua-original').remove();
		$('#wpua-remove-button, #wpua-thumbnail').hide();
		$('#wpua-preview').find('img:first').hide();
		$('#wpua-preview').prepend('<img id="wpua-original" />');
		$('#wpua-original').attr('src', wpua_custom.avatar_thumb);
		$('#wp-user-avatar').val("");
		$('#wpua-original, #wpua-undo-button').show();
		$('#wp_user_avatar_radio').trigger('click');
	});

	// Undo One User Avatar
	$('body').on('click', '#wpua-undo', function(e) {
		e.preventDefault();

		$('#wpua-original').remove();
		$('#wpua-images').removeAttr('style');
		$('#wpua-undo-button').hide();
		$('#wpua-remove-button, #wpua-thumbnail').show();
		$('#wpua-preview').find('img:first').attr('src', wpuaSrc).show();
		$('#wp-user-avatar').val(wpuaID);
		$('#wp_user_avatar_radio').trigger('click');
	});

	// Store WP Existing User Avatar ID
	var wpuaEID = $('#wp-user-avatar-existing').val();

	// Store WP Existing User Avatar src
	var wpuaESrc = $('#wpua-preview-existing').find('img').attr('src');

	// Remove WP Existing User Avatar
	$('body').on('click', '#wpua-remove-existing', function(e) {
		e.preventDefault();

		$('#wpua-original-existing').remove();
		$('#wpua-remove-button-existing, #wpua-thumbnail-existing').hide();
		$('#wpua-preview-existing').find('img:first').hide();
		$('#wpua-preview-existing').prepend('<img id="wpua-original-existing" />');
		$('#wpua-original-existing').attr('src', wpua_custom.avatar_thumb);
		$('#wp-user-avatar-existing').val("");
		$('#wpua-original-existing, #wpua-undo-button-existing').show();
		$('#wp_user_avatar_radio-existing').trigger('click');
	});
	// Undo WP Existing User Avatar
	$('body').on('click', '#wpua-undo-existing', function(e) {
		e.preventDefault();

		$('#wpua-original-existing').remove();
		$('#wpua-images-existing').removeAttr('style');
		$('#wpua-undo-button-existing').hide();
		$('#wpua-remove-button-existing, #wpua-thumbnail-existing').show();
		$('#wpua-preview-existing').find('img:first').attr('src', wpuaSrc).show();
		$('#wp-user-avatar-existing').val(wpuaID);
		$('#wp_user_avatar_radio-existing').trigger('click');
	});

	$('body').on('click', '#wpua-upload, #wpua-upload-existing', function(e) {
		e.preventDefault();

		$('#submit').click();
	});
});