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.
159 lines
6.5 KiB
159 lines
6.5 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="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 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;">
|
|
<div style="display: none;">
|
|
<form action="{{ data.url }}" method="POST">
|
|
{% for key, value in data.data.items %}
|
|
<input name="{{ key }}" value="{{ value }}">
|
|
{% endfor %}
|
|
<input type="submit" value="Оплатить" name="bill_submit">
|
|
</form>
|
|
</div>
|
|
<h2>{% if price != '0' %}Переход на страницу оплаты{% else %}Курс выдан вам в подарок{% endif %}</h2>
|
|
<p style=" margin: 50px 0;font-weight: bold;
|
|
background: #ffc;
|
|
padding: 5px;">{% if price != '0' %}Редирект будет осуществлен через <span name="redirect_count"></span>{% else %}<i class="glyphicon glyphicon-gift" style="font-size: 30px;"></i> {% endif %}</p>
|
|
<p>
|
|
{% if price != '0' %}
|
|
Если ваш браузер не поддерживает переадрессацию - перейдите по ссылке ниже:
|
|
<a href="#" style="color: blue;border-bottom: 1px dotted;" name="link_content" onclick="$('[name=bill_submit]').click()">
|
|
Перейти к оплате
|
|
</a>
|
|
{% else %}
|
|
<a href="/" style="color: blue;border-bottom: 1px dotted;">Приятного обучения</a>
|
|
{% endif %}
|
|
</p>
|
|
</div>
|
|
<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>
|
|
|
|
|
|
</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 type="text/javascript" src='/static/js/tools.js'></script>
|
|
<input name="REQUEST_USER_ID" style="display: none;" readonly value="{{ request.user.id }}">
|
|
|
|
{% block js %}
|
|
{% if price != '0' %}
|
|
<script>
|
|
$(function () {
|
|
start_count($('[name=redirect_count]'), 3, function () {
|
|
$('[name=bill_submit]').click()
|
|
})
|
|
})
|
|
</script>
|
|
{% endif %}
|
|
{% endblock %}
|
|
</body>
|
|
</html>
|
|
|