ef791c0b7c
Added : Set as avatar code Added : Avatar Collection for user Added : new param avatar_collection in get_collections() method Fixed : crop value in thumbs_dimensions Added : is_avatar param in get_photos() method Added : photo_dimensions filter in generate_photos() method Fixed : insert_photo() method Moved : insert_photo_colors in insert_photo() method from view_item.php page Updated : get_image_type() method Updated : getFileSmarty() method Added : An anchor in getFileSmarty() 'photo_thumb' Fixed : cropping cases in resizer.class.php Updated : $Upload->upload_user_file to upload_new_avatar Removed : cb_create_user_avatar_collection() from common.php Registered : delete_photo_avatar() function @delete_photo Added : validate_image_file() function. It uses our old image.class.php method Added : get_mature_thumb() function. It has three parameters, object_array, size, output. You can also register custom thumb @mature_thumb Added : Few new functions for photos. get_all_custom_size_photos(), get_photo_dimensions(), clean_custom_photo_size(), get_avatar_photos() and is_photo_viewable() Added : new js function, displayConfirm(). It accepts four parameters. id( modal box id), confirmMessage( modal box body), onConfirm( either url or function ) and heading(modal box header)
82 lines
No EOL
3.9 KiB
HTML
82 lines
No EOL
3.9 KiB
HTML
{include_template_file file="blocks/account-left.html"}
|
|
<div class="account-right">
|
|
{if $mode == 'avatar_bg'}
|
|
<h2 class="page-header">{lang code='Avatar & Background'}</h2>
|
|
<img src="{$userquery->getUserThumb($user)}" class="thumbnail moveL marginR10" />
|
|
<form method="post" enctype="multipart/form-data" name="edit_profile" class="form-horizontal clearfix moveL">
|
|
<fieldset>
|
|
<div class="control-group">
|
|
<label class="control-label" for="avatar_file">{lang code='Avatar File'}</label>
|
|
<div class="controls">
|
|
<input type="file" name="avatar_file" id="avatar_file" />
|
|
</div>
|
|
</div>
|
|
<input type="hidden" name="avatar_file_name" value="{$user.avatar}" />
|
|
</fieldset>
|
|
<div> </div>
|
|
<div class="well clearfix">
|
|
<input type="submit" name="update_avatar_bg" class="btn btn-large btn-primary moveR" value="{lang code='Save Changes'}" />
|
|
</div>
|
|
</form>
|
|
{/if}
|
|
|
|
{if $mode == 'make_avatar'}
|
|
<h2 class="page-header">Set Avatar</h2>
|
|
{assign var=pd value=$photo.photo_details|json_decode}
|
|
|
|
{if $smarty.get.set_avatar != 1}
|
|
<div class="well clearfix">
|
|
<h4 style="float:left;">Crop Photo<br /> <small>Drag the corners of the transparent box below to crop this photo into your avatar. </small></h4>
|
|
<form action="" method="post" class="clearfix" style="margin:0px;">
|
|
<input type="hidden" name="start_x" id ="start_x" value="0" />
|
|
<input type="hidden" name="end_x" id ="end_x" value="{$Cbucket->configs.max_profile_pic_width}" />
|
|
|
|
<input type="hidden" name="start_y" id="start_y" value="0" />
|
|
<input type="hidden" name="end_y"id="end_y" value="{$Cbucket->configs.max_profile_pic_width}" />
|
|
|
|
<input type="hidden" name="pid" value="{$smarty.get.pid}" />
|
|
<button type="button" class="moveR btn btn-large" onclick="window.location = '{$cbphoto->photo_links($photo,view_photo)}'">Cancel</button>
|
|
<input type="submit" name="set_avatar" class="btn btn-large btn-primary marginR10 moveR" value="Set Avatar" />
|
|
</form>
|
|
</div>
|
|
<div id="preview_thumbnail_{$photo.photo_id}" class="thumbnail display-none" style="width:{$Cbucket->configs.max_profile_pic_width}px; height:{$Cbucket->configs.max_profile_pic_width}px; overflow:hidden; margin-bottom:15px; padding:0px;">
|
|
{get_photo details=$photo size="o" id="preview" style="max-width:none" output="html"}
|
|
</div>
|
|
<!-- Jcrop Start -->
|
|
<script type="text/javascript">
|
|
$(function() {
|
|
function updateCoords ( coords ) {
|
|
var rx = {$Cbucket->configs.max_profile_pic_width} / coords.w;
|
|
var ry = {$Cbucket->configs.max_profile_pic_width} / coords.h;
|
|
|
|
$('#preview_{$photo.photo_id}').css({
|
|
width: Math.round(rx * {$pd.l.width}) + 'px',
|
|
height: Math.round(ry * {$pd.l.height}) + 'px',
|
|
marginLeft: '-' + Math.round(rx * coords.x) + 'px',
|
|
marginTop: '-' + Math.round(ry * coords.y) + 'px'
|
|
});
|
|
|
|
$('#start_x').val( coords.x );
|
|
$('#end_x').val( coords.x2 );
|
|
|
|
$('#start_y').val( coords.y );
|
|
$('#end_y').val( coords.y2 );
|
|
}
|
|
|
|
$('#{$cbphoto->selector_id}_{$photo.photo_id}').Jcrop({
|
|
onChange: updateCoords,
|
|
onSelect: updateCoords,
|
|
setSelect : [0,0,{$Cbucket->configs.max_profile_pic_width},{$Cbucket->configs.max_profile_pic_width}],
|
|
aspectRatio : 1,
|
|
minSize : [{$smarty.const.AVATAR_SMALL_SIZE},{$smarty.const.AVATAR_SMALL_SIZE}]
|
|
})
|
|
})
|
|
</script>
|
|
<!-- Jcrop End -->
|
|
{/if}
|
|
<div class="thumbnail" style="width:{$pd.l.width}px; margin:auto;">
|
|
{get_photo details=$photo size="l" output="html"}
|
|
</div>
|
|
|
|
{/if}
|
|
</div> |