185 lines
8.9 KiB
HTML
185 lines
8.9 KiB
HTML
{% extends "base.html" %}
|
||
{% block title %}Пользователи — Администрирование — ЭВОСИНК{% endblock %}
|
||
|
||
{% block content %}
|
||
<div class="d-flex justify-between align-center mb-3">
|
||
<h1 style="font-size:1.3rem; margin:0;"><i class="bi bi-people me-2"></i>Пользователи</h1>
|
||
<button onclick="document.getElementById('create-user-dialog').showModal()" class="sm">
|
||
<i class="bi bi-person-plus me-1"></i>Создать пользователя
|
||
</button>
|
||
</div>
|
||
|
||
<dialog id="create-user-dialog">
|
||
<article>
|
||
<header>
|
||
<button aria-label="Закрыть" rel="prev" onclick="document.getElementById('create-user-dialog').close()"></button>
|
||
<h3>Создать пользователя</h3>
|
||
</header>
|
||
{% if create_errors %}
|
||
<div role="alert" class="alert alert-danger mb-3">
|
||
{% for e in create_errors %}<p>{{ e }}</p>{% endfor %}
|
||
</div>
|
||
{% endif %}
|
||
<form method="post" action="/admin/users/create" novalidate>
|
||
<div class="row gap-2 mb-2">
|
||
<div class="col">
|
||
<label for="cu_first_name">Имя
|
||
<input type="text" id="cu_first_name" name="first_name" value="{{ create_form.first_name if create_form else '' }}" required>
|
||
</label>
|
||
</div>
|
||
<div class="col">
|
||
<label for="cu_last_name">Фамилия
|
||
<input type="text" id="cu_last_name" name="last_name" value="{{ create_form.last_name if create_form else '' }}">
|
||
</label>
|
||
</div>
|
||
</div>
|
||
<label for="cu_email">Email
|
||
<input type="text" id="cu_email" name="email" value="{{ create_form.email if create_form else '' }}" required>
|
||
</label>
|
||
<label for="cu_phone">Телефон
|
||
<input type="tel" id="cu_phone" name="phone" value="{{ create_form.phone if create_form else '' }}" placeholder="+7 (999) 999-99-99">
|
||
</label>
|
||
<label for="cu_password">Пароль
|
||
<input type="password" id="cu_password" name="password" required>
|
||
</label>
|
||
{% if user.role == 'system' %}
|
||
<label for="cu_role">Роль
|
||
<select id="cu_role" name="role">
|
||
<option value="user" {% if not create_form or create_form.role == 'user' %}selected{% endif %}>Пользователь</option>
|
||
<option value="admin" {% if create_form and create_form.role == 'admin' %}selected{% endif %}>Администратор</option>
|
||
</select>
|
||
</label>
|
||
{% endif %}
|
||
<footer class="d-flex gap-2 justify-end">
|
||
<button type="button" class="outline secondary" onclick="document.getElementById('create-user-dialog').close()">Отмена</button>
|
||
<button type="submit">Создать</button>
|
||
</footer>
|
||
</form>
|
||
</article>
|
||
</dialog>
|
||
|
||
{% if create_errors %}
|
||
<script>document.addEventListener('DOMContentLoaded', () => document.getElementById('create-user-dialog').showModal());</script>
|
||
{% endif %}
|
||
|
||
<article class="card mb-3">
|
||
<div class="card-body">
|
||
<form method="get" action="/admin/users" class="d-flex gap-2 flex-wrap align-center">
|
||
<input type="text" name="search" value="{{ search }}" placeholder="Поиск по имени, email, телефону" style="flex:1; min-width:200px; margin:0;">
|
||
<select name="status" style="width:auto; margin:0;">
|
||
<option value="">Все статусы</option>
|
||
<option value="pending" {% if status_filter == 'pending' %}selected{% endif %}>Ожидает</option>
|
||
<option value="active" {% if status_filter == 'active' %}selected{% endif %}>Активен</option>
|
||
<option value="suspended" {% if status_filter == 'suspended' %}selected{% endif %}>Заблокирован</option>
|
||
</select>
|
||
<select name="role" style="width:auto; margin:0;">
|
||
<option value="">Все роли</option>
|
||
<option value="user" {% if role_filter == 'user' %}selected{% endif %}>Пользователь</option>
|
||
<option value="admin" {% if role_filter == 'admin' %}selected{% endif %}>Администратор</option>
|
||
<option value="system" {% if role_filter == 'system' %}selected{% endif %}>Системный</option>
|
||
</select>
|
||
<button type="submit" class="sm">Найти</button>
|
||
{% if search or status_filter or role_filter %}
|
||
<a href="/admin/users" role="button" class="outline secondary sm">Сбросить</a>
|
||
{% endif %}
|
||
</form>
|
||
</div>
|
||
</article>
|
||
|
||
<article class="card">
|
||
<div class="table-scroll">
|
||
<table class="align-middle">
|
||
<colgroup>
|
||
<col style="width:4%">
|
||
<col style="width:15%">
|
||
<col style="width:28%">
|
||
<col style="width:10%">
|
||
<col style="width:10%">
|
||
<col style="width:6%">
|
||
<col style="width:15%">
|
||
<col style="width:5%">
|
||
<col style="width:5%">
|
||
</colgroup>
|
||
<thead>
|
||
<tr>
|
||
<th>ID</th>
|
||
<th>Имя</th>
|
||
<th>Email</th>
|
||
<th>Телефон</th>
|
||
<th>Роль</th>
|
||
<th>Статус</th>
|
||
<th>Эвотор</th>
|
||
<th>Дата</th>
|
||
<th></th>
|
||
</tr>
|
||
</thead>
|
||
<tbody>
|
||
{% for u in users %}
|
||
<tr>
|
||
<td class="text-muted small">{{ u.id }}</td>
|
||
<td>{{ u.first_name }} {{ u.last_name }}</td>
|
||
<td title="{{ u.email }}">
|
||
{{ u.email }}
|
||
{% if not u.is_email_confirmed %}
|
||
<span class="badge badge-warning ms-1" title="Email не подтверждён"><i class="bi bi-exclamation-circle"></i></span>
|
||
{% endif %}
|
||
</td>
|
||
<td>{{ u.phone or '—' }}</td>
|
||
<td>
|
||
{% if u.role == 'system' %}<span class="badge badge-danger">Системный</span>
|
||
{% elif u.role == 'admin' %}<span class="badge badge-warning">Админ</span>
|
||
{% else %}<span class="badge badge-secondary">Польз.</span>
|
||
{% endif %}
|
||
</td>
|
||
<td>
|
||
{% if u.status == 'active' %}<span class="badge badge-success">Активен</span>
|
||
{% elif u.status == 'pending' %}<span class="badge badge-warning">Ожидает</span>
|
||
{% else %}<span class="badge badge-danger">Заблок.</span>
|
||
{% endif %}
|
||
</td>
|
||
<td>
|
||
{% if u.evotor_user_id %}
|
||
<i class="bi bi-check-circle text-success" title="{{ u.evotor_user_id }}"></i>
|
||
{% else %}
|
||
<span class="text-muted">—</span>
|
||
{% endif %}
|
||
</td>
|
||
<td class="text-muted small">{{ u.created_at | datefmt }}</td>
|
||
<td>
|
||
<a href="/admin/users/{{ u.id }}" role="button" class="outline sm">
|
||
<i class="bi bi-eye"></i>
|
||
</a>
|
||
</td>
|
||
</tr>
|
||
{% else %}
|
||
<tr>
|
||
<td colspan="9" class="text-center text-muted py-4">Пользователи не найдены</td>
|
||
</tr>
|
||
{% endfor %}
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
{% if total_pages > 1 %}
|
||
<footer>
|
||
<div class="d-flex gap-2 justify-center align-center">
|
||
{% if page > 1 %}
|
||
<a href="?page={{ page - 1 }}&search={{ search }}&status={{ status_filter }}&role={{ role_filter }}" role="button" class="outline sm">«</a>
|
||
{% endif %}
|
||
<span class="text-muted small">Стр. {{ page }} из {{ total_pages }}</span>
|
||
{% if page < total_pages %}
|
||
<a href="?page={{ page + 1 }}&search={{ search }}&status={{ status_filter }}&role={{ role_filter }}" role="button" class="outline sm">»</a>
|
||
{% endif %}
|
||
</div>
|
||
</footer>
|
||
{% endif %}
|
||
</article>
|
||
|
||
{% if user.role == 'system' %}
|
||
<div class="mt-3 text-end">
|
||
<a href="/admin/roles" role="button" class="outline secondary sm">
|
||
<i class="bi bi-shield-lock me-1"></i>Управление ролями
|
||
</a>
|
||
</div>
|
||
{% endif %}
|
||
{% endblock %}
|