Добавлен модуль 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

@@ -1,64 +1,63 @@
{% extends "base.html" %}
{% extends "system_settings/base_settings.html" %}
{% block title %}Добавить пользователя{% endblock %}
{% block content %}
<div class="container mt-4">
<div class="row justify-content-center">
<div class="col-md-6">
<div class="card">
<div class="card-header">
<h4 class="mb-0">Добавить пользователя</h4>
{% block settings_content %}
<div class="row justify-content-center">
<div class="col-md-6">
<div class="card">
<div class="card-header">
<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 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>
{% endfor %}
{% endif %}
{% endfor %}
{% endif %}
<form method="post">
{% csrf_token %}
<form method="post">
{% csrf_token %}
<div class="mb-3">
<label for="email" class="form-label">Email *</label>
<input type="email" class="form-control" id="email" name="email" required>
<div class="form-text">Email пользователя для входа</div>
<div class="mb-3">
<label for="email" class="form-label">Email *</label>
<input type="email" class="form-control" id="email" name="email" required>
<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 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 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 class="d-flex justify-content-between">
<a href="{% url 'system_settings:user_roles:list' %}" class="btn btn-secondary">Отмена</a>
<button type="submit" class="btn btn-primary">Создать пользователя</button>
</div>
</form>
</div>
</div>
</div>
</div>
{% endblock %}
{% endblock %}

View File

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

View File

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

View File

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

View File

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

View File

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