File size: 9.7Kb
<div class="container">
<div class="pg_start_step step-one-active">
<div class="line">
<div class="line_sec"></div>
<div class="dot one"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg><span>{{LANG image}}</span></div>
<div class="dot two"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg><span>Info</span></div>
<div class="dot three"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg><span>{{LANG follow}}</span></div>
</div>
</div>
<div class="pg_page padd pp_startup">
<form id="startup_image">
<div class="start_head">
<h3>{{LANG add_photo_s}}</h3>
</div>
<div class="img_container startup_image" id="user_image">
<div class="valign img_container_1">
<svg height="512pt" viewBox="0 -43 512.00003 512" width="512pt" xmlns="http://www.w3.org/2000/svg"><path d="m68.265625 262.570312v-185.769531c0-4.714843 3.820313-8.535156 8.535156-8.535156h358.398438c4.714843 0 8.535156 3.820313 8.535156 8.535156v187.734375zm0 0" fill="#b0d3f0"></path><path d="m354.132812 155.734375-68.691406 67.15625-88.320312-86.355469-128.855469 126.035156v87.296876c0 4.710937 3.820313 8.53125 8.535156 8.53125h358.398438c4.714843 0 8.535156-3.820313 8.535156-8.53125v-106.496094zm0 0" fill="#4fba6f"></path><path d="m443.734375 243.371094v106.496094c0 4.710937-3.820313 8.53125-8.535156 8.53125h-9.726563l-130.21875-125.863282-9.8125-9.644531 68.691406-67.15625zm0 0" fill="#24ae5f"></path><g fill="#67b9cc"><path d="m469.332031 34.132812h-17.066406c-4.710937 0-8.53125-3.820312-8.53125-8.53125 0-4.714843 3.820313-8.535156 8.53125-8.535156h17.066406c4.714844 0 8.535157 3.820313 8.535157 8.535156 0 4.710938-3.820313 8.53125-8.535157 8.53125zm-51.199219 0h-34.132812c-4.710938 0-8.535156-3.820312-8.535156-8.53125 0-4.714843 3.824218-8.535156 8.535156-8.535156h34.132812c4.714844 0 8.535157 3.820313 8.535157 8.535156 0 4.710938-3.820313 8.53125-8.535157 8.53125zm-68.265624 0h-34.132813c-4.714844 0-8.535156-3.820312-8.535156-8.53125 0-4.714843 3.820312-8.535156 8.535156-8.535156h34.132813c4.710937 0 8.53125 3.820313 8.53125 8.535156 0 4.710938-3.820313 8.53125-8.53125 8.53125zm-68.265626 0h-34.136718c-4.710938 0-8.53125-3.820312-8.53125-8.53125 0-4.714843 3.820312-8.535156 8.53125-8.535156h34.136718c4.710938 0 8.53125 3.820313 8.53125 8.535156 0 4.710938-3.820312 8.53125-8.53125 8.53125zm-68.269531 0h-34.132812c-4.710938 0-8.53125-3.820312-8.53125-8.53125 0-4.714843 3.820312-8.535156 8.53125-8.535156h34.132812c4.714844 0 8.535157 3.820313 8.535157 8.535156 0 4.710938-3.820313 8.53125-8.535157 8.53125zm-68.265625 0h-34.132812c-4.714844 0-8.535156-3.820312-8.535156-8.53125 0-4.714843 3.820312-8.535156 8.535156-8.535156h34.132812c4.714844 0 8.535156 3.820313 8.535156 8.535156 0 4.710938-3.820312 8.53125-8.535156 8.53125zm-68.265625 0h-34.132812c-4.714844 0-8.535157-3.820312-8.535157-8.53125 0-4.714843 3.820313-8.535156 8.535157-8.535156h34.132812c4.710938 0 8.53125 3.820313 8.53125 8.535156 0 4.710938-3.820312 8.53125-8.53125 8.53125zm0 0"></path><path d="m486.398438 358.398438c-4.710938 0-8.53125-3.820313-8.53125-8.53125v-34.132813c0-4.714844 3.820312-8.535156 8.53125-8.535156 4.714843 0 8.535156 3.820312 8.535156 8.535156v34.132813c0 4.710937-3.820313 8.53125-8.535156 8.53125zm0-68.265626c-4.710938 0-8.53125-3.820312-8.53125-8.53125v-34.136718c0-4.710938 3.820312-8.53125 8.53125-8.53125 4.714843 0 8.535156 3.820312 8.535156 8.53125v34.136718c0 4.710938-3.820313 8.53125-8.535156 8.53125zm0-68.265624c-4.710938 0-8.53125-3.820313-8.53125-8.535157v-34.132812c0-4.710938 3.820312-8.53125 8.53125-8.53125 4.714843 0 8.535156 3.820312 8.535156 8.53125v34.132812c0 4.714844-3.820313 8.535157-8.535156 8.535157zm0-68.265626c-4.710938 0-8.53125-3.820312-8.53125-8.535156v-34.132812c0-4.714844 3.820312-8.535156 8.53125-8.535156 4.714843 0 8.535156 3.820312 8.535156 8.535156v34.132812c0 4.714844-3.820313 8.535156-8.535156 8.535156zm0-68.269531c-4.710938 0-8.53125-3.820312-8.53125-8.53125v-34.132812c0-4.714844 3.820312-8.535157 8.53125-8.535157 4.714843 0 8.535156 3.820313 8.535156 8.535157v34.132812c0 4.710938-3.820313 8.53125-8.535156 8.53125zm0 0"></path><path d="m469.332031 409.601562h-34.132812c-4.710938 0-8.53125-3.820312-8.53125-8.535156 0-4.710937 3.820312-8.53125 8.53125-8.53125h34.132812c4.714844 0 8.535157 3.820313 8.535157 8.53125 0 4.714844-3.820313 8.535156-8.535157 8.535156zm-68.265625 0h-34.132812c-4.714844 0-8.535156-3.820312-8.535156-8.535156 0-4.710937 3.820312-8.53125 8.535156-8.53125h34.132812c4.714844 0 8.535156 3.820313 8.535156 8.53125 0 4.714844-3.820312 8.535156-8.535156 8.535156zm-68.265625 0h-34.132812c-4.714844 0-8.535157-3.820312-8.535157-8.535156 0-4.710937 3.820313-8.53125 8.535157-8.53125h34.132812c4.710938 0 8.53125 3.820313 8.53125 8.53125 0 4.714844-3.820312 8.535156-8.53125 8.535156zm-68.265625 0h-34.136718c-4.710938 0-8.53125-3.820312-8.53125-8.535156 0-4.710937 3.820312-8.53125 8.53125-8.53125h34.136718c4.710938 0 8.53125 3.820313 8.53125 8.53125 0 4.714844-3.820312 8.535156-8.53125 8.535156zm-68.269531 0h-34.132813c-4.710937 0-8.53125-3.820312-8.53125-8.535156 0-4.710937 3.820313-8.53125 8.53125-8.53125h34.132813c4.714844 0 8.535156 3.820313 8.535156 8.53125 0 4.714844-3.820312 8.535156-8.535156 8.535156zm-68.265625 0h-34.132812c-4.714844 0-8.535157-3.820312-8.535157-8.535156 0-4.710937 3.820313-8.53125 8.535157-8.53125h34.132812c4.710938 0 8.535156 3.820313 8.535156 8.53125 0 4.714844-3.824218 8.535156-8.535156 8.535156zm-68.265625 0h-17.066406c-4.714844 0-8.535157-3.820312-8.535157-8.535156 0-4.710937 3.820313-8.53125 8.535157-8.53125h17.066406c4.710937 0 8.53125 3.820313 8.53125 8.53125 0 4.714844-3.820313 8.535156-8.53125 8.535156zm0 0"></path><path d="m25.601562 392.535156c-4.714843 0-8.535156-3.824218-8.535156-8.535156v-34.132812c0-4.714844 3.820313-8.535157 8.535156-8.535157 4.710938 0 8.53125 3.820313 8.53125 8.535157v34.132812c0 4.710938-3.820312 8.535156-8.53125 8.535156zm0-68.269531c-4.714843 0-8.535156-3.820313-8.535156-8.53125v-34.132813c0-4.714843 3.820313-8.535156 8.535156-8.535156 4.710938 0 8.53125 3.820313 8.53125 8.535156v34.132813c0 4.710937-3.820312 8.53125-8.53125 8.53125zm0-68.265625c-4.714843 0-8.535156-3.820312-8.535156-8.535156v-34.132813c0-4.710937 3.820313-8.53125 8.535156-8.53125 4.710938 0 8.53125 3.820313 8.53125 8.53125v34.132813c0 4.714844-3.820312 8.535156-8.53125 8.535156zm0-68.265625c-4.714843 0-8.535156-3.820313-8.535156-8.535156v-34.132813c0-4.710937 3.820313-8.53125 8.535156-8.53125 4.710938 0 8.53125 3.820313 8.53125 8.53125v34.132813c0 4.714843-3.820312 8.535156-8.53125 8.535156zm0-68.269531c-4.714843 0-8.535156-3.820313-8.535156-8.53125v-34.132813c0-4.714843 3.820313-8.535156 8.535156-8.535156 4.710938 0 8.53125 3.820313 8.53125 8.535156v34.132813c0 4.710937-3.820312 8.53125-8.53125 8.53125zm0 0"></path></g><path d="m477.867188 0h17.066406c9.425781 0 17.066406 7.640625 17.066406 17.066406v17.066406c0 9.425782-7.640625 17.066407-17.066406 17.066407h-17.066406c-9.425782 0-17.066407-7.640625-17.066407-17.066407v-17.066406c0-9.425781 7.640625-17.066406 17.066407-17.066406zm0 0" fill="#41767f"></path><path d="m17.066406 0h17.066406c9.425782 0 17.066407 7.640625 17.066407 17.066406v17.066406c0 9.425782-7.640625 17.066407-17.066407 17.066407h-17.066406c-9.425781 0-17.066406-7.640625-17.066406-17.066407v-17.066406c0-9.425781 7.640625-17.066406 17.066406-17.066406zm0 0" fill="#41767f"></path><path d="m17.066406 375.464844h17.066406c9.425782 0 17.066407 7.644531 17.066407 17.070312v17.066406c0 9.425782-7.640625 17.066407-17.066407 17.066407h-17.066406c-9.425781 0-17.066406-7.640625-17.066406-17.066407v-17.066406c0-9.425781 7.640625-17.070312 17.066406-17.070312zm0 0" fill="#41767f"></path><path d="m477.867188 375.464844h17.066406c9.425781 0 17.066406 7.644531 17.066406 17.070312v17.066406c0 9.425782-7.640625 17.066407-17.066406 17.066407h-17.066406c-9.425782 0-17.066407-7.640625-17.066407-17.066407v-17.066406c0-9.425781 7.640625-17.070312 17.066407-17.070312zm0 0" fill="#41767f"></path></svg>
</div>
</div>
<div class="valign pg_start_subtn">
<small onclick="skip_startup()">{{LANG skip_step}}</small>
<button class="btn btn-main btn-mat btn-mat-raised" type="submit">{{LANG save_c}}</button>
</div>
<input type="hidden" name="user_id" value="<?php echo($context['me']['user_id']) ?>">
<input type="hidden" name="hash" value="<?php echo($context['csrf_token']) ?>">
<input type="file" name="photo" class="hidden" id="user-photo" accept="image/x-png,image/jpg,image/jpeg" required>
</form>
</div>
</div>
<script type="text/javascript">
function skip_startup() {
$.post(link('startup/skip'), function(data, textStatus, xhr) {
window.location.href = site_url('')
});
}
jQuery(document).ready(function($) {
$("#user_image").click(function(event) {
$("#user-photo").trigger('click');
});
$("#user-photo").change(function(event) {
$("#user_image").html("<img src='" + window.URL.createObjectURL(this.files[0]) + "' alt='Picture' width='100%' height='100%'>")
$('.btn_register').removeAttr('disabled');
});
var form = $("form#startup_image");
form.ajaxForm({
url: link('startup/startup_image'),
type: 'POST',
dataType: 'json',
beforeSend: function(){
$('form').find('button[type="submit"]').attr('disabled','true');
},
success: function(data){
if (data.status == 200) {
window.location.href = site_url('')
}
$('form').find('button[type="submit"]').removeAttr('disabled');
}
});
});
</script>