zaglushki added
This commit is contained in:
denisvandyshev
parent
1ad049c279
commit
dd1e910417
BIN
db.sqlite3
BIN
db.sqlite3
Binary file not shown.
Binary file not shown.
|
|
@ -16,7 +16,7 @@ Including another URLconf
|
||||||
"""
|
"""
|
||||||
from django.contrib import admin
|
from django.contrib import admin
|
||||||
from django.urls import path
|
from django.urls import path
|
||||||
from test_browser.views import index_page, tickets_page, check_choice
|
from test_browser.views import index_page, tickets_page, check_choice, QR
|
||||||
|
|
||||||
|
|
||||||
app_name = "test_browser"
|
app_name = "test_browser"
|
||||||
|
|
@ -30,6 +30,11 @@ urlpatterns = [
|
||||||
path('', index_page),
|
path('', index_page),
|
||||||
path('tickets.html', tickets_page),
|
path('tickets.html', tickets_page),
|
||||||
path('check_choice/', check_choice, name = 'check_choice'),
|
path('check_choice/', check_choice, name = 'check_choice'),
|
||||||
|
path('check_choice/QR.html', QR),
|
||||||
|
path('check_choice/main', index_page),
|
||||||
|
path('check_choice/tickets.html', tickets_page)
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
]
|
]
|
||||||
|
|
|
||||||
|
|
@ -0,0 +1,13 @@
|
||||||
|
{% load static %}
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<title>Title</title>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<div>Вы успешно оплатили {{total_price}} P.
|
||||||
|
<br>Возьмите пожалуйста чек
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
|
@ -12,18 +12,77 @@
|
||||||
</style>
|
</style>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<div style="font-size: 50px;background-color: #eceeef; width: 45%; border-radius: 10px; margin-top: 10%" >
|
<div style="font-size: 50px;background-color: #eceeef; width: 45%; border-radius: 10px; margin-top: 10% ; margin-left: 5%" >
|
||||||
<div style="color: black">Ваш выбор: <br> {{tickets.0}} - {{quantity1}}
|
<div style="color: black">Ваш выбор: <br> {{tickets.0}} - {{quantity1}}
|
||||||
<br> {{tickets.1}} - {{quantity2}}
|
<br> {{tickets.1}} - {{quantity2}}
|
||||||
<br> {{tickets.2}} - {{quantity3}}
|
<br> {{tickets.2}} - {{quantity3}}
|
||||||
<br> Сумма к оплате - {{total_price}} P.
|
<br> Сумма к оплате - {{total_price}} P.
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="centered-div">Выберите способ оплаты:
|
<div class="centered-div" >Выберите способ оплаты:
|
||||||
<br>
|
<br>
|
||||||
<img src='{% static "sbp.jpg"%}'> <img src='{% static "cash.jpg"%}' width="20%"> <img src='{% static "webmoney.jpg"%}' width="20%">
|
<a href="#openQR" ><img src='{% static "sbp.jpg"%}'></a>
|
||||||
|
<a href="#opencash" ><img src='{% static "cash.jpg"%}' width="20%"></a>
|
||||||
|
<a href="#openBN" ><img src='{% static "webmoney.jpg"%}' width="20%"></a>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<div id="openQR" class="modal">
|
||||||
|
<div class="modal-dialog">
|
||||||
|
<div class="modal-content">
|
||||||
|
<div class="modal-header">
|
||||||
|
<h3 class="modal-title">Заголовок</h3>
|
||||||
|
<a href="#close" title="Close" class="close">×</a>
|
||||||
|
</div>
|
||||||
|
<div class="modal-body">
|
||||||
|
<ul>
|
||||||
|
<li><a href="QR.html" ><img src="http://qrcoder.ru/code/?http%3A%2F%2F127.0.0.1%3A8000%2Fcheck_choice%2FQR.html&4&0" width="148" height="148" border="0" title="QR код"></a></li>
|
||||||
|
<meta http-equiv="refresh" content="3;url=main" />
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div id="opencash" class="modal">
|
||||||
|
<div class="modal-dialog">
|
||||||
|
<div class="modal-content">
|
||||||
|
<div class="modal-header">
|
||||||
|
<h3 class="modal-title">Заголовок</h3>
|
||||||
|
<a href="#close" title="Close" class="close">×</a>
|
||||||
|
</div>
|
||||||
|
<div class="modal-body">
|
||||||
|
<ul>
|
||||||
|
<li>Внесите в купюроприемник сумму наличных, равную {{total_price}} P.</li>
|
||||||
|
<meta http-equiv="refresh" content="3;url=main" />
|
||||||
|
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div id="openBN" class="modal">
|
||||||
|
<div class="modal-dialog">
|
||||||
|
<div class="modal-content">
|
||||||
|
<div class="modal-header">
|
||||||
|
<h3 class="modal-title">Заголовок</h3>
|
||||||
|
<a href="#close" title="Close" class="close">×</a>
|
||||||
|
</div>
|
||||||
|
<div class="modal-body">
|
||||||
|
<ul>
|
||||||
|
<li>Cледуйте инструкциям на терминале</li>
|
||||||
|
<meta http-equiv="refresh" content="3;url=main" />
|
||||||
|
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|
||||||
|
|
@ -31,4 +90,118 @@
|
||||||
.centered-div {
|
.centered-div {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.modal {
|
||||||
|
position: fixed; /* фиксированное положение */
|
||||||
|
top: 0;
|
||||||
|
right: 0;
|
||||||
|
bottom: 0;
|
||||||
|
left: 0;
|
||||||
|
background: rgba(0,0,0,0.5); /* фон */
|
||||||
|
z-index: 1050;
|
||||||
|
opacity: 0; /* по умолчанию модальное окно прозрачно */
|
||||||
|
-webkit-transition: opacity 200ms ease-in;
|
||||||
|
-moz-transition: opacity 200ms ease-in;
|
||||||
|
transition: opacity 200ms ease-in; /* анимация перехода */
|
||||||
|
pointer-events: none; /* элемент невидим для событий мыши */
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
/* При отображении модального окно */
|
||||||
|
.modal:target {
|
||||||
|
opacity: 1; /* делаем окно видимым */
|
||||||
|
pointer-events: auto; /* элемент видим для событий мыши */
|
||||||
|
overflow-y: auto; /* добавляем прокрутку по y, когда элемент не помещается на страницу */
|
||||||
|
}
|
||||||
|
/* ширина модального окна и его отступы от экрана */
|
||||||
|
.modal-dialog {
|
||||||
|
position: relative;
|
||||||
|
width: auto;
|
||||||
|
margin: 10px;
|
||||||
|
}
|
||||||
|
@media (min-width: 576px) {
|
||||||
|
.modal-dialog {
|
||||||
|
max-width: 500px;
|
||||||
|
margin: 30px auto; /* отображение окна по центру */
|
||||||
|
}
|
||||||
|
}
|
||||||
|
/* Стили для блока с контентом окна */
|
||||||
|
.modal-content {
|
||||||
|
position: relative;
|
||||||
|
display: -webkit-box;
|
||||||
|
display: -webkit-flex;
|
||||||
|
display: -ms-flexbox;
|
||||||
|
display: flex;
|
||||||
|
-webkit-box-orient: vertical;
|
||||||
|
-webkit-box-direction: normal;
|
||||||
|
-webkit-flex-direction: column;
|
||||||
|
-ms-flex-direction: column;
|
||||||
|
flex-direction: column;
|
||||||
|
background-color: #fff;
|
||||||
|
-webkit-background-clip: padding-box;
|
||||||
|
background-clip: padding-box;
|
||||||
|
border: 1px solid rgba(0,0,0,.2);
|
||||||
|
border-radius: .3rem;
|
||||||
|
outline: 0;
|
||||||
|
}
|
||||||
|
@media (min-width: 768px) {
|
||||||
|
.modal-content {
|
||||||
|
-webkit-box-shadow: 0 5px 15px rgba(0,0,0,.5);
|
||||||
|
box-shadow: 0 5px 15px rgba(0,0,0,.5);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
/* Стили заголовка окна */
|
||||||
|
.modal-header {
|
||||||
|
display: -webkit-box;
|
||||||
|
display: -webkit-flex;
|
||||||
|
display: -ms-flexbox;
|
||||||
|
display: flex;
|
||||||
|
-webkit-box-align: center;
|
||||||
|
-webkit-align-items: center;
|
||||||
|
-ms-flex-align: center;
|
||||||
|
align-items: center;
|
||||||
|
-webkit-box-pack: justify;
|
||||||
|
-webkit-justify-content: space-between;
|
||||||
|
-ms-flex-pack: justify;
|
||||||
|
justify-content: space-between;
|
||||||
|
padding: 15px;
|
||||||
|
border-bottom: 1px solid #eceeef;
|
||||||
|
}
|
||||||
|
.modal-title {
|
||||||
|
margin-top: 0;
|
||||||
|
margin-bottom: 0;
|
||||||
|
line-height: 1.5;
|
||||||
|
font-size: 1.25rem;
|
||||||
|
font-weight: 500;
|
||||||
|
}
|
||||||
|
/* Стили кнопки "х" ("Закрыть") */
|
||||||
|
.close {
|
||||||
|
float: right;
|
||||||
|
font-family: sans-serif;
|
||||||
|
font-size: 24px;
|
||||||
|
font-weight: 700;
|
||||||
|
line-height: 1;
|
||||||
|
color: #000;
|
||||||
|
text-shadow: 0 1px 0 #fff;
|
||||||
|
opacity: .5;
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
/* Стили для закрывающей кнопки в фокусе или наведении */
|
||||||
|
.close:focus, .close:hover {
|
||||||
|
color: #000;
|
||||||
|
text-decoration: none;
|
||||||
|
cursor: pointer;
|
||||||
|
opacity: .75;
|
||||||
|
}
|
||||||
|
/* Стили блока основного содержимого окна */
|
||||||
|
.modal-body {
|
||||||
|
position: relative;
|
||||||
|
-webkit-box-flex: 1;
|
||||||
|
-webkit-flex: 1 1 auto;
|
||||||
|
-ms-flex: 1 1 auto;
|
||||||
|
flex: 1 1 auto;
|
||||||
|
padding: 15px;
|
||||||
|
overflow: auto;
|
||||||
|
}
|
||||||
|
|
||||||
</style>
|
</style>
|
||||||
Binary file not shown.
|
|
@ -32,6 +32,10 @@ def check_choice(request):
|
||||||
'tickets': all_Ticket,
|
'tickets': all_Ticket,
|
||||||
'total_price' : total_price})
|
'total_price' : total_price})
|
||||||
|
|
||||||
|
def QR(request):
|
||||||
|
total_cost = Order.objects.last()
|
||||||
|
total_price = total_cost.total_price
|
||||||
|
return render(request, 'QR.html', {'total_price' : total_price})
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue