Изменено расположение шаблонов 3
This commit is contained in:
8
rosmorport_tsts/templates-django/page/index.jinja
Normal file
8
rosmorport_tsts/templates-django/page/index.jinja
Normal file
@@ -0,0 +1,8 @@
|
||||
{% extends 'base.jinja' %}
|
||||
|
||||
{% block CONTENT %}<div class="position-relative" style="height: 90vh;">
|
||||
<div class="position-absolute top-50 start-50 translate-middle">
|
||||
<p style="color: slategray" class="text-sm-end small mb-0 me-2">анонимные решения проблем любви и пропитания</p>
|
||||
<h1 id="index-logo" class="my-0">Клонир<u>ование питом</u>цев</h1>
|
||||
</div>
|
||||
</div>{% endblock CONTENT %}
|
74
rosmorport_tsts/templates-django/page/input_data.jinja
Normal file
74
rosmorport_tsts/templates-django/page/input_data.jinja
Normal file
@@ -0,0 +1,74 @@
|
||||
{% extends 'base.jinja' %}
|
||||
|
||||
{% block CONTENT %}<form action="/save-clone" method="post">
|
||||
<div class="row">
|
||||
<div class="col-12 px-4 my-2">
|
||||
<h1>Регистрация клонированного питомца</h1>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row px-3">
|
||||
<div class="col-6">
|
||||
<div class="input-group mb-3">
|
||||
<span class="input-group-text" id="pet-type"><i class="fa-solid fa-paw"></i></span>
|
||||
<select class="form-select" aria-label="Тип питомца" name="type">{% for TYPE in PET_TYPES %}
|
||||
<option{% if forloop.last %} selected{% endif %} value="{{ TYPE.0 }}">{{ TYPE.1 }}</option>{% endfor %}
|
||||
</select>
|
||||
<select class="form-select" aria-label="Пол" name="sex">{% for SEX in PET_SEXES %}
|
||||
<option{% if forloop.last %} selected{% endif %} value="{{ SEX.0 }}">{{ SEX.1 }}</option>{% endfor %}
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-3">
|
||||
<div class="form-check pt-2 mb-3">
|
||||
<input class="form-check-input" type="checkbox" value="1" id="IsAlive" name="is-alive" checked>
|
||||
<label class="form-check-label" for="IsAlive">
|
||||
Живой
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-4">
|
||||
<div class="input-group mb-3">
|
||||
<span class="input-group-text" id="basic-addon1"><i class="fa-solid fa-paw"></i></span>
|
||||
<input type="text" class="form-control" placeholder="имя питомца с которого сделан клон" aria-label="name"
|
||||
name="name">
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-5">
|
||||
<div class="input-group mb-3">
|
||||
<span class="input-group-text" id="basic-addon1"><i class="fa-solid fa-person"></i></span>
|
||||
<input type="text" class="form-control" placeholder="заказчик (хозяин питомца)" aria-label="owner"
|
||||
name="owner">
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-9">
|
||||
<div class="input-group mb-3">
|
||||
<span class="input-group-text" id="basic-addon1"><i class="fa-solid fa-comment mb-5 pb-5"></i></span>
|
||||
<textarea class="form-control" aria-label="note" rows="6" placeholder="заметки"
|
||||
name="note"></textarea>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-4">
|
||||
<div class="input-group input-group-lg mb-3">
|
||||
<span class="input-group-text ps-3 pe-2 py-3 bg-dark text-light" id="basic-addon1"><i class="fa-solid fa-ruble-sign"></i></span>
|
||||
<input type="text" class="form-control" placeholder="Заплачено наличными" aria-label="Заплачено"
|
||||
name="pay" required>
|
||||
<span class="input-group-text">.00</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-3">
|
||||
<div class="form-check pt-3 mb-3">
|
||||
<input class="form-check-input" type="checkbox" value="1" id="noreg" name="noreg">
|
||||
<label class="form-check-label" for="flexCheckDefault">
|
||||
Без регистрации
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row px-3">
|
||||
<div class="col-12">
|
||||
{% csrf_token %}
|
||||
<a type="button" class="btn btn-secondary" href="/">Отмена</a>
|
||||
<button type="submit" class="btn btn-primary ms-2">Регистрация</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>{% endblock CONTENT %}
|
22
rosmorport_tsts/templates-django/page/save_data.jinja
Normal file
22
rosmorport_tsts/templates-django/page/save_data.jinja
Normal file
@@ -0,0 +1,22 @@
|
||||
{% extends 'base.jinja' %}{% block CONTENT %}<div class="position-relative" style="height: 90vh;">
|
||||
<div class="position-absolute top-50 start-50 translate-middle">
|
||||
<div class="progress mb-3" role="progressbar" aria-label="клонирование" aria-valuemin="0" aria-valuemax="100">
|
||||
<div id="progress-bar" class="progress-bar progress-bar-striped progress-bar-animated" style="width: 1%"></div>
|
||||
</div>
|
||||
<p style="color: slategray" class="text-sm-end small mb-0 me-2">анонимные решения проблем любви и пропитания</p>
|
||||
<h1 id="index-logo" class="my-0">Клонир<u>ование питом</u>цев</h1>
|
||||
</div>
|
||||
</div>{% endblock CONTENT %}
|
||||
|
||||
{% block JS_1 %}<script type="text/javascript">
|
||||
$(document).ready(function() {
|
||||
let count = 2;
|
||||
const counter = setInterval(function () {
|
||||
if (count++ > 100) {
|
||||
clearInterval(counter);
|
||||
return;
|
||||
}
|
||||
$('#progress-bar').css('width', count + '%');
|
||||
}, 10);
|
||||
});
|
||||
</script>{% endblock %}
|
Reference in New Issue
Block a user