You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
365 lines
19 KiB
365 lines
19 KiB
{% load static %}
|
|
<!DOCTYPE html>
|
|
<html lang="ru">
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<title>{% block title %}{% endblock %} {{ NAME }}</title>
|
|
<link rel="shortcut icon" href="/static/img/favicon.ico" type="image/x-icon">
|
|
<link rel="icon" href="/static/img/favicon.ico" type="image/x-icon">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
|
|
<link rel="stylesheet" href="/static/css/bootstrap.min.css" type="text/css" />
|
|
<link rel="stylesheet" href="/static/css/animate.min.css" type="text/css" />
|
|
<link rel="stylesheet" href="/static/css/font-awesome.min.css" type="text/css" />
|
|
<link rel="stylesheet" href="/static/css/simple-line-icons.css" type="text/css" />
|
|
<link rel="stylesheet" href="/static/css/font.css" type="text/css" />
|
|
<link rel="stylesheet" href="/static/css/app.css" type="text/css" />
|
|
<link rel="stylesheet" href="/static/css/aside.css" type="text/css" />
|
|
<link rel="stylesheet" href="/static/css/kladr.min.css" type="text/css" />
|
|
<link rel="stylesheet" href="/static/css/bootstrap-datepicker.min.css" type="text/css" />
|
|
<link rel="stylesheet" href="/static/css/bootstrap-datepicker.standalone.min.css" type="text/css" />
|
|
<link href="/static/css/jqiuery_dialogs.css" rel="stylesheet" />
|
|
<link href="/static/css/jquery.Jcrop.css" rel="stylesheet" />
|
|
<style>
|
|
input{
|
|
font-weight: bold;
|
|
color: #666 !important;
|
|
font-size: 18px !important;
|
|
}
|
|
</style>
|
|
{% block head %}
|
|
{% endblock %}
|
|
</head>
|
|
<body>
|
|
|
|
<div class="modal fade" id="image-workshop" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" style="z-index: 2000;">
|
|
<div class="modal-dialog modal-lg">
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<button type="button" class="close" data-dismiss="modal" aria-label="Close" onclick="close_workshop()"><span aria-hidden="true">×</span></button>
|
|
</div>
|
|
<div>
|
|
<div class="validateTips" style=" text-align: center;
|
|
padding: 10px;
|
|
background-color: #f1f1f1;
|
|
margin-top: 10px;
|
|
margin-bottom: 10px;">
|
|
Обрежте изображение, если это необходимо.
|
|
</div>
|
|
<div class="image_change_workshop">
|
|
<div class="image_change_workshop_place" id="id">
|
|
<img name="image_change_workshop" src="/static/img/ui-anim_basic_16x16.gif">
|
|
</div>
|
|
</div>
|
|
<div style=" width: 100%;
|
|
background-color: #ffc;
|
|
padding: 10px;
|
|
margin-top: 10px;
|
|
text-align: center;">
|
|
<button type="button" class="btn btn-warning btn-lg" onclick="save_workshop()">Сохранить</button>
|
|
<button type="button" class="btn btn-warning btn-lg" onclick="close_workshop()">Назад</button>
|
|
</div>
|
|
|
|
<p style="text-align: center; padding-top: 10px; display: none;" name='file_load_error'>
|
|
Ошибка загрузки файла
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="modal fade" id="img-load" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" style="z-index: 2000;">
|
|
<div class="modal-dialog modal-lg">
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<button type="button" class="close" data-dismiss="modal" aria-label="Close" onclick="$('#form_image_load_file_input').replaceWith($('#form_image_load_file_input').clone())"><span aria-hidden="true">×</span></button>
|
|
</div>
|
|
<div>
|
|
<p style="text-align: center;">
|
|
Вы можете загрузить изображение в формате JPG, GIF или PNG.
|
|
<br> <b>Минимальный размер изображения 256x256</b></p>
|
|
<div class="progress_img_load" style="display: none;">
|
|
<p style="text-align: center;"><img src="/static/img/ui-anim_basic_16x16.gif" style="margin: 20px auto;"></p>
|
|
|
|
</div>
|
|
<div class="form_img_load">
|
|
|
|
<form enctype='multipart/form-data'
|
|
action='/storage/upload_file/'
|
|
method='post'
|
|
name='load_img'
|
|
id="form_image_load_form"
|
|
target='hidden_frame'
|
|
class="load_file" style=" margin-bottom: 20px;">
|
|
<input type='hidden' name='MAX_FILE_SIZE' value='64000'>
|
|
<input id="form_image_load_file_input" name='file' type='file' accept="image/x-png, image/gif, image/jpeg" data-icon="false" data-classbutton="btn btn-default" data-classinput="form-control inline v-middle input-s" tabindex="-1"
|
|
style="outline: 0;background: #ffc; padding: 5px 10px;border-radius: 5px;margin: auto;position: absolute; clip: rect(0px, 0px, 0px, 0px);">
|
|
|
|
<div class="bootstrap-filestyle input-group">
|
|
<span tabindex="0" class="group-span-filestyle input-group-btn" style="text-align: center;">
|
|
<label for="form_image_load_file_input" class="btn btn-default ">
|
|
<span class="glyphicon glyphicon-save-file"></span> Загрузить изображение
|
|
</label>
|
|
</span>
|
|
</div>
|
|
<input type="text" name="clip_file_id" readonly value="0" style="display: none;">
|
|
</form>
|
|
<input name="load_img" id="form_image_load_hidden_input" value="0" readonly style="display: none">
|
|
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div id="fb-root"></div>
|
|
<script>(function(d, s, id) {
|
|
var js, fjs = d.getElementsByTagName(s)[0];
|
|
if (d.getElementById(id)) return;
|
|
js = d.createElement(s); js.id = id;
|
|
js.src = "//connect.facebook.net/ru_RU/sdk.js#xfbml=1&version=v2.4&appId=1129937553688972";
|
|
fjs.parentNode.insertBefore(js, fjs);
|
|
}(document, 'script', 'facebook-jssdk'));</script>
|
|
<div class="app app-header-fixed ">
|
|
|
|
<!-- header -->
|
|
<header id="header" class="app-header navbar " role="menu" style=" background-color: #fdfdfd;">
|
|
<!-- navbar header -->
|
|
<div class="navbar-header bg-info dker" style="text-align: center;">
|
|
{% if request.user.is_authenticated %}
|
|
|
|
<button class="pull-right visible-xs " target=".navbar-collapse" style="padding: 12px 17px;">
|
|
<a href="/access/logout/"><i class="glyphicon glyphicon-log-out"></i></a>
|
|
</button>
|
|
<button class="pull-right visible-xs " target=".navbar-collapse" style="padding: 10px;">
|
|
<a href="/access/profile/" class="pull-right visible-xs ">
|
|
<span class="w-auto-folded avatar thumb-xs">
|
|
<img src="/static/img/user_photo.jpg" class="img-circle" alt="...">
|
|
</span>
|
|
</a>
|
|
</button>
|
|
<!-- / navbar right -->
|
|
{% else %}
|
|
<button class="pull-right visible-xs " target=".navbar-collapse">
|
|
<a type="button" data-toggle="modal" data-target="#myModal1" ui-sref="access.signin"><i class="glyphicon glyphicon-log-out"></i></a>
|
|
</button>
|
|
<button class="pull-right visible-xs " target=".navbar-collapse">
|
|
<a type="button" data-toggle="modal" data-target="#myModal" ui-sref="access.signin"><i class="glyphicon glyphicon-plus"></i></a>
|
|
</button>
|
|
{% endif %}
|
|
<!-- brand -->
|
|
<a href="/" class="navbar-brand text-lt" style="padding-right: 0;">
|
|
<img src="/static/img/logo.png" alt="." class="" style=" max-width: 200px;
|
|
margin-left: 20px;">
|
|
</a>
|
|
<!-- / brand -->
|
|
</div>
|
|
<!-- / navbar header -->
|
|
|
|
</header>
|
|
<!-- / header -->
|
|
|
|
<style>
|
|
.app-content-body:before {
|
|
content: '';
|
|
display: inline-block;
|
|
height: 100%;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.hbox {
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
/* добавим горизонтальное центрирование */
|
|
.app-content-body {
|
|
text-align: center;
|
|
}
|
|
input#error{
|
|
background: red;
|
|
}
|
|
</style>
|
|
<!-- content -->
|
|
<div id="content" class="app-content" role="main" style="margin: 20px auto 0 auto;width: 100%;">
|
|
<div class="app-content-body " style="padding: 0;">
|
|
<div class="hbox hbox-auto-xs hbox-auto-sm" style="text-align: center;">
|
|
<div class="progress" style=" width: 570px;
|
|
text-align: center;
|
|
margin: 40px auto 0 auto;
|
|
background-color: #ccc;
|
|
border-radius: 5px 5px 0 0;">
|
|
<div class="progress-bar progress-bar-info" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100"
|
|
style="width: {% if step == '1' %}0{% endif %}{% if step == '2' %}33%{% endif %}{% if step == '3' %}66%{% endif %}"
|
|
>
|
|
|
|
</div>
|
|
</div>
|
|
<div class="btn-group" data-toggle="buttons">
|
|
<label step_number="1" style="cursor: default;" class="btn btn-primary {% if step == '1' %}active{% endif %}" onchange="click_label('1')">
|
|
<input type="radio" name="options" id="step_1" step_number="1" autocomplete="off"> <b>1 - Придумайте пароль</b>
|
|
</label>
|
|
<label step_number="2" style="cursor: default;" class="btn btn-primary {% if step == '2' %}active{% endif %}" onchange="click_label('2')">
|
|
<input type="radio" name="options" id="step_2" step_number="2" autocomplete="off"> <b>2 - Расскажите о себе</b>
|
|
</label>
|
|
<label step_number="3" style="cursor: default;" class="btn btn-primary deactivate {% if step == '3' %}active{% endif %}" onchange="click_label('3')">
|
|
<input type="radio" name="options" id="step_3" step_number="3" autocomplete="off"> <b>3 - Загрузите фотографию</b>
|
|
</label>
|
|
</div>
|
|
<ul style="width: 570px;
|
|
margin: 0 auto;
|
|
list-style: none;
|
|
background-color: #fff;
|
|
padding: 20px;
|
|
height: 100%;
|
|
border-radius: 0 0 5px 5px; border-bottom: 5px solid #666;border-left: 1px solid #ccc;
|
|
border-right: 1px solid #ccc;">
|
|
<li id="step_1" step_number="1" {% if step != '1' %}style="display: none;" {% endif %}>
|
|
<h3 style="margin-top: 10px;margin-bottom: 30px;font-weight: bold;">Придумайте пароль</h3>
|
|
<p name="error" style="background: #ffc; padding: 10px;"></p>
|
|
<form onsubmit="return false;" name="step_1">
|
|
<input readonly value="1" style="display: none;" name="step">
|
|
<p style=" margin-bottom: 5px;
|
|
text-align: left;
|
|
font-weight: bold;
|
|
margin-left: 5px;
|
|
font-size: 16px; color: #666;">Введите пароль</p>
|
|
<input type="password" name="password1" class="form-control"
|
|
style="margin-bottom: 20px; text-align: center; border-left: 5px solid;font-size: 50px;
|
|
font-weight: bold;
|
|
padding-top: 0px;" autocomplete="off">
|
|
<p style=" margin-bottom: 5px;
|
|
text-align: left;
|
|
font-weight: bold;
|
|
margin-left: 5px;
|
|
font-size: 16px; color: #666;">Повторите пароль</p>
|
|
<input type="password" name="password2" class="form-control"
|
|
style="margin-bottom: 20px; text-align: center; border-left: 5px solid;font-size: 50px;
|
|
font-weight: bold;
|
|
padding-top: 0px;" autocomplete="off">
|
|
<p style="margin-top: 20px;">
|
|
<button step_number="1" class="btn btn-warning btn-lg" onclick="check_step(1); return false;">Продолжить</button>
|
|
</p>
|
|
|
|
<input name="token" style="display: none;" readonly type="text" value="{{ token }}">
|
|
<input name="email" style="display: none;" readonly type="text" value="{{ email }}">
|
|
</form>
|
|
</li>
|
|
<li id="step_2" step_number="2" {% if step != '2' %}style="display: none;" {% endif %}>
|
|
<h3 style="margin-top: 10px;margin-bottom: 30px;font-weight: bold;">Расскажите о себе</h3>
|
|
<p name="error" style="background: #ffc; padding: 10px;"></p>
|
|
<form onsubmit="return false;" name="step_2">
|
|
<input readonly value="2" style="display: none;" name="step">
|
|
<input type="text" name="fname" class="form-control" placeholder="Фамилия" style="margin-bottom: 20px; border-left: 5px solid;">
|
|
<input type="text" name="name" class="form-control" placeholder="Имя" style="margin-bottom: 20px; border-left: 5px solid;">
|
|
<input type="text" name="phone" class="form-control" {% if phone %}value="{{ phone }}"{% endif %} placeholder="Телефон" style="margin-bottom: 20px; border-left: 5px solid;">
|
|
<input type="text" name="city" class="form-control" placeholder="Город"
|
|
style="margin-bottom: 20px;" autocomplete="off">
|
|
<div class="input-group date">
|
|
<input type="text" class="form-control" placeholder="Дата рождения" name="bday" ><span class="input-group-addon"><i class="glyphicon glyphicon-th"></i></span>
|
|
</div>
|
|
<p style="margin-top: 20px;">
|
|
<button step_number="2" class="btn btn-warning btn-lg" onclick="check_step(2); return false;">Продолжить</button>
|
|
</p>
|
|
|
|
<input name="token" style="display: none;" readonly type="text" value="{{ token }}">
|
|
<input name="email" style="display: none;" readonly type="text" value="{{ email }}">
|
|
</form>
|
|
</li>
|
|
<li id="step3" step_number="3" {% if step != '3' %}style="display: none;" {% endif %}>
|
|
<h3 style="margin-top: 10px;margin-bottom: 30px;font-weight: bold;">Загрузите фотографию</h3>
|
|
<p name="error" style="background: #ffc; padding: 10px;"></p>
|
|
<form onsubmit="return false;" name="step_3">
|
|
<img src="/static/img/a8.jpg" alt="..." class="img-thumbnail" name="avatar" style="margin-bottom: 10px;">
|
|
<p style=" margin-bottom: 50px;"><a href="#" style=" color: #666;
|
|
border-bottom: 1px dotted #999;
|
|
padding-bottom: 3px;" onclick="load_image('avatar', 'big')">Загрузить фотографию</a></p>
|
|
<p style="margin-top: 20px;">
|
|
<button step_number="3" class="btn btn-warning btn-lg" onclick="check_step(3); return false;">Завершить</button><Br>
|
|
<a href="#" style="color: #999; float: right;
|
|
border-bottom: 1px dotted #999;
|
|
padding-bottom: 1px;" onclick="check_step(3); return false;">Пропустить</a>
|
|
</p>
|
|
<input readonly value="3" style="display: none;" name="step">
|
|
<input name="avatar_code" style="display: none;" readonly type="text">
|
|
<input name="token" style="display: none;" readonly type="text" value="{{ token }}">
|
|
<input name="email" style="display: none;" readonly type="text" value="{{ email }}">
|
|
</form>
|
|
</li>
|
|
<li id="step4" step_number="4" {% if step != '4' %}style="display: none;" {% endif %}>
|
|
<h3>Поздравляем!</h3>
|
|
<div style="text-align: justify;">
|
|
Вы приняты в сообщество — «{{ NAME }}».<br>
|
|
|
|
</div>
|
|
<p style="text-align: center;"><img src="/static/img/1440723611_check.png"> </p>
|
|
<form method="post" action="/access/fast_auth/" name="final_form">
|
|
{% csrf_token %}
|
|
<p style="text-align: center; margin-top: 10px;"><button class="btn btn-success">Начать изучение</button></p>
|
|
</form>
|
|
|
|
<p style="text-align: justify;margin-bottom: 40px;">С Уважением,<br>{{ NAME }}.</p>
|
|
</li>
|
|
|
|
</ul>
|
|
<p style="text-align: left;margin: 20px auto;width: 530px;">
|
|
<i class="glyphicon glyphicon-copyright-mark"></i> {% now "Y" %}
|
|
<span style="float: right;">{{ NAME }}</span>
|
|
</p>
|
|
|
|
<iframe name="hidden_frame" id="form_image_load_hidden_frame" style="width:0; height:0; border:0;display: none;"></iframe>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- / content -->
|
|
<script type="text/javascript" src='/static/js/jquery.min.js'></script>
|
|
<script type="text/javascript" src='/static/js/bootstrap.min.js'></script>
|
|
<script src="/static/js/jquery.maskedinput.min.js" type="text/javascript"></script>
|
|
<script type="text/javascript" src='/static/js/regex_check.js'></script>
|
|
<script type="text/javascript" src='/static/js/apis/management.js'></script>
|
|
<script type="text/javascript" src='/static/js/apis/access.js'></script>
|
|
<script type="text/javascript" src='/static/js/news.js'></script>
|
|
<script type="text/javascript" src='/static/js/tools.js'></script>
|
|
<script type="text/javascript" src="/static/js/apis/activation.js"></script>
|
|
<script type="text/javascript" src="/static/js/apis/kladr.min.js"></script>
|
|
<script type="text/javascript" src="/static/js/bootstrap-datepicker.min.js"></script>
|
|
<script type="text/javascript" src="/static/js/bootstrap-datepicker.ru.min.js"></script>
|
|
<script type="text/javascript" src="/static/js/apis/inputmask.min.js"></script>
|
|
<script type="text/javascript" src="/static/js/apis/jquery.inputmask.min.js"></script>
|
|
<script type="text/javascript" src="/static/js/apis/image_loader.js"></script>
|
|
<script type="text/javascript" src="/static/js/jquery.Jcrop.min.js"></script>
|
|
|
|
<input name="load_image_place_name" style="display: none;" readonly>
|
|
<input name="load_image_placed_size" style="display: none;" readonly>
|
|
<input name="load_image_width" style="display: none;" readonly>
|
|
<input name="load_image_height" style="display: none;" readonly>
|
|
<input name="load_image_x1" style="display: none;" readonly>
|
|
<input name="load_image_x2" style="display: none;" readonly>
|
|
<input name="load_image_y1" style="display: none;" readonly>
|
|
<input name="load_image_y2" style="display: none;" readonly>
|
|
<input name="REQUEST_USER_ID" style="display: none;" readonly value="{{ request.user.id }}">
|
|
|
|
<script type="text/javascript">
|
|
$(function(){
|
|
function release(){
|
|
jcrop_api.release();
|
|
$('#crop').hide();
|
|
}
|
|
});
|
|
$('.input-group.date').datepicker({
|
|
todayBtn: false,
|
|
language: "ru",
|
|
orientation: "top auto",
|
|
keyboardNavigation: false,
|
|
autoclose: true,
|
|
toggleActive: true,
|
|
defaultViewDate: { year: 1990, month: 11, day: 18 }
|
|
});
|
|
|
|
</script>
|
|
{% block js %}
|
|
{% endblock %}
|
|
</body>
|
|
</html>
|
|
|