Добавлен модуль system_settings с навигацией через вкладки и исправлена маршрутизация user_roles

This commit is contained in:
2026-01-06 17:20:05 +03:00
parent e5ec82d7d2
commit 80067e68ad
20 changed files with 585 additions and 506 deletions

View File

@@ -87,6 +87,7 @@ TENANT_APPS = [
'orders', # Заказы 'orders', # Заказы
'inventory', # Складской учет 'inventory', # Складской учет
'pos', # POS Terminal 'pos', # POS Terminal
'system_settings', # Системные настройки компании (только для владельца)
] ]
# Объединяем для INSTALLED_APPS # Объединяем для INSTALLED_APPS

View File

@@ -19,12 +19,12 @@ urlpatterns = [
# Web interface for shop owners # Web interface for shop owners
path('', views.index, name='index'), # Главная страница path('', views.index, name='index'), # Главная страница
path('accounts/', include('accounts.urls')), # Управление аккаунтом path('accounts/', include('accounts.urls')), # Управление аккаунтом
path('roles/', include('user_roles.urls')), # Управление ролями пользователей
path('products/', include('products.urls')), # Управление товарами path('products/', include('products.urls')), # Управление товарами
path('customers/', include('customers.urls')), # Управление клиентами path('customers/', include('customers.urls')), # Управление клиентами
path('inventory/', include('inventory.urls')), # Управление складом path('inventory/', include('inventory.urls')), # Управление складом
path('orders/', include('orders.urls')), # Управление заказами path('orders/', include('orders.urls')), # Управление заказами
path('pos/', include('pos.urls')), # POS Terminal path('pos/', include('pos.urls')), # POS Terminal
path('settings/', include('system_settings.urls')), # Системные настройки
] ]
# Serve media files during development # Serve media files during development

View File

View File

@@ -0,0 +1,3 @@
from django.contrib import admin
# Register your models here.

View File

@@ -0,0 +1,7 @@
from django.apps import AppConfig
class SystemSettingsConfig(AppConfig):
default_auto_field = 'django.db.models.BigAutoField'
name = 'system_settings'
verbose_name = 'Системные настройки'

View File

@@ -0,0 +1,3 @@
from django.db import models
# Create your models here.

View File

@@ -0,0 +1,29 @@
{% extends "base.html" %}
{% block content %}
<div class="container py-4">
<!-- Заголовок -->
<h2 class="mb-4">⚙️ Настройки</h2>
<!-- Навигация через вкладки -->
<ul class="nav nav-tabs mb-4" role="tablist">
<li class="nav-item" role="presentation">
<a class="nav-link {% if request.resolver_match.url_name == 'settings' %}active{% endif %}"
href="{% url 'system_settings:settings' %}">
Системные настройки
</a>
</li>
<li class="nav-item" role="presentation">
<a class="nav-link {% if 'user_roles' in request.resolver_match.namespaces %}active{% endif %}"
href="{% url 'system_settings:user_roles:list' %}">
Роли пользователей
</a>
</li>
<!-- Здесь в будущем добавятся: Категории, Статусы заказов, Часовой пояс, Интеграции и т.д. -->
</ul>
<!-- Контент конкретной страницы настроек -->
{% block settings_content %}
{% endblock %}
</div>
{% endblock %}

View File

@@ -0,0 +1,18 @@
{% extends "system_settings/base_settings.html" %}
{% block title %}Системные настройки{% endblock %}
{% block settings_content %}
<div class="row justify-content-center">
<div class="col-12 col-lg-8">
<div class="card shadow-sm">
<div class="card-body p-4">
<p class="text-muted mb-0">
Здесь в будущем вы сможете настраивать категории, статусы заказов,
часовой пояс, интеграции и другие параметры вашей компании.
</p>
</div>
</div>
</div>
</div>
{% endblock %}

View File

@@ -0,0 +1,3 @@
from django.test import TestCase
# Create your tests here.

View File

@@ -0,0 +1,10 @@
from django.urls import path, include
from .views import SystemSettingsView
app_name = "system_settings"
urlpatterns = [
path("", SystemSettingsView.as_view(), name="settings"),
path("roles/", include('user_roles.urls', namespace='user_roles')),
]

View File

@@ -0,0 +1,8 @@
from django.views.generic import TemplateView
from user_roles.mixins import OwnerRequiredMixin
class SystemSettingsView(OwnerRequiredMixin, TemplateView):
"""Главная страница настроек (доступна только владельцу)"""
template_name = "system_settings/settings.html"

View File

@@ -79,17 +79,20 @@
<!-- ⚙️ Настройки (только для owner/superuser) --> <!-- ⚙️ Настройки (только для owner/superuser) -->
{% if request.user.is_owner or request.user.is_superuser %} {% if request.user.is_owner or request.user.is_superuser %}
<li class="nav-item dropdown"> <li class="nav-item">
<a class="nav-link dropdown-toggle" href="#" id="settingsDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false"> <a class="nav-link {% if request.resolver_match.namespace == 'system_settings' or 'user_roles' in request.resolver_match.app_names %}active{% endif %}"
href="{% url 'system_settings:settings' %}">
⚙️ Настройки ⚙️ Настройки
</a> </a>
<ul class="dropdown-menu" aria-labelledby="settingsDropdown"> </li>
<li><a class="dropdown-item" href="{% url 'user_roles:list' %}">Роли пользователей</a></li> {% endif %}
{% if user.is_superuser %}
<li><hr class="dropdown-divider"></li> <!-- 🔧 Debug (только для superuser) -->
<li><a class="dropdown-item" href="{% url 'inventory:debug_page' %}" style="color: #dc3545; font-weight: bold;">🔧 Debug</a></li> {% if user.is_superuser %}
{% endif %} <li class="nav-item">
</ul> <a class="nav-link" href="{% url 'inventory:debug_page' %}" style="color: #dc3545; font-weight: bold;">
🔧 Debug
</a>
</li> </li>
{% endif %} {% endif %}
{% endif %} {% endif %}

