Изменено расположение шаблонов 3

This commit is contained in:
e-serg
2024-04-14 23:48:40 +03:00
parent 66e867794f
commit e419e46700
4 changed files with 3 additions and 3 deletions

View 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 %}

View 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 %}

View 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 %}