- ${Array(3)
- .fill()
- .map(
- () => `
-
- `,
- )
- .join("")}
+
+ ${Array(3)
+ .fill()
+ .map(
+ () => `
+
- `);
+ `,
+ )
+ .join("")}
+
+ `);
}
function renderPagination() {
@@ -297,12 +303,12 @@ $(document).ready(() => {
if (totalPages <= 1) return;
const $pagination = $(`
-
- `);
+
+ `);
const $pageNumbers = $pagination.find("#page-numbers");
const pages = generatePageNumbers(currentPage, totalPages);
@@ -313,8 +319,8 @@ $(document).ready(() => {
} else {
const isActive = page === currentPage;
$pageNumbers.append(`
-
- `);
+
+ `);
}
});
@@ -383,13 +389,13 @@ $(document).ready(() => {
}
const $dropdown = $(`
-
- `);
+
+ `);
const $roleItems = $dropdown.find(".role-items");
@@ -402,12 +408,12 @@ $(document).ready(() => {
: "hover:bg-gray-50";
$roleItems.append(`
-
-
${Utils.escapeHtml(role.name)}
- ${role.description ? `
${Utils.escapeHtml(role.description)}
` : ""}
- ${role.payroll ? `
Оклад: ${role.payroll}
` : ""}
-
- `);
+
+
${Utils.escapeHtml(role.name)}
+ ${role.description ? `
${Utils.escapeHtml(role.description)}
` : ""}
+ ${role.payroll ? `
Оклад: ${role.payroll}
` : ""}
+
+ `);
});
const $button = $(button);
@@ -457,12 +463,9 @@ $(document).ready(() => {
}
function addRoleToUser(userId, roleName) {
- Api.request(
- `/api/auth/users/${userId}/roles/${encodeURIComponent(roleName)}`,
- {
- method: "POST",
- },
- )
+ Api.request(`/api/users/${userId}/roles/${encodeURIComponent(roleName)}`, {
+ method: "POST",
+ })
.then((updatedUser) => {
const userIndex = users.findIndex((u) => u.id === userId);
if (userIndex !== -1) {
@@ -485,12 +488,9 @@ $(document).ready(() => {
return;
}
- Api.request(
- `/api/auth/users/${userId}/roles/${encodeURIComponent(roleName)}`,
- {
- method: "DELETE",
- },
- )
+ Api.request(`/api/users/${userId}/roles/${encodeURIComponent(roleName)}`, {
+ method: "DELETE",
+ })
.then((updatedUser) => {
const userIndex = users.findIndex((u) => u.id === userId);
if (userIndex !== -1) {
@@ -514,7 +514,6 @@ $(document).ready(() => {
$("#edit-user-fullname").val(user.full_name || "");
$("#edit-user-password").val("");
$("#edit-user-active").prop("checked", user.is_active);
- $("#edit-user-verified").prop("checked", user.is_verified);
$("#edit-user-modal").removeClass("hidden");
}
@@ -529,6 +528,7 @@ $(document).ready(() => {
const email = $("#edit-user-email").val().trim();
const fullName = $("#edit-user-fullname").val().trim();
const password = $("#edit-user-password").val();
+ const isActive = $("#edit-user-active").prop("checked");
if (!email) {
Utils.showToast("Email обязателен", "error");
@@ -538,36 +538,26 @@ $(document).ready(() => {
const updateData = {
email: email,
full_name: fullName || null,
+ is_active: isActive,
};
if (password) {
updateData.password = password;
}
- Api.put(`/api/auth/me`, updateData)
+ Api.put(`/api/users/${userId}`, updateData)
.then((updatedUser) => {
const userIndex = users.findIndex((u) => u.id === userId);
if (userIndex !== -1) {
- users[userIndex] = { ...users[userIndex], ...updatedUser };
+ users[userIndex] = updatedUser;
}
renderUsers();
closeEditModal();
Utils.showToast("Пользователь обновлён", "success");
})
.catch((error) => {
- console.warn("API update failed, updating locally:", error);
- const userIndex = users.findIndex((u) => u.id === userId);
- if (userIndex !== -1) {
- users[userIndex].email = email;
- users[userIndex].full_name = fullName || null;
- users[userIndex].is_active = $("#edit-user-active").prop("checked");
- users[userIndex].is_verified = $("#edit-user-verified").prop(
- "checked",
- );
- }
- renderUsers();
- closeEditModal();
- Utils.showToast("Изменения сохранены локально", "info");
+ console.error(error);
+ Utils.showToast(error.message || "Ошибка обновления", "error");
});
}
@@ -582,7 +572,16 @@ $(document).ready(() => {
}
userToDelete = user;
+
+ const actionText = user.is_active ? "деактивировать" : "удалить навсегда";
$("#delete-user-name").text(user.full_name || user.username);
+ $("#delete-user-modal .text-sm.text-gray-500").html(
+ `Вы уверены, что хотите
${actionText} пользователя
${Utils.escapeHtml(user.full_name || user.username)}?` +
+ (user.is_active
+ ? ""
+ : "
Это действие необратимо!"),
+ );
+
$("#delete-user-modal").removeClass("hidden");
}
@@ -594,22 +593,27 @@ $(document).ready(() => {
function confirmDeleteUser() {
if (!userToDelete) return;
- Utils.showToast("Удаление пользователей не поддерживается API", "error");
- closeDeleteModal();
-
- // Api.delete(`/api/auth/users/${userToDelete.id}`)
- // .then(() => {
- // users = users.filter(u => u.id !== userToDelete.id);
- // totalUsers--;
- // $("#total-users-count").text(totalUsers);
- // renderUsers();
- // closeDeleteModal();
- // Utils.showToast("Пользователь удалён", "success");
- // })
- // .catch((error) => {
- // console.error(error);
- // Utils.showToast(error.message || "Ошибка удаления", "error");
- // });
+ Api.delete(`/api/users/${userToDelete.id}`)
+ .then((deletedUser) => {
+ if (deletedUser.is_active === false) {
+ const userIndex = users.findIndex((u) => u.id === userToDelete.id);
+ if (userIndex !== -1) {
+ users[userIndex] = deletedUser;
+ }
+ Utils.showToast("Пользователь деактивирован", "success");
+ } else {
+ users = users.filter((u) => u.id !== userToDelete.id);
+ totalUsers--;
+ $("#total-users-count").text(totalUsers);
+ Utils.showToast("Пользователь удалён", "success");
+ }
+ renderUsers();
+ closeDeleteModal();
+ })
+ .catch((error) => {
+ console.error(error);
+ Utils.showToast(error.message || "Ошибка удаления", "error");
+ });
}
$("#users-container").on("click", ".add-role-btn", function (e) {
diff --git a/library_service/templates/users.html b/library_service/templates/users.html
index 7c1562e..6c8f08e 100644
--- a/library_service/templates/users.html
+++ b/library_service/templates/users.html
@@ -38,7 +38,7 @@
type="text"
id="role-filter-input"
placeholder="Фильтр по роли..."
- class="w-full md:w-56 border rounded-lg px-3 py-2 text-sm focus:outline-none focus:ring-1 focus:ring-gray-400"
+ class="w-full md:w-56 border rounded-lg px-3 py-2.5 text-sm focus:outline-none focus:ring-1 focus:ring-gray-400"
autocomplete="off"
/>