View File

@@ -72,6 +72,11 @@
<i class="bi bi-envelope me-1"></i>Повторить письмо <i class="bi bi-envelope me-1"></i>Повторить письмо
</button> </button>
{% endif %} {% endif %}
{% if user.is_owner or user.is_superuser %}
<a href="{% url 'system_settings:settings' %}" class="btn btn-outline-primary">
<i class="bi bi-gear me-1"></i>Настройки
</a>
{% endif %}
<a href="{% url 'index' %}" class="btn btn-outline-secondary ms-auto"> <a href="{% url 'index' %}" class="btn btn-outline-secondary ms-auto">
<i class="bi bi-arrow-left me-1"></i>Назад <i class="bi bi-arrow-left me-1"></i>Назад
</a> </a>

View File

@@ -1,62 +1,61 @@
{% extends "base.html" %} {% extends "system_settings/base_settings.html" %}
{% block title %}Добавить пользователя{% endblock %} {% block title %}Добавить пользователя{% endblock %}
{% block content %} {% block settings_content %}
<div class="container mt-4"> <div class="row justify-content-center">
<div class="row justify-content-center"> <div class="col-md-6">
<div class="col-md-6"> <div class="card">
<div class="card"> <div class="card-header">
<div class="card-header"> <h4 class="mb-0">Добавить пользователя</h4>
<h4 class="mb-0">Добавить пользователя</h4> </div>
<div class="card-body">
{% if messages %}
{% for message in messages %}
<div class="alert alert-{{ message.tags }} alert-dismissible fade show" role="alert">
{{ message }}
<button type="button" class="btn-close" data-bs-dismiss="alert"></button>
</div> </div>
<div class="card-body"> {% endfor %}
{% if messages %} {% endif %}
{% for message in messages %}
<div class="alert alert-{{ message.tags }} alert-dismissible fade show" role="alert">
{{ message }}
<button type="button" class="btn-close" data-bs-dismiss="alert"></button>
</div>
{% endfor %}
{% endif %}
<form method="post"> <form method="post">
{% csrf_token %} {% csrf_token %}
<div class="mb-3"> <div class="mb-3">
<label for="email" class="form-label">Email *</label> <label for="email" class="form-label">Email *</label>
<input type="email" class="form-control" id="email" name="email" required> <input type="email" class="form-control" id="email" name="email" required>
<div class="form-text">Email пользователя для входа</div> <div class="form-text">Email пользователя для входа</div>
</div>
<div class="mb-3">
<label for="name" class="form-label">Имя *</label>
<input type="text" class="form-control" id="name" name="name" required>
<div class="form-text">Полное имя пользователя</div>
</div>
<div class="mb-3">
<label for="role" class="form-label">Роль *</label>
<select class="form-select" id="role" name="role" required>
<option value="">Выберите роль...</option>
{% for role in roles %}
<option value="{{ role.code }}">{{ role.name }} - {{ role.description }}</option>
{% endfor %}
</select>
</div>
<div class="mb-3">
<label for="password" class="form-label">Пароль</label>
<input type="text" class="form-control" id="password" name="password">
<div class="form-text">Оставьте пустым для автогенерации. Пароль будет показан после создания.
</div> </div>
</div>
<div class="mb-3"> <div class="d-flex justify-content-between">
<label for="name" class="form-label">Имя *</label> <a href="{% url 'system_settings:user_roles:list' %}" class="btn btn-secondary">Отмена</a>
<input type="text" class="form-control" id="name" name="name" required> <button type="submit" class="btn btn-primary">Создать пользователя</button>
<div class="form-text">Полное имя пользователя</div> </div>
</div> </form>
<div class="mb-3">
<label for="role" class="form-label">Роль *</label>
<select class="form-select" id="role" name="role" required>
<option value="">Выберите роль...</option>
{% for role in roles %}
<option value="{{ role.code }}">{{ role.name }} - {{ role.description }}</option>
{% endfor %}
</select>
</div>
<div class="mb-3">
<label for="password" class="form-label">Пароль</label>
<input type="text" class="form-control" id="password" name="password">
<div class="form-text">Оставьте пустым для автогенерации. Пароль будет показан после создания.</div>
</div>
<div class="d-flex justify-content-between">
<a href="{% url 'user_roles:list' %}" class="btn btn-secondary">Отмена</a>
<button type="submit" class="btn btn-primary">Создать пользователя</button>
</div>
</form>
</div>
</div> </div>
</div> </div>
</div> </div>

View File

@@ -1,71 +1,69 @@
{% extends 'base.html' %} {% extends 'system_settings/base_settings.html' %}
{% load static %} {% load static %}
{% block title %}Пользователь создан{% endblock %} {% block title %}Пользователь создан{% endblock %}
{% block content %} {% block settings_content %}
<div class="container mt-4"> <div class="row justify-content-center">
<div class="row justify-content-center"> <div class="col-md-8">
<div class="col-md-8"> <div class="card border-success">
<div class="card border-success"> <div class="card-header bg-success text-white">
<div class="card-header bg-success text-white"> <h4 class="mb-0">
<h4 class="mb-0"> <i class="bi bi-check-circle"></i> Пользователь успешно создан
<i class="bi bi-check-circle"></i> Пользователь успешно создан </h4>
</h4> </div>
<div class="card-body">
<div class="alert alert-warning">
<i class="bi bi-exclamation-triangle"></i>
<strong>Важно!</strong> Сохраните эти данные - пароль больше не будет показан.
</div> </div>
<div class="card-body">
<div class="alert alert-warning">
<i class="bi bi-exclamation-triangle"></i>
<strong>Важно!</strong> Сохраните эти данные - пароль больше не будет показан.
</div>
<div class="mb-4"> <div class="mb-4">
<h5>Данные для входа:</h5> <h5>Данные для входа:</h5>
<table class="table table-bordered"> <table class="table table-bordered">
<tbody> <tbody>
<tr> <tr>
<th width="30%">Email (логин):</th> <th width="30%">Email (логин):</th>
<td> <td>
<code id="userEmail" class="fs-5">{{ created_user_email }}</code> <code id="userEmail" class="fs-5">{{ created_user_email }}</code>
<button onclick="copyEmail()" class="btn btn-sm btn-outline-secondary ms-2"> <button onclick="copyEmail()" class="btn btn-sm btn-outline-secondary ms-2">
<i class="bi bi-clipboard"></i> Копировать <i class="bi bi-clipboard"></i> Копировать
</button> </button>
</td> </td>
</tr> </tr>
<tr> <tr>
<th>Пароль:</th> <th>Пароль:</th>
<td> <td>
<code id="userPassword" class="fs-5 text-danger">{{ generated_password }}</code> <code id="userPassword" class="fs-5 text-danger">{{ generated_password }}</code>
<button onclick="copyPassword()" class="btn btn-sm btn-outline-secondary ms-2"> <button onclick="copyPassword()" class="btn btn-sm btn-outline-secondary ms-2">
<i class="bi bi-clipboard"></i> Копировать <i class="bi bi-clipboard"></i> Копировать
</button> </button>
</td> </td>
</tr> </tr>
<tr> <tr>
<th>Роль:</th> <th>Роль:</th>
<td><span class="badge bg-primary">{{ user_role }}</span></td> <td><span class="badge bg-primary">{{ user_role }}</span></td>
</tr> </tr>
</tbody> </tbody>
</table> </table>
</div> </div>
<div class="mb-4"> <div class="mb-4">
<button onclick="copyCredentials()" class="btn btn-primary btn-lg"> <button onclick="copyCredentials()" class="btn btn-primary btn-lg">
<i class="bi bi-clipboard-check"></i> Копировать логин и пароль <i class="bi bi-clipboard-check"></i> Копировать логин и пароль
</button> </button>
<small class="text-muted d-block mt-2"> <small class="text-muted d-block mt-2">
Формат: <code>email / password</code> Формат: <code>email / password</code>
</small> </small>
</div> </div>
<div class="d-grid gap-2"> <div class="d-grid gap-2">
<a href="{% url 'user_roles:list' %}" class="btn btn-success"> <a href="{% url 'system_settings:user_roles:list' %}" class="btn btn-success">
<i class="bi bi-list"></i> Перейти к списку пользователей <i class="bi bi-list"></i> Перейти к списку пользователей
</a> </a>
<a href="{% url 'user_roles:create' %}" class="btn btn-outline-secondary"> <a href="{% url 'system_settings:user_roles:create' %}" class="btn btn-outline-secondary">
<i class="bi bi-plus-circle"></i> Создать еще одного пользователя <i class="bi bi-plus-circle"></i> Создать еще одного пользователя
</a> </a>
</div>
</div> </div>
</div> </div>
</div> </div>
@@ -73,45 +71,45 @@
</div> </div>
<script> <script>
function copyEmail() { function copyEmail() {
const email = document.getElementById('userEmail').textContent; const email = document.getElementById('userEmail').textContent;
navigator.clipboard.writeText(email).then(function() { navigator.clipboard.writeText(email).then(function () {
showCopyFeedback('Email скопирован!'); showCopyFeedback('Email скопирован!');
}); });
} }
function copyPassword() { function copyPassword() {
const password = document.getElementById('userPassword').textContent; const password = document.getElementById('userPassword').textContent;
navigator.clipboard.writeText(password).then(function() { navigator.clipboard.writeText(password).then(function () {
showCopyFeedback('Пароль скопирован!'); showCopyFeedback('Пароль скопирован!');
}); });
} }
function copyCredentials() { function copyCredentials() {
const email = document.getElementById('userEmail').textContent; const email = document.getElementById('userEmail').textContent;
const password = document.getElementById('userPassword').textContent; const password = document.getElementById('userPassword').textContent;
const credentials = `${email} / ${password}`; const credentials = `${email} / ${password}`;
navigator.clipboard.writeText(credentials).then(function() { navigator.clipboard.writeText(credentials).then(function () {
showCopyFeedback('Логин и пароль скопированы!'); showCopyFeedback('Логин и пароль скопированы!');
}); });
} }
function showCopyFeedback(message) { function showCopyFeedback(message) {
// Создаем временное уведомление // Создаем временное уведомление
const alert = document.createElement('div'); const alert = document.createElement('div');
alert.className = 'alert alert-success alert-dismissible fade show position-fixed top-0 start-50 translate-middle-x mt-3'; alert.className = 'alert alert-success alert-dismissible fade show position-fixed top-0 start-50 translate-middle-x mt-3';
alert.style.zIndex = '9999'; alert.style.zIndex = '9999';
alert.innerHTML = ` alert.innerHTML = `
<i class="bi bi-check-circle"></i> ${message} <i class="bi bi-check-circle"></i> ${message}
<button type="button" class="btn-close" data-bs-dismiss="alert"></button> <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
`; `;
document.body.appendChild(alert); document.body.appendChild(alert);
// Автоматически удаляем через 3 секунды // Автоматически удаляем через 3 секунды
setTimeout(() => { setTimeout(() => {
alert.remove(); alert.remove();
}, 3000); }, 3000);
} }
</script> </script>
{% endblock %} {% endblock %}

View File

@@ -1,60 +1,58 @@
{% extends "base.html" %} {% extends "system_settings/base_settings.html" %}
{% block title %}Деактивировать пользователя{% endblock %} {% block title %}Деактивировать пользователя{% endblock %}
{% block content %} {% block settings_content %}
<div class="container mt-4"> <div class="row justify-content-center">
<div class="row justify-content-center"> <div class="col-md-6">
<div class="col-md-6"> <div class="card border-warning">
<div class="card border-warning"> <div class="card-header bg-warning">
<div class="card-header bg-warning"> <h4 class="mb-0">Деактивировать пользователя</h4>
<h4 class="mb-0">Деактивировать пользователя</h4> </div>
<div class="card-body">
<div class="alert alert-warning">
<i class="bi bi-exclamation-triangle"></i>
<strong>Внимание!</strong> Пользователь будет деактивирован, но его данные останутся в системе.
</div> </div>
<div class="card-body">
<div class="alert alert-warning">
<i class="bi bi-exclamation-triangle"></i>
<strong>Внимание!</strong> Пользователь будет деактивирован, но его данные останутся в системе.
</div>
<dl class="row"> <dl class="row">
<dt class="col-sm-4">Email:</dt> <dt class="col-sm-4">Email:</dt>
<dd class="col-sm-8">{{ user_role.user.email }}</dd> <dd class="col-sm-8">{{ user_role.user.email }}</dd>
<dt class="col-sm-4">Имя:</dt> <dt class="col-sm-4">Имя:</dt>
<dd class="col-sm-8">{{ user_role.user.name }}</dd> <dd class="col-sm-8">{{ user_role.user.name }}</dd>
<dt class="col-sm-4">Роль:</dt> <dt class="col-sm-4">Роль:</dt>
<dd class="col-sm-8"> <dd class="col-sm-8">
<span class="badge <span class="badge
{% if user_role.role.code == 'owner' %}bg-danger {% if user_role.role.code == 'owner' %}bg-danger
{% elif user_role.role.code == 'manager' %}bg-primary {% elif user_role.role.code == 'manager' %}bg-primary
{% elif user_role.role.code == 'florist' %}bg-success {% elif user_role.role.code == 'florist' %}bg-success
{% elif user_role.role.code == 'courier' %}bg-info {% elif user_role.role.code == 'courier' %}bg-info
{% endif %}"> {% endif %}">
{{ user_role.role.name }} {{ user_role.role.name }}
</span> </span>
</dd> </dd>
<dt class="col-sm-4">Создан:</dt> <dt class="col-sm-4">Создан:</dt>
<dd class="col-sm-8">{{ user_role.created_at|date:"d.m.Y H:i" }}</dd> <dd class="col-sm-8">{{ user_role.created_at|date:"d.m.Y H:i" }}</dd>
</dl> </dl>
<p class="text-muted"> <p class="text-muted">
Пользователь больше не сможет войти в систему. Пользователь больше не сможет войти в систему.
Все его данные (заказы, история действий) сохранятся. Все его данные (заказы, история действий) сохранятся.
При необходимости вы сможете реактивировать пользователя. При необходимости вы сможете реактивировать пользователя.
</p> </p>
<form method="post"> <form method="post">
{% csrf_token %} {% csrf_token %}
<div class="d-flex justify-content-between"> <div class="d-flex justify-content-between">
<a href="{% url 'user_roles:list' %}" class="btn btn-secondary">Отмена</a> <a href="{% url 'system_settings:user_roles:list' %}" class="btn btn-secondary">Отмена</a>
<button type="submit" class="btn btn-warning"> <button type="submit" class="btn btn-warning">
<i class="bi bi-x-circle"></i> Да, деактивировать <i class="bi bi-x-circle"></i> Да, деактивировать
</button> </button>
</div> </div>
</form> </form>
</div>
</div> </div>
</div> </div>
</div> </div>

View File

