Файл: adultscript-2.0.3-pro/files/templates/defboot/user_avatar.tpl.php
Строк: 178
<?php defined('_VALID') or die('Restricted Access!'); ?>
<script type="text/javascript" src="<?php echo REL_URL; ?>/misc/bootstrap-filestyle/bootstrap-filestyle.min.js"></script>
<script type="text/javascript" src="<?php echo REL_URL; ?>/misc/plupload/js/plupload.full.min.js"></script>
<div id="content" class="row">
<?php echo $this->fetch('_user_breadcumb'); ?>
<?php echo $this->fetch('user_menu'); ?>
<div class="col-sm-12">
<div class="content content-user">
<h1><?php echo $this->title ?></h1>
<form id="avatar-form" class="form-horizontal" method="post" action="<?php echo REL_URL; ?>/user/avatar/">
<input name="submit-upload-avatar" type="hidden" value="<?php echo time(); ?>">
<input name="unique_id" type="hidden" value="<?php echo $this->unique; ?>">
<div class="form-group">
<label for="current" class="col-sm-2 control-label"><?php echo __('avatar-current'); ?></label>
<div class="col-xs-6 col-sm-3 col-md-3 col-lg-3">
<img src="<?php echo USER_URL,'/'; if ($_SESSION['avatar'] != ''): echo $_SESSION['user_id'],'.',$_SESSION['avatar'],'?',rand(0,100000); else: echo 'nopic-',$_SESSION['gender'],'.gif'; endif; ?>" class="img-thumbnail" alt="Profile Picture" />
</div>
</div>
<div id="file-group" class="form-group">
<label for="file" class="col-sm-2 control-label"><?php echo __('avatar-new'); ?></label>
<div class="col-xs-6 col-sm-3 col-md-3 col-lg-3">
<div id="upload-container">
<button type="file" id="file" name="file" class="filestyle" data-input="false"></button>
<div id="errors" class="help-block text-danger"></div>
</div>
</div>
<div id="details" class="col-sm-offset-2 col-sm-10" style="display: none;">
<div id="properties" style="display: block; padding: 5px 0;"></div>
<div class="progress">
<div class="progress-bar" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" style="width: 0%;"></div>
</div>
</div>
</div>
<div class="form-group">
<div class="col-sm-offset-2 col-sm-10">
<button type="button" id="upload" class="btn btn-default"><?php echo __('upload'); ?></button>
</div>
</div>
</form>
<script type="text/javascript">
var errors = false;
var uploader = new plupload.Uploader({
runtimes : 'html5,flash,silverlight,html4',
browse_button : 'file',
container: document.getElementById('upload-container'),
url : '<?php echo REL_URL; ?>/ajax.php?s=avatar_upload&id=<?php echo $this->unique; ?>',
flash_swf_url : '<?php echo REL_URL; ?>/misc/plupload/js/Moxie.swf',
silverlight_xap_url : '<?php echo REL_URL; ?>/misc/plupload/js/Moxie.xap',
multipart: true,
multi_selection: false,
filters : {
max_file_size : '<?php echo VCfg::get('user.avatar_max_size'); ?>mb',
mime_types: [
{title : "Image files", extensions : "<?php echo implode(',', VCfg::get('user.avatar_allowed_ext')); ?>"},
]
}
});
uploader.init();
uploader.bind('FilesAdded', function(up, files) {
if (files.length > 1) uploader.splice(1, files.length - 1);
plupload.each(files, function(file) {
$("#properties").html('<div id="' + file.id + '">' + file.name + ' (' + plupload.formatSize(file.size) + ') <b></b></div>');
$("#details").show();
});
up.refresh();
});
uploader.bind('UploadProgress', function(up, file) {
$(".progress-bar").css('width', file.percent + '%');
});
uploader.bind('Error', function(up, err) {
errors = true;
$("#file-group").removeClass('has-success').addClass('has-error');
$("#errors").html(err.code + ': ' + err.message);
$("#errors").show();
});
uploader.bind('UploadComplete', function(up) {
$("#avatar-form").submit();
});
$("button[id='upload']").click(function() {
var error = false;
if (uploader.files.length < 1) {
$("#file-group").removeClass('has-success').addClass('has-error');
$("#errors").html('<?php echo __('file-select'); ?>');
error = true;
} else {
$("#file-group").removeClass('has-error').addClass('has-success');
$("#errors").html('');
}
if (error) {
return;
}
uploader.start();
});
</script>
</div>
<?php if ($this->uploaded): ?>
<div class="content content-user">
<h1><?php echo __('avatar-crop-title'); ?></h1>
<link href="<?php echo REL_URL; ?>/misc/jquery-guillotine/jquery.guillotine.css" media="all" rel="stylesheet">
<script src="<?php echo REL_URL; ?>/misc/jquery-guillotine/jquery.guillotine.min.js" type="text/javascript"></script>
<form id="edit-avatar-form" method="post" class="form-horizontal" action="<?php echo REL_URL; ?>/user/avatar/">
<input name="scale" type="hidden" value="">
<input name="x" type="hidden" value="">
<input name="y" type="hidden" value="">
<input name="w" type="hidden" value="">
<input name="h" type="hidden" value="">
<div class="form-group">
<label for="avatar" class="col-sm-2 control-label"><?php echo __('avatar-crop'); ?></label>
<div class="col-xs-6 col-sm-3 col-md-3 col-lg-3">
<div id="avatar" style="width: 300px;">
<img id="avatar-crop" src="<?php echo MEDIA_REL,'/users/orig/',$this->uploaded; ?>?rand=<?php echo rand(0, 100000); ?>" alt="Original Avatar">
</div>
<div class="btn-group margin-top-10" role="group">
<button id="zoom-in" type="button" class="btn btn-default"><i class="fa fa-search-minus"></i> <?php echo __('zoom-in'); ?></button>
<button id="fit" type="button" class="btn btn-default"><i class="fa fa-arrows-alt"></i> <?php echo __('fit'); ?></button>
<button id="zoom-out" type="button" class="btn btn-default"><i class="fa fa-search-plus"></i> <?php echo __('zoom-out'); ?></button>
</div>
</div>
</div>
<div class="form-group">
<div class="col-sm-offset-2 col-sm-10">
<button type="button" id="crop" class="btn btn-default"><?php echo __('crop'); ?></button>
</div>
</div>
</form>
<script type="text/javascript">
$(document).ready(function() {
var picture = $('#avatar-crop');
picture.on('load', function() {
picture.guillotine({width: <?php echo VCfg::get('user.avatar_width'); ?>, height: <?php echo VCfg::get('user.avatar_height'); ?>});
picture.guillotine('fit');
$("button[id='zoom-in']").click(function() {
picture.guillotine('zoomIn');
});
$("button[id='zoom-out']").click(function() {
picture.guillotine('zoomOut');
});
$("button[id='fit']").click(function() {
picture.guillotine('fit');
});
$("button[id='crop']").click(function() {
var data = picture.guillotine('getData');
$("input[name='scale']").val(data.scale);
$("input[name='x']").val(data.x);
$("input[name='y']").val(data.y);
$("input[name='w']").val(data.w);
$("input[name='h']").val(data.h);
$("#edit-avatar-form").submit();
});
});
});
</script>
</div>
<?php endif; ?>
</div>
</div>