Corp/backend/templates/requests_app/my_requests.html

55 lines
2.0 KiB
HTML

{% extends 'base.html' %}
{% load static django_bootstrap5 %}
{% block title %}Мои заявления{% endblock %}
{% block extra_css %}
<link rel="stylesheet" href="{% static 'css/components/common.css' %}">
<link rel="stylesheet" href="{% static 'css/components/ios-search.css' %}">
<link rel="stylesheet" href="{% static 'css/components/page-header.css' %}">
<link rel="stylesheet" href="{% static 'css/components/list-view.css' %}">
{% endblock %}
{% block content %}
<div class="container">
<div class="row gx-0">
<div class="col-12">
{# — Шапка страницы — #}
{% include "includes/components/page_header.html" with icon="bi-file-earmark-text" title="Мои заявления" search_id="requestFilter" search_placeholder="Поиск по типу или комментарию" create_url="requests_app:request_create" create_text="Подать новое заявление" %}
<div class="card mb-3">
<div id="requestList" class="list-view card-list">
{# Список загружается через JavaScript из requestListHandler.js #}
<div class="text-center py-4">
<div class="spinner-border text-primary" role="status">
<span class="visually-hidden">Загрузка...</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
{% endblock %}
{% block extra_js %}
<script type="module">
import { initRequestListHandler } from "{% static 'js/components/requestListHandler.js' %}";
// Получаем токен доступа
const accessMeta = document.querySelector('meta[name="api-access"]');
const ACCESS = accessMeta ? accessMeta.content : '';
const headers = ACCESS ? { 'Authorization': 'Bearer ' + ACCESS } : {};
// Инициализация списка заявлений
initRequestListHandler({
apiListUrl: '/api/v1/requests/',
scope: 'my',
userId: {{ user.id }},
headers
});
</script>
{% endblock %}