@@ -1,99 +1,99 @@
{% extends "base.html" %} {% extends "system_settings/base_settings.html" %}
{% block title %}Изменить роль пользователя{% endblock %} {% block title %}Изменить роль пользователя{% endblock %}
{% block content %} {% block settings_content %}
<div class="container mt-4"> <div class="row justify-content-center">
<div class="row justify-content-center"> <div class="col-md-6">
<div class="col-md-6"> <div class="card">
<div class="card"> <div class="card-header">
<div class="card-header"> <h4 class="mb-0">Изменить роль пользователя</h4>
<h4 class="mb-0">Изменить роль пользователя</h4> </div>
<div class="card-body">
{% if messages %}
{% for message in messages %}
<div class="alert alert-{{ message.tags }} alert-dismissible fade show" role="alert">
{{ message }}
<button type="button" class="btn-close" data-bs-dismiss="alert"></button>
</div> </div>
<div class="card-body"> {% endfor %}
{% if messages %} {% endif %}
{% for message in messages %}
<div class="alert alert-{{ message.tags }} alert-dismissible fade show" role="alert"> <div class="mb-3">
{{ message }} <label class="form-label">Email:</label>
<button type="button" class="btn-close" data-bs-dismiss="alert"></button> <p class="form-control-plaintext">{{ user_role.user.email }}</p>
</div> </div>
{% endfor %}
{% endif %} <form method="post">
{% csrf_token %}
<input type="hidden" name="action" value="update">
<div class="mb-3"> <div class="mb-3">
<label class="form-label">Email:</label> <label for="name" class="form-label">Имя *</label>
<p class="form-control-plaintext">{{ user_role.user.email }}</p> <input type="text" class="form-control" id="name" name="name" value="{{ user_role.user.name }}"
required>
<div class="form-text">Полное имя пользователя</div>
</div> </div>
<form method="post"> <div class="mb-3">
{% csrf_token %} <label for="role" class="form-label">Роль *</label>
<input type="hidden" name="action" value="update"> <select class="form-select" id="role" name="role" required>
{% for role in roles %}
<option value="{{ role.code }}" {% if role.code==user_role.role.code %}selected{% endif %}>
{{ role.name }} - {{ role.description }}
</option>
{% endfor %}
</select>
</div>
<div class="mb-3"> <div class="mb-3">
<label for="name" class="form-label">Имя *</label> <div class="form-check">
<input type="text" class="form-control" id="name" name="name" <input class="form-check-input" type="checkbox" id="is_active" name="is_active" {% if
value="{{ user_role.user.name }}" required> user_role.is_active %}checked{% endif %}>
<div class="form-text">Полное имя пользователя</div> <label class="form-check-label" for="is_active">
Активен
</label>
</div> </div>
<div class="form-text">Снимите галочку, чтобы временно отключить доступ</div>
</div>
<div class="mb-3"> <div class="d-flex justify-content-between align-items-center">
<label for="role" class="form-label">Роль *</label> <a href="{% url 'system_settings:user_roles:list' %}" class="btn btn-secondary">Отмена</a>
<select class="form-select" id="role" name="role" required> <div>
{% for role in roles %} <button type="button" class="btn btn-warning me-2" data-bs-toggle="modal"
<option value="{{ role.code }}" {% if role.code == user_role.role.code %}selected{% endif %}> data-bs-target="#regeneratePasswordModal">
{{ role.name }} - {{ role.description }} <i class="bi bi-key-fill"></i> Пересоздать пароль
</option> </button>
{% endfor %} <button type="submit" class="btn btn-primary">Сохранить изменения</button>
</select>
</div> </div>
</div>
<div class="mb-3"> </form>
<div class="form-check">
<input class="form-check-input" type="checkbox" id="is_active" name="is_active"
{% if user_role.is_active %}checked{% endif %}>
<label class="form-check-label" for="is_active">
Активен
</label>
</div>
<div class="form-text">Снимите галочку, чтобы временно отключить доступ</div>
</div>
<div class="d-flex justify-content-between align-items-center">
<a href="{% url 'user_roles:list' %}" class="btn btn-secondary">Отмена</a>
<div>
<button type="button" class="btn btn-warning me-2"
data-bs-toggle="modal" data-bs-target="#regeneratePasswordModal">
<i class="bi bi-key-fill"></i> Пересоздать пароль
</button>
<button type="submit" class="btn btn-primary">Сохранить изменения</button>
</div>
</div>
</form>
</div>
</div> </div>
</div>
<!-- Модальное окно для подтверждения пересоздания пароля --> <!-- Модальное окно для подтверждения пересоздания пароля -->
<div class="modal fade" id="regeneratePasswordModal" tabindex="-1" aria-labelledby="regeneratePasswordModalLabel" aria-hidden="true"> <div class="modal fade" id="regeneratePasswordModal" tabindex="-1"
<div class="modal-dialog"> aria-labelledby="regeneratePasswordModalLabel" aria-hidden="true">
<div class="modal-content"> <div class="modal-dialog">
<div class="modal-header bg-warning"> <div class="modal-content">
<h5 class="modal-title" id="regeneratePasswordModalLabel"> <div class="modal-header bg-warning">
<i class="bi bi-exclamation-triangle-fill"></i> Пересоздать пароль? <h5 class="modal-title" id="regeneratePasswordModalLabel">
</h5> <i class="bi bi-exclamation-triangle-fill"></i> Пересоздать пароль?
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> </h5>
</div> <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
<div class="modal-body"> </div>
<p>Вы уверены, что хотите создать новый пароль для пользователя <strong>{{ user_role.user.email }}</strong>?</p> <div class="modal-body">
<p class="text-muted mb-0">Текущий пароль будет сброшен и больше не будет работать.</p> <p>Вы уверены, что хотите создать новый пароль для пользователя <strong>{{ user_role.user.email
</div> }}</strong>?</p>
<div class="modal-footer"> <p class="text-muted mb-0">Текущий пароль будет сброшен и больше не будет работать.</p>
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Отмена</button> </div>
<form method="post" style="display: inline;"> <div class="modal-footer">
{% csrf_token %} <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Отмена</button>
<input type="hidden" name="action" value="regenerate_password"> <form method="post" style="display: inline;">
<button type="submit" class="btn btn-warning">Да, пересоздать пароль</button> {% csrf_token %}
</form> <input type="hidden" name="action" value="regenerate_password">
</div> <button type="submit" class="btn btn-warning">Да, пересоздать пароль</button>
</form>
</div> </div>
</div> </div>
</div> </div>
@@ -103,8 +103,8 @@
<!-- Модальное окно с новым паролем --> <!-- Модальное окно с новым паролем -->
{% if generated_password %} {% if generated_password %}
<div class="modal fade" id="passwordModal" tabindex="-1" aria-labelledby="passwordModalLabel" <div class="modal fade" id="passwordModal" tabindex="-1" aria-labelledby="passwordModalLabel" aria-hidden="true"
aria-hidden="true" data-bs-backdrop="static" data-bs-keyboard="false"> data-bs-backdrop="static" data-bs-keyboard="false">
<div class="modal-dialog modal-dialog-centered"> <div class="modal-dialog modal-dialog-centered">
<div class="modal-content"> <div class="modal-content">
<div class="modal-header bg-success text-white"> <div class="modal-header bg-success text-white">
@@ -123,36 +123,33 @@
<div class="mb-3"> <div class="mb-3">
<label class="form-label"><strong>Новый пароль:</strong></label> <label class="form-label"><strong>Новый пароль:</strong></label>
<div class="input-group"> <div class="input-group">
<input type="text" class="form-control form-control-lg font-monospace" <input type="text" class="form-control form-control-lg font-monospace" id="generatedPassword"
id="generatedPassword" value="{{ generated_password }}" readonly> value="{{ generated_password }}" readonly>
<button class="btn btn-outline-primary" type="button" <button class="btn btn-outline-primary" type="button" onclick="copyPassword()">
onclick="copyPassword()">
<i class="bi bi-clipboard"></i> Копировать <i class="bi bi-clipboard"></i> Копировать
</button> </button>
</div> </div>
</div> </div>
<div class="mb-3"> <div class="mb-3">
<button class="btn btn-outline-success w-100" type="button" <button class="btn btn-outline-success w-100" type="button" onclick="copyCredentials()">
onclick="copyCredentials()">
<i class="bi bi-clipboard-check"></i> Скопировать логин и пароль <i class="bi bi-clipboard-check"></i> Скопировать логин и пароль
</button> </button>
<div class="form-text text-center mt-2">Скопирует в формате: <code>{{ user_role.user.email }} / пароль</code></div> <div class="form-text text-center mt-2">Скопирует в формате:
<code>{{ user_role.user.email }} / пароль</code></div>
</div> </div>
<div class="form-check"> <div class="form-check">
<input class="form-check-input" type="checkbox" id="passwordSavedCheck" <input class="form-check-input" type="checkbox" id="passwordSavedCheck"
onchange="toggleCloseButton()"> onchange="toggleCloseButton()">
<label class="form-check-label" for="passwordSavedCheck"> <label class="form-check-label" for="passwordSavedCheck">
Я скопировал(а) пароль Я скопировал(а) пароль
</label> </label>
</div> </div>
</div> </div>
<div class="modal-footer"> <div class="modal-footer">
<a href="{% url 'user_roles:edit' user_role.pk %}" <a href="{% url 'system_settings:user_roles:edit' user_role.pk %}" class="btn btn-success disabled"
class="btn btn-success disabled" id="closeModalBtn" disabled>
id="closeModalBtn"
disabled>
Продолжить редактирование Продолжить редактирование
</a> </a>
</div> </div>
@@ -161,64 +158,64 @@
</div> </div>
<script> <script>
function copyPassword() { function copyPassword() {
const passwordInput = document.getElementById('generatedPassword'); const passwordInput = document.getElementById('generatedPassword');
passwordInput.select(); passwordInput.select();
passwordInput.setSelectionRange(0, 99999); // Для мобильных устройств passwordInput.setSelectionRange(0, 99999); // Для мобильных устройств
navigator.clipboard.writeText(passwordInput.value).then(function() { navigator.clipboard.writeText(passwordInput.value).then(function () {
// Меняем текст кнопки на короткое время // Меняем текст кнопки на короткое время
const btn = event.target.closest('button'); const btn = event.target.closest('button');
const originalHTML = btn.innerHTML; const originalHTML = btn.innerHTML;
btn.innerHTML = '<i class="bi bi-check-lg"></i> Скопировано!'; btn.innerHTML = '<i class="bi bi-check-lg"></i> Скопировано!';
btn.classList.remove('btn-outline-primary'); btn.classList.remove('btn-outline-primary');
btn.classList.add('btn-success'); btn.classList.add('btn-success');
setTimeout(function() { setTimeout(function () {
btn.innerHTML = originalHTML; btn.innerHTML = originalHTML;
btn.classList.remove('btn-success'); btn.classList.remove('btn-success');
btn.classList.add('btn-outline-primary'); btn.classList.add('btn-outline-primary');
}, 2000); }, 2000);
}); });
}
function copyCredentials() {
const email = '{{ user_role.user.email }}';
const password = '{{ generated_password }}';
const credentials = `${email} / ${password}`;
navigator.clipboard.writeText(credentials).then(function() {
const btn = event.target.closest('button');
const originalHTML = btn.innerHTML;
btn.innerHTML = '<i class="bi bi-check-lg"></i> Скопировано!';
btn.classList.remove('btn-outline-success');
btn.classList.add('btn-success');
setTimeout(function() {
btn.innerHTML = originalHTML;
btn.classList.remove('btn-success');
btn.classList.add('btn-outline-success');
}, 2000);
});
}
function toggleCloseButton() {
const checkbox = document.getElementById('passwordSavedCheck');
const closeBtn = document.getElementById('closeModalBtn');
if (checkbox.checked) {
closeBtn.classList.remove('disabled');
closeBtn.removeAttribute('disabled');
} else {
closeBtn.classList.add('disabled');
closeBtn.setAttribute('disabled', 'disabled');
} }
}
// Автоматически показываем модальное окно при загрузке страницы function copyCredentials() {
document.addEventListener('DOMContentLoaded', function() { const email = '{{ user_role.user.email }}';
const passwordModal = new bootstrap.Modal(document.getElementById('passwordModal')); const password = '{{ generated_password }}';
passwordModal.show(); const credentials = `${email} / ${password}`;
});
navigator.clipboard.writeText(credentials).then(function () {
const btn = event.target.closest('button');
const originalHTML = btn.innerHTML;
btn.innerHTML = '<i class="bi bi-check-lg"></i> Скопировано!';
btn.classList.remove('btn-outline-success');
btn.classList.add('btn-success');
setTimeout(function () {
btn.innerHTML = originalHTML;
btn.classList.remove('btn-success');
btn.classList.add('btn-outline-success');
}, 2000);
});
}
function toggleCloseButton() {
const checkbox = document.getElementById('passwordSavedCheck');
const closeBtn = document.getElementById('closeModalBtn');
if (checkbox.checked) {
closeBtn.classList.remove('disabled');
closeBtn.removeAttribute('disabled');
} else {
closeBtn.classList.add('disabled');
closeBtn.setAttribute('disabled', 'disabled');
}
}
// Автоматически показываем модальное окно при загрузке страницы
document.addEventListener('DOMContentLoaded', function () {
const passwordModal = new bootstrap.Modal(document.getElementById('passwordModal'));
passwordModal.show();
});
</script> </script>
{% endif %} {% endif %}
{% endblock %} {% endblock %}

View File

@@ -1,124 +1,123 @@
{% extends "base.html" %} {% extends "system_settings/base_settings.html" %}
{% block title %}Управление ролями пользователей{% endblock %} {% block title %}Управление ролями пользователей{% endblock %}
{% block content %} {% block settings_content %}
<div class="container mt-4"> <div class="d-flex justify-content-between align-items-center mb-4">
<div class="d-flex justify-content-between align-items-center mb-4"> <h3>Управление ролями пользователей</h3>
<h2>Управление ролями пользователей</h2> <a href="{% url 'system_settings:user_roles:create' %}" class="btn btn-primary">
<a href="{% url 'user_roles:create' %}" class="btn btn-primary"> <i class="bi bi-plus-circle"></i> Добавить пользователя
<i class="bi bi-plus-circle"></i> Добавить пользователя </a>
</a> </div>
</div>
{% if messages %} {% if messages %}
{% for message in messages %} {% for message in messages %}
<div class="alert alert-{{ message.tags }} alert-dismissible fade show" role="alert"> <div class="alert alert-{{ message.tags }} alert-dismissible fade show" role="alert">
{{ message }} {{ message }}
<button type="button" class="btn-close" data-bs-dismiss="alert"></button> <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
</div> </div>
{% endfor %} {% endfor %}
{% endif %} {% endif %}
<!-- Фильтр по активности --> <!-- Фильтр по активности -->
<div class="card mb-3"> <div class="card mb-3">
<div class="card-body"> <div class="card-body">
<form method="get" class="row g-3 align-items-center"> <form method="get" class="row g-3 align-items-center">
<div class="col-auto"> <div class="col-auto">
<div class="form-check"> <div class="form-check">
<input class="form-check-input" type="checkbox" <input class="form-check-input" type="checkbox" id="show_inactive" name="show_inactive" value="true"
id="show_inactive" name="show_inactive" value="true" {% if show_inactive %}checked{% endif %} onchange="this.form.submit()">
{% if show_inactive %}checked{% endif %} <label class="form-check-label" for="show_inactive">
onchange="this.form.submit()"> Показать неактивных пользователей
<label class="form-check-label" for="show_inactive"> </label>
Показать неактивных пользователей
</label>
</div>
</div> </div>
</form> </div>
</div> </form>
</div> </div>
</div>
<div class="card"> <div class="card">
<div class="card-body"> <div class="card-body">
{% if user_roles %} {% if user_roles %}
<div class="table-responsive"> <div class="table-responsive">
<table class="table table-hover"> <table class="table table-hover">
<thead> <thead>
<tr> <tr>
<th>Email</th> <th>Email</th>
<th>Имя</th> <th>Имя</th>
<th>Роль</th> <th>Роль</th>
<th>Статус</th> <th>Статус</th>
<th>Создан</th> <th>Создан</th>
<th>Создал</th> <th>Создал</th>
<th>Действия</th> <th>Действия</th>
</tr> </tr>
</thead> </thead>
<tbody> <tbody>
{% for user_role in user_roles %} {% for user_role in user_roles %}
<tr> <tr>
<td>{{ user_role.user.email }}</td> <td>{{ user_role.user.email }}</td>
<td>{{ user_role.user.name }}</td> <td>{{ user_role.user.name }}</td>
<td> <td>
<span class="badge <span class="badge
{% if user_role.role.code == 'owner' %}bg-danger {% if user_role.role.code == 'owner' %}bg-danger
{% elif user_role.role.code == 'manager' %}bg-primary {% elif user_role.role.code == 'manager' %}bg-primary
{% elif user_role.role.code == 'florist' %}bg-success {% elif user_role.role.code == 'florist' %}bg-success
{% elif user_role.role.code == 'courier' %}bg-info {% elif user_role.role.code == 'courier' %}bg-info
{% endif %}"> {% endif %}">
{{ user_role.role.name }} {{ user_role.role.name }}
</span> </span>
</td> </td>
<td> <td>
{% if not user_role.is_active or not user_role.user.is_active %} {% if not user_role.is_active or not user_role.user.is_active %}
<span class="badge bg-secondary">Неактивен</span> <span class="badge bg-secondary">Неактивен</span>
{% else %} {% else %}
<span class="badge bg-success">Активен</span> <span class="badge bg-success">Активен</span>
{% endif %} {% endif %}
</td> </td>
<td>{{ user_role.created_at|date:"d.m.Y H:i" }}</td> <td>{{ user_role.created_at|date:"d.m.Y H:i" }}</td>
<td> <td>
{% if user_role.created_by %} {% if user_role.created_by %}
{{ user_role.created_by.name }} {{ user_role.created_by.name }}
{% else %} {% else %}
{% endif %} {% endif %}
</td> </td>
<td> <td>
{% if user_role.user != request.user %} {% if user_role.user != request.user %}
{% if user_role.is_active and user_role.user.is_active %} {% if user_role.is_active and user_role.user.is_active %}
<a href="{% url 'user_roles:edit' user_role.pk %}" class="btn btn-sm btn-outline-primary"> <a href="{% url 'system_settings:user_roles:edit' user_role.pk %}"
<i class="bi bi-pencil"></i> Изменить class="btn btn-sm btn-outline-primary">
</a> <i class="bi bi-pencil"></i> Изменить
<a href="{% url 'user_roles:delete' user_role.pk %}" class="btn btn-sm btn-outline-danger"> </a>
<i class="bi bi-x-circle"></i> Деактивировать <a href="{% url 'system_settings:user_roles:delete' user_role.pk %}"
</a> class="btn btn-sm btn-outline-danger">
{% else %} <i class="bi bi-x-circle"></i> Деактивировать
<a href="{% url 'user_roles:reactivate' user_role.pk %}" class="btn btn-sm btn-outline-success"> </a>
<i class="bi bi-arrow-clockwise"></i> Реактивировать {% else %}
</a> <a href="{% url 'system_settings:user_roles:reactivate' user_role.pk %}"
{% endif %} class="btn btn-sm btn-outline-success">
{% else %} <i class="bi bi-arrow-clockwise"></i> Реактивировать
<span class="text-muted small"> </a>
<i class="bi bi-lock"></i> Ваша роль {% endif %}
</span> {% else %}
{% endif %} <span class="text-muted small">
</td> <i class="bi bi-lock"></i> Ваша роль
</tr> </span>
{% endfor %} {% endif %}
</tbody> </td>
</table> </tr>
</div> {% endfor %}
{% else %} </tbody>
<div class="text-center py-5"> </table>
<p class="text-muted">Нет пользователей с ролями</p>
<a href="{% url 'user_roles:create' %}" class="btn btn-primary">
Добавить первого пользователя
</a>
</div>
{% endif %}
</div> </div>
{% else %}
<div class="text-center py-5">
<p class="text-muted">Нет пользователей с ролями</p>
<a href="{% url 'system_settings:user_roles:create' %}" class="btn btn-primary">
Добавить первого пользователя
</a>
</div>
{% endif %}
</div> </div>
</div> </div>
{% endblock %} {% endblock %}

View File

@@ -1,59 +1,57 @@
{% extends "base.html" %} {% extends "system_settings/base_settings.html" %}
{% block title %}Реактивировать пользователя{% endblock %} {% block title %}Реактивировать пользователя{% endblock %}
{% block content %} {% block settings_content %}
<div class="container mt-4"> <div class="row justify-content-center">
<div class="row justify-content-center"> <div class="col-md-6">
<div class="col-md-6"> <div class="card border-success">
<div class="card border-success"> <div class="card-header bg-success text-white">
<div class="card-header bg-success text-white"> <h4 class="mb-0">Реактивировать пользователя</h4>
<h4 class="mb-0">Реактивировать пользователя</h4> </div>
<div class="card-body">
<div class="alert alert-info">
<i class="bi bi-info-circle"></i>
<strong>Информация:</strong> Пользователь снова получит доступ к системе.
</div> </div>
<div class="card-body">
<div class="alert alert-info">
<i class="bi bi-info-circle"></i>
<strong>Информация:</strong> Пользователь снова получит доступ к системе.
</div>
<dl class="row"> <dl class="row">
<dt class="col-sm-4">Email:</dt> <dt class="col-sm-4">Email:</dt>
<dd class="col-sm-8">{{ user_role.user.email }}</dd> <dd class="col-sm-8">{{ user_role.user.email }}</dd>
<dt class="col-sm-4">Имя:</dt> <dt class="col-sm-4">Имя:</dt>
<dd class="col-sm-8">{{ user_role.user.name }}</dd> <dd class="col-sm-8">{{ user_role.user.name }}</dd>
<dt class="col-sm-4">Роль:</dt> <dt class="col-sm-4">Роль:</dt>
<dd class="col-sm-8"> <dd class="col-sm-8">
<span class="badge <span class="badge
{% if user_role.role.code == 'owner' %}bg-danger {% if user_role.role.code == 'owner' %}bg-danger
{% elif user_role.role.code == 'manager' %}bg-primary {% elif user_role.role.code == 'manager' %}bg-primary
{% elif user_role.role.code == 'florist' %}bg-success {% elif user_role.role.code == 'florist' %}bg-success
{% elif user_role.role.code == 'courier' %}bg-info {% elif user_role.role.code == 'courier' %}bg-info
{% endif %}"> {% endif %}">
{{ user_role.role.name }} {{ user_role.role.name }}
</span> </span>
</dd> </dd>
<dt class="col-sm-4">Был деактивирован:</dt> <dt class="col-sm-4">Был деактивирован:</dt>
<dd class="col-sm-8">{{ user_role.created_at|date:"d.m.Y H:i" }}</dd> <dd class="col-sm-8">{{ user_role.created_at|date:"d.m.Y H:i" }}</dd>
</dl> </dl>
<p class="text-muted"> <p class="text-muted">
Пользователь сможет снова войти в систему с прежней ролью. Пользователь сможет снова войти в систему с прежней ролью.
Все его данные (заказы, история действий) сохранены. Все его данные (заказы, история действий) сохранены.
</p> </p>
<form method="post"> <form method="post">
{% csrf_token %} {% csrf_token %}
<div class="d-flex justify-content-between"> <div class="d-flex justify-content-between">
<a href="{% url 'user_roles:list' %}" class="btn btn-secondary">Отмена</a> <a href="{% url 'system_settings:user_roles:list' %}" class="btn btn-secondary">Отмена</a>
<button type="submit" class="btn btn-success"> <button type="submit" class="btn btn-success">
<i class="bi bi-arrow-clockwise"></i> Да, реактивировать <i class="bi bi-arrow-clockwise"></i> Да, реактивировать
</button> </button>
</div> </div>
</form> </form>
</div>
</div> </div>
</div> </div>
</div> </div>