function uni_user_avatar_plugin_function()
{
?>
<div class="wrap">
<h2><?php
_e('Uni Avatar Plugin Options Page', 'uni-avatar');
?>
</h2>
<form method="post" action="options.php">
<?php
settings_fields('uni-avatar-settings-group');
?>
<?php
do_settings_sections('uni-avatar-settings-group');
?>
<h3><?php
_e('General options', 'uni-avatar');
?>
</h3>
<table class="form-table">
<tr valign="top">
<th scope="row">
<?php
_e('Enable custom avatars everywhere on the website?', 'uni-avatar');
?>
</th>
<td>
<input type="checkbox" name="uni_avatar_enable_gravatar_override" value="1"<?php
echo checked(get_option('uni_avatar_enable_gravatar_override'), 1);
?>
/>
<p class="description"><?php
_e('Check this option to enable custom avatars everywhere on the website and gravatars will be replaced. Or uncheck this and you will be able to use custom avatars only by using plugin\'s shortcode [uav-display-avatar].', 'uni-avatar');
?>
</p>
</td>
</tr>
<tr valign="top">
<th scope="row">
<?php
_e('Enable support of the plugin\'s upload form on the website?', 'uni-avatar');
?>
</th>
<td>
<input type="checkbox" name="uni_upload_form_in_front" value="1"<?php
echo checked(get_option('uni_upload_form_in_front'), 1);
?>
/>
<p class="description"><?php
_e('It is a very important option! You have to enable this only if you want to use an upload avatar form someshere on your website in front end. This option is disabled by default to prevent of loading some not needed scripts (they are really not needed if you don\'t use plugin\'s form for uploading avatars in the front end)', 'uni-avatar');
?>
</p>
</td>
</tr>
<tr valign="top">
<th scope="row"><?php
_e('Choose default avatar image dimmensions. Default is 48 px.', 'uni-avatar');
?>
</th>
<td>
<div style="display:block;float:left;margin-right:20px;">
<input type="text" name="uni_avatar_default_dimm" value="<?php
echo get_option('uni_avatar_default_dimm') ? get_option('uni_avatar_default_dimm') : UNI_AVATAR_DEFAULT_DIMM;
?>
" />
</div>
<div style="clear:both;"></div>
</td>
</tr>
<tr valign="top">
<th scope="row"><?php
_e('Choose default avatar image size (Kb). Default is 300 Kb.', 'uni-avatar');
?>
</th>
<td>
<div style="display:block;float:left;margin-right:20px;">
<input type="text" name="uni_avatar_default_size" value="<?php
echo get_option('uni_avatar_default_size') ? get_option('uni_avatar_default_size') : UNI_AVATAR_DEFAULT_SIZE;
?>
" />
</div>
<div style="clear:both;"></div>
</td>
</tr>
<tr valign="top">
<th scope="row"><?php
_e('Choose default avatar image', 'uni-avatar');
?>
</th>
<td>
<?php
$aDefaultAvatars = uni_avatar_default_avatars_array();
foreach ($aDefaultAvatars as $sSlug => $sTitle) {
?>
<div style="display:block;float:left;margin-right:20px;">
<img style="display:block;margin:0;border:1px solid grey;" src="<?php
echo UNI_AVATAR_WP_PLUGIN_URL . 'css/images/user-avatar-default_' . $sSlug . '.png';
?>
" width="150" height="150" />
<label>
<input type="radio" name="uni_avatar_default_avatar_image" value="<?php
echo $sSlug;
?>
"<?php
echo checked(get_option('uni_avatar_default_avatar_image'), $sSlug);
?>
/>
<?php
echo $sTitle;
?>
</label>
</div>
<?php
}
?>
<div style="clear:both;"></div>
</td>
</tr>
<tr valign="top">
<th scope="row">
<?php
_e('Enable different avatars depending on user\'s gender', 'uni-avatar');
?>
</th>
<td>
<input type="checkbox" name="uni_avatar_gender_mode" value="1"<?php
echo checked(get_option('uni_avatar_gender_mode'), 1);
?>
/>
<p class="description"><?php
_e('WP itself doesn\'t have feature of choosing users\'s gender! However this plugin adds this feature. User\'s gender can be chosen on his profile page.', 'uni-avatar');
?>
</p>
</td>
</tr>
<tr valign="top">
<th scope="row"><?php
_e('Choose one of the predefined avatar image sets with male/female differentiation (displays if male/female differentiation is enabled)', 'uni-avatar');
?>
</th>
<td>
<?php
$aPredefinedAvatars = uni_avatar_predefined_avatars_array();
foreach ($aPredefinedAvatars as $sSlug => $sTitle) {
?>
<div style="display:block;float:left;margin-right:20px;">
<img style="margin:0;border:1px solid grey;" src="<?php
echo UNI_AVATAR_WP_PLUGIN_URL . 'css/images/user-avatar-male-' . $sSlug . '.png';
?>
" width="150" height="150" />
<img style="margin:0;border:1px solid grey;" src="<?php
echo UNI_AVATAR_WP_PLUGIN_URL . 'css/images/user-avatar-female-' . $sSlug . '.png';
?>
" width="150" height="150" />
<label style="display:block;">
<input type="radio" name="uni_avatar_predefined_avatars" value="<?php
echo $sSlug;
?>
"<?php
echo checked(get_option('uni_avatar_predefined_avatars'), $sSlug);
?>
/>
<?php
echo $sTitle;
?>
</label>
</div>
<?php
}
?>
<div style="clear:both;"></div>
</td>
</tr>
<tr valign="top" class="form-field">
<th scope="row"><?php
_e('Custom uploaded avatars', 'uni-avatar');
?>
</th>
<td>
<label><?php
_e('Thumbnails', 'uni-avatar');
?>
</label><br><br>
<div id="uni_avatar_thumb_container">
<?php
$sAvatarIds = get_option('uni_avatar_custom_avatars');
if (isset($sAvatarIds) && !empty($sAvatarIds)) {
$aAvatarIds = explode(',', $sAvatarIds);
}
if (isset($aAvatarIds) && !empty($sAvatarIds)) {
foreach ($aAvatarIds as $iImageId) {
//$sAvatarImage = wp_get_attachment_thumb_url( $iImageId );
?>
<?php
/*<div class="uni_avatar_thumbnail" style="float:left;margin-right:10px;"><img src="<?php echo $sAvatarImage; ?>" width="100" height="100" /></div> */
?>
<div class="uni_avatar_thumbnail" style="float:left;margin-right:10px;"><?php
echo wp_get_attachment_image($iImageId, 'uni-avatar-thumb');
?>
</div>
<?php
}
}
?>
</div>
<div style="clear:both;"></div>
<div style="line-height:60px;">
<input type="hidden" id="uni_avatar_ids" name="uni_avatar_custom_avatars" value="<?php
echo $sAvatarIds;
?>
" />
<button type="button" class="upload_image_button button"><?php
_e('Upload/Add avatars', 'uni-avatar');
?>
</button>
<button type="button" class="remove_image_button button"><?php
_e('Remove avatars', 'uni-avatar');
?>
</button>
</div>
<script type="text/javascript">
// Only show the "remove image" button when needed
if ( ! jQuery('#uni_avatar_ids').val() )
jQuery('.remove_image_button').hide();
// Uploading files
var file_frame;
jQuery(document).on( 'click', '.upload_image_button', function( event ){
event.preventDefault();
// If the media frame already exists, reopen it.
if ( file_frame ) {
file_frame.open();
return;
}
// Create the media frame.
file_frame = wp.media.frames.downloadable_file = wp.media({
title: '<?php
_e('Choose images', 'uni-avatar');
?>
',
button: {
text: '<?php
_e('Use images', 'uni-avatar');
?>
',
},
multiple: true
});
// When an image is selected, run a callback.
file_frame.on( 'select', function() {
selection = file_frame.state().get('selection');
if (!selection) {
return;
}
var aAttachments = [];
// iterate through selected elements
selection.each(function(attachment) {
//console.log( attachment );
jQuery('#uni_avatar_thumb_container').append('<div class="uni_avatar_thumbnail" style="float:left;margin-right:10px;"><img src="'+ attachment.attributes.url +'" width="100px" height="100px" /></div>');
aAttachments.push(attachment.id);
});
var sAttachments = aAttachments.toString();
//console.log( sAttachments );
jQuery('#uni_avatar_ids').val( sAttachments );
jQuery('.remove_image_button').show();
});
// Finally, open the modal.
file_frame.open();
});
jQuery(document).on( 'click', '.remove_image_button', function( event ){
jQuery('#uni_avatar_thumb_container').empty();
jQuery('#uni_avatar_ids').val('');
jQuery('.remove_image_button').hide();
return false;
});
</script>
<div class="clear"></div>
</td>
</tr>
</table>
<h3><?php
_e('Options for BuddyPress', 'uni-avatar');
?>
</h3>
<?php
if (!function_exists('bp_is_active')) {
?>
<p><?php
_e('It seems that you haven\'t activated BuddyPress yet!', 'uni-avatar');
?>
</p>
<?php
}
?>
<table class="form-table">
<tr valign="top">
<th scope="row">
<?php
_e('Enable custom avatars for BuddyPress?', 'uni-avatar');
?>
</th>
<td>
<input type="checkbox" name="uni_avatar_enable_buddypress_avatars_override" value="1"<?php
echo checked(get_option('uni_avatar_enable_buddypress_avatars_override'), 1);
?>
/>
<p class="description"><?php
_e('Check this option to add support of this plugin to BuddyPress. Warning: enabling this option will disable photo upload form on BP user\'s profile page.', 'uni-avatar');
?>
</p>
</td>
</tr>
<tr valign="top">
<th scope="row">
<?php
_e('Enable avatar upload form on BP profile page?', 'uni-avatar');
?>
</th>
<td>
<input type="checkbox" name="uni_avatar_enable_buddypress_form_override" value="1"<?php
echo checked(get_option('uni_avatar_enable_buddypress_form_override'), 1);
?>
/>
<p class="description"><?php
_e('This option for those who enabled support of this plugin for BP and want to give their users an ability to change avatar any time.', 'uni-avatar');
?>
</p>
</td>
</tr>
<tr valign="top">
<th scope="row">
<?php
_e('Custom text above the upload form on "Change Avatar" profile tab', 'uni-avatar');
?>
</th>
<td>
<textarea name="uni_avatar_enable_buddypress_form_text_above"><?php
echo get_option('uni_avatar_enable_buddypress_form_text_above');
?>
</textarea>
<p class="description"><?php
_e('You can add custom text above the upload form. It can be a decription or whatever you want.', 'uni-avatar');
?>
</p>
</td>
</tr>
</table>
<?php
submit_button();
?>
</form>
</div>
<?php
}
function get_user_avatar_image($avatar = '', $id_or_email, $iSize = null, $default = null, $alt = null, $args = null)
{
$aArgs = array();
$aDefaults = array('size' => uni_avatar_get_avatars_size($iSize), 'crop' => true);
$aArgs = wp_parse_args($aArgs, $aDefaults);
$iUserId = '';
if (is_numeric($id_or_email)) {
$iUserId = absint($id_or_email);
} elseif (is_string($id_or_email)) {
$oUser = get_user_by('email', $id_or_email);
$iUserId = $oUser->ID;
} elseif (is_object($id_or_email)) {
// No avatar for pingbacks or trackbacks
$allowed_comment_types = apply_filters('get_avatar_comment_types', array('comment'));
if (!empty($id_or_email->comment_type) && !in_array($id_or_email->comment_type, (array) $allowed_comment_types)) {
return false;
}
if (!empty($id_or_email->user_id)) {
$iUserId = (int) $id_or_email->user_id;
}
}
$oUserData = get_userdata($iUserId);
if (get_user_meta($iUserId, 'uni_user_avatar', true)) {
$sUserAvatarId = get_user_meta($iUserId, 'uni_user_avatar', true);
$aUserAvatar = wp_get_attachment_image_src($sUserAvatarId, 'full');
$sUserAvatar = $aUserAvatar[0];
$sImageUrl = bfi_thumb($sUserAvatar, $aArgs);
} else {
$sGender = get_user_meta($iUserId, '_uni_avatar_gender', true);
if (get_option('uni_avatar_gender_mode') && isset($sGender) && !empty($sGender)) {
$aPredefinedAvatars = uni_avatar_predefined_avatars_array();
$sChosenPredefinedAvatar = get_option('uni_avatar_predefined_avatars');
if ($sGender == 'male') {
$sDefaultImageUrl = UNI_AVATAR_WP_PLUGIN_URL . 'css/images/user-avatar-male-' . $sChosenPredefinedAvatar . '.png';
$sImageUrl = bfi_thumb($sDefaultImageUrl, $aArgs);
} elseif ($sGender == 'female') {
$sDefaultImageUrl = UNI_AVATAR_WP_PLUGIN_URL . 'css/images/user-avatar-female-' . $sChosenPredefinedAvatar . '.png';
$sImageUrl = bfi_thumb($sDefaultImageUrl, $aArgs);
}
} else {
$aDefaultAvatars = uni_avatar_default_avatars_array();
$sChosenDefaultAvatar = get_option('uni_avatar_default_avatar_image');
$sDefaultImageUrl = UNI_AVATAR_WP_PLUGIN_URL . 'css/images/user-avatar-default_' . $sChosenDefaultAvatar . '.png';
$sImageUrl = bfi_thumb($sDefaultImageUrl, $aArgs);
}
}
$sFinalSize = $aArgs['size'];
$aAvatarClasses = array('uni-user-avatar-image', 'avatar', 'avatar-' . $sFinalSize, 'photo', 'avatar-default');
$aAvatarClasses = apply_filters('uni_avatar_img_classes_filter', $aAvatarClasses);
$sAvatarClasses = implode(' ', $aAvatarClasses);
if (isset($alt) && !empty($alt)) {
$sAvatar = '<img src="' . esc_url($sImageUrl) . '" data-user_id="' . $iUserId . '" width="' . $sFinalSize . '" height="' . $sFinalSize . '" class="' . esc_attr($sAvatarClasses) . '" alt="' . esc_attr($alt) . '" />';
} else {
$sAvatar = '<img src="' . esc_url($sImageUrl) . '" data-user_id="' . $iUserId . '" width="' . $sFinalSize . '" height="' . $sFinalSize . '" class="' . esc_attr($sAvatarClasses) . '" alt="' . esc_attr($oUserData->display_name) . '" />';
}
return $sAvatar;
}