Игорь Надеин
dd56953e89
- Заменен лишний div.container на стандартный container для единообразия - Заменен класс .card на .ios-card в секции активности для устранения конфликтов стилей - Добавлен card-list.css в base.html для корректного отображения карточек новостей - Добавлены CSS правила для правильного поведения .row и колонок в grid-layout - Исправлена проблема с выходом календаря за границы страницы - Убраны видимые скроллбары у modal-body и modal-content для чистого UI
103 lines
4.4 KiB
HTML
103 lines
4.4 KiB
HTML
{% extends 'base.html' %}
|
||
{% load static django_bootstrap5 %}
|
||
|
||
{% block title %}Мои заявления{% endblock %}
|
||
|
||
{% block content %}
|
||
<div class="container">
|
||
<div class="row gx-0">
|
||
<div class="col-12">
|
||
|
||
{# — Шапка страницы — #}
|
||
<div class="section-header">
|
||
<i class="bi-file-earmark-text fs-2 text-primary"></i>
|
||
<h2 class="title mb-0">Мои заявления</h2>
|
||
<div class="ms-auto">
|
||
<a href="{% url 'requests_app:request_create' %}" class="btn btn-primary">
|
||
<i class="bi-plus-circle me-1"></i> Подать новое заявление
|
||
</a>
|
||
</div>
|
||
</div>
|
||
|
||
{% if page.object_list %}
|
||
<div class="card-list">
|
||
{% for req in page.object_list %}
|
||
<article class="card">
|
||
<header class="card-header">
|
||
<div class="card-icon" style="width:48px;height:48px;">
|
||
<i class="bi-file-earmark-text"></i>
|
||
</div>
|
||
|
||
<div class="card-meta flex-grow-1">
|
||
<div class="d-flex align-items-center gap-2 flex-wrap">
|
||
<div class="card-title">{{ req.get_type_display }}</div>
|
||
{# — Статус — #}
|
||
{% if req.status == 'pending' %}
|
||
<span class="badge bg-secondary-subtle text-secondary-emphasis border border-secondary-subtle">На рассмотрении</span>
|
||
{% elif req.status == 'approved' %}
|
||
<span class="badge bg-success-subtle text-success-emphasis border border-success-subtle">Одобрено</span>
|
||
{% elif req.status == 'rejected' %}
|
||
<span class="badge bg-danger-subtle text-danger-emphasis border border-danger-subtle">Отклонено</span>
|
||
{% elif req.status == 'cancelled' %}
|
||
<span class="badge bg-dark-subtle text-dark-emphasis border border-dark-subtle">Отменено</span>
|
||
{% elif req.status == 'draft' %}
|
||
<span class="badge bg-light text-body border">Черновик</span>
|
||
{% else %}
|
||
<span class="badge bg-light text-body border">Неизвестно</span>
|
||
{% endif %}
|
||
</div>
|
||
<div class="card-subtitle mt-1">
|
||
<time datetime="{{ req.created_at|date:'c' }}">{{ req.created_at|date:"d.m.Y H:i" }}</time>
|
||
{% if req.date_from or req.date_to %}
|
||
· Период:
|
||
{{ req.date_from|date:'d.m.Y' }}
|
||
{% if req.date_to %} — {{ req.date_to|date:'d.m.Y' }}{% endif %}
|
||
{% endif %}
|
||
</div>
|
||
</div>
|
||
</header>
|
||
|
||
<div class="card-body pt-0">
|
||
{% if req.comment %}
|
||
<div class="small text-muted mb-2">{{ req.comment|truncatechars:220 }}</div>
|
||
{% endif %}
|
||
|
||
{% if req.attachment %}
|
||
<a class="btn btn-ghost d-inline-flex align-items-center gap-1" href="{{ req.attachment.url }}" target="_blank">
|
||
<i class="bi-paperclip"></i><span>Вложение</span>
|
||
</a>
|
||
{% endif %}
|
||
</div>
|
||
|
||
<footer class="card-actions">
|
||
<a href="{% url 'requests_app:request_detail' req.pk %}"
|
||
class="btn btn-ghost d-inline-flex align-items-center gap-1">
|
||
<i class="bi-eye"></i><span>Подробнее</span>
|
||
</a>
|
||
|
||
<span class="ms-auto"></span>
|
||
|
||
{% if req.status == 'pending' and not req.is_final %}
|
||
<a href="{% url 'requests_app:request_cancel' req.pk %}"
|
||
class="btn btn-ghost d-inline-flex align-items-center gap-1">
|
||
<i class="bi-x-circle"></i><span>Отозвать</span>
|
||
</a>
|
||
{% endif %}
|
||
</footer>
|
||
</article>
|
||
{% endfor %}
|
||
</div>
|
||
|
||
{# Пагинация #}
|
||
<div class="mt-4">
|
||
{% bootstrap_pagination page %}
|
||
</div>
|
||
{% else %}
|
||
<div class="alert alert-info shadow-sm">У вас пока нет заявлений.</div>
|
||
{% endif %}
|
||
|
||
</div>
|
||
</div>
|
||
</div>
|
||
{% endblock %}
|