discours.io/core
5
0
Fork 0
Code Pull Requests Actions Projects Activity

fix manage roles

Browse Source
This commit is contained in:
Untone 2025-05-21 10:35:27 +03:00
parent d3a760b6ba
commit f6156ccfa3
8 changed files with 334 additions and 283 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
auth/orm.py
View File

@ -127,7 +127,7 @@ class AuthorRole(Base):
__table_args__ = {"extend_existing": True} __table_args__ = {"extend_existing": True}
id = None id = None
community = Column(ForeignKey("community.id"), primary_key=True, index=True) community = Column(ForeignKey("community.id"), primary_key=True, index=True, default=1)
author = Column(ForeignKey("author.id"), primary_key=True, index=True) author = Column(ForeignKey("author.id"), primary_key=True, index=True)
role = Column(ForeignKey("role.id"), primary_key=True, index=True) role = Column(ForeignKey("role.id"), primary_key=True, index=True)

94
panel/admin.tsx
View File

@ -3,7 +3,7 @@
* @module AdminPage * @module AdminPage
*/ */
import { Component, For, Show, createSignal, onMount } from 'solid-js' import { Component, For, Show, createSignal, onMount, createEffect } from 'solid-js'
import { logout } from './auth' import { logout } from './auth'
import { query } from './graphql' import { query } from './graphql'
@ -53,7 +53,17 @@ interface AdminGetRolesResponse {
* Интерфейс для ответа обновления пользователя * Интерфейс для ответа обновления пользователя
*/ */
interface AdminUpdateUserResponse { interface AdminUpdateUserResponse {
adminUpdateUser: boolean success: boolean
error?: string
}
/**
* Интерфейс для входных данных обновления пользователя
*/
interface AdminUserUpdateInput {
id: number
roles: string[]
community?: number
} }
/** /**
@ -121,11 +131,37 @@ const AdminPage: Component<AdminPageProps> = (props) => {
// Периодическая проверка авторизации // Периодическая проверка авторизации
onMount(() => { onMount(() => {
// Получаем параметры из URL при загрузке
const urlParams = new URLSearchParams(window.location.search);
const page = parseInt(urlParams.get('page') || '1');
const limit = parseInt(urlParams.get('limit') || '10');
const search = urlParams.get('search') || '';
setPagination({ ...pagination(), page, limit });
setSearchQuery(search);
// Загружаем данные при монтировании // Загружаем данные при монтировании
loadUsers() loadUsers()
loadRoles() loadRoles()
}) })
// Обновление URL при изменении параметров пагинации
createEffect(() => {
const pagData = pagination();
const search = searchQuery();
const urlParams = new URLSearchParams();
urlParams.set('page', pagData.page.toString());
urlParams.set('limit', pagData.limit.toString());
if (search) {
urlParams.set('search', search);
}
const newUrl = `${window.location.pathname}?${urlParams.toString()}`;
window.history.replaceState({}, '', newUrl);
});
/** /**
* Загрузка списка пользователей с учетом пагинации и поиска * Загрузка списка пользователей с учетом пагинации и поиска
*/ */
@ -134,6 +170,7 @@ const AdminPage: Component<AdminPageProps> = (props) => {
setError(null) setError(null)
try { try {
// Используем актуальные данные из состояния
const { page, limit } = pagination() const { page, limit } = pagination()
const offset = (page - 1) * limit const offset = (page - 1) * limit
const search = searchQuery().trim() const search = searchQuery().trim()
@ -291,13 +328,17 @@ const AdminPage: Component<AdminPageProps> = (props) => {
`${location.origin}/graphql`, `${location.origin}/graphql`,
` `
mutation AdminUpdateUser($user: AdminUserUpdateInput!) { mutation AdminUpdateUser($user: AdminUserUpdateInput!) {
adminUpdateUser(user: $user) adminUpdateUser(user: $user) {
success
error
}
} }
`, `,
{ {
user: { user: {
id: userId, id: userId,
roles: newRoles roles: newRoles,
community: 1 // Добавляем обязательный параметр community
} }
} }
) )
@ -315,14 +356,24 @@ const AdminPage: Component<AdminPageProps> = (props) => {
// Закрываем модальное окно // Закрываем модальное окно
closeRolesModal() closeRolesModal()
// Показываем сообщение об успехе // Показываем сообщение об успехе и обновляем список пользователей
setSuccessMessage('Роли пользователя успешно обновлены') setSuccessMessage('Роли пользователя успешно обновлены')
// Перезагружаем список пользователей
loadUsers()
// Скрываем сообщение через 3 секунды // Скрываем сообщение через 3 секунды
setTimeout(() => setSuccessMessage(null), 3000) setTimeout(() => setSuccessMessage(null), 3000)
} catch (err) { } catch (err) {
console.error('Ошибка обновления ролей:', err) console.error('Ошибка обновления ролей:', err)
setError(err instanceof Error ? err.message : 'Ошибка обновления ролей') let errorMessage = err instanceof Error ? err.message : 'Ошибка обновления ролей';
// Если ошибка связана с недостающим полем community
if (errorMessage.includes('author_role.community')) {
errorMessage = 'Ошибка: для роли author требуется указать community. Обратитесь к администратору.';
}
setError(errorMessage)
} }
} }
@ -600,21 +651,24 @@ const AdminPage: Component<AdminPageProps> = (props) => {
const RolesModal: Component = () => { const RolesModal: Component = () => {
const user = selectedUser() const user = selectedUser()
const [selectedRoles, setSelectedRoles] = createSignal<string[]>(user ? [...user.roles] : []) const [selectedRoles, setSelectedRoles] = createSignal<string[]>(user ? [...user.roles] : [])
const availableRoles = roles(); // Получаем список доступных ролей
// Получаем дополнительные описания ролей // Получаем дополнительные описания ролей
const getRoleDescription = (roleId: string): string => { const getRoleDescription = (roleId: string): string => {
// Если есть описание в списке ролей, используем его
const roleFromList = roles().find(r => r.id === roleId);
if (roleFromList?.description) {
return roleFromList.description;
}
// Иначе возвращаем стандартное описание // Иначе возвращаем стандартное описание
switch(roleId) { switch(roleId) {
case 'reader': case 'reader':
return 'Базовая роль. Позволяет авторизоваться и оставлять реакции.'; return 'Базовая роль. Позволяет авторизоваться и оставлять реакции.';
case 'expert':
return 'Эксперт. Позволяет оставлять комментарии и апрувить публикации для главной.';
case 'author': case 'author':
return 'Расширенная роль. Позволяет создавать контент и голосовать за публикации для вывода на главную страницу.'; return 'Расширенная роль. Позволяет создавать контент и голосовать за публикации для вывода на главную страницу.';
case 'editor':
return 'Редактор. Позволяет редактировать темы и публикации сообщества.';
case 'moderator':
return 'Модератор. Позволяет модерировать контент и управлять пользователями.';
case 'admin':
return 'Администратор. Позволяет управлять всеми функциями системы.';
default: default:
return 'Нет описания'; return 'Нет описания';
} }
@ -631,6 +685,7 @@ const AdminPage: Component<AdminPageProps> = (props) => {
const saveRoles = () => { const saveRoles = () => {
if (user) { if (user) {
// При сохранении ролей передаем правильный набор параметров
updateUserRoles(user.id, selectedRoles()) updateUserRoles(user.id, selectedRoles())
} }
} }
@ -643,13 +698,8 @@ const AdminPage: Component<AdminPageProps> = (props) => {
<h2>Управление ролями пользователя</h2> <h2>Управление ролями пользователя</h2>
<p>Пользователь: {user.email}</p> <p>Пользователь: {user.email}</p>
<div class="role-info">
<p><strong>Внимание:</strong> Снятие роли "reader" блокирует доступ пользователя к системе.</p>
<p>Роль "author" дает возможность голосовать за публикации для размещения на главной странице.</p>
</div>
<div class="roles-list"> <div class="roles-list">
<For each={roles()}> <For each={availableRoles}>
{(role) => ( {(role) => (
<div class="role-item"> <div class="role-item">
<label> <label>
@ -987,8 +1037,8 @@ const AdminPage: Component<AdminPageProps> = (props) => {
<th>ID</th> <th>ID</th>
<th>Email</th> <th>Email</th>
<th>Имя</th> <th>Имя</th>
<th>Роли</th>
<th>Создан</th> <th>Создан</th>
<th>Роли</th>
</tr> </tr>
</thead> </thead>
<tbody> <tbody>
@ -998,21 +1048,21 @@ const AdminPage: Component<AdminPageProps> = (props) => {
<td>{user.id}</td> <td>{user.id}</td>
<td>{user.email}</td> <td>{user.email}</td>
<td>{user.name || '-'}</td> <td>{user.name || '-'}</td>
<td>{formatDateRelative(user.created_at)}</td>
<td class="roles-cell"> <td class="roles-cell">
<div class="roles-container"> <div class="roles-container">
<For each={user.roles}> <For each={user.roles}>
{(role) => <RoleBadge role={role} />} {(role) => <RoleBadge role={role} />}
</For> </For>
<div class="role-badge" onClick={() => { <div class="role-badge edit-role-badge" onClick={() => {
setSelectedUser(user) setSelectedUser(user)
setShowRolesModal(true) setShowRolesModal(true)
}} }}
> >
🎭 <span class="role-icon">🎭</span>
</div> </div>
</div> </div>
</td> </td>
<td>{formatDateRelative(user.created_at)}</td>
</tr> </tr>
)} )}
</For> </For>

11
panel/login.tsx
View File

@ -3,7 +3,7 @@
* @module LoginPage * @module LoginPage
*/ */
import { Component, createSignal } from 'solid-js' import { Component, createSignal, Show } from 'solid-js'
import { login } from './auth' import { login } from './auth'
interface LoginPageProps { interface LoginPageProps {
@ -69,17 +69,16 @@ const LoginPage: Component<LoginPageProps> = (props) => {
return ( return (
<div class="login-page"> <div class="login-page">
<div class="login-container"> <div class="login-container">
<h1>Вход в систему</h1> <img src="https://testing.dscrs.site/logo.svg" alt="Logo" />
<div class="error-message" style={{ opacity: error() ? 1 : 0 }}>{error()}</div>
{error() && <div class="error-message">{error()}</div>}
<form onSubmit={handleSubmit} method="post"> <form onSubmit={handleSubmit} method="post">
<div class="form-group"> <div class="form-group">
<label for="email">Email</label>
<input <input
type="email" type="email"
id="email" id="email"
name="email" name="email"
placeholder="Email"
value={email()} value={email()}
onInput={(e) => setEmail(e.currentTarget.value)} onInput={(e) => setEmail(e.currentTarget.value)}
disabled={isLoading()} disabled={isLoading()}
@ -89,11 +88,11 @@ const LoginPage: Component<LoginPageProps> = (props) => {
</div> </div>
<div class="form-group"> <div class="form-group">
<label for="password">Пароль</label>
<input <input
type="password" type="password"
id="password" id="password"
name="password" name="password"
placeholder="Пароль"
value={password()} value={password()}
onInput={(e) => setPassword(e.currentTarget.value)} onInput={(e) => setPassword(e.currentTarget.value)}
disabled={isLoading()} disabled={isLoading()}

427
panel/styles.css
View File

@ -11,26 +11,30 @@
/* Общие стили */ /* Общие стили */
:root { :root {
--primary-color: #3498db; --primary-color: #000000;
--primary-dark: #2980b9; --primary-dark: #333333;
--success-color: #2ecc71; --primary-light: #F5F5F5;
--success-light: #d1fae5; --success-color: #000000;
--danger-color: #e74c3c; --success-light: #F0F0F0;
--danger-light: #fee2e2; --danger-color: #000000;
--warning-color: #f39c12; --danger-light: #F0F0F0;
--warning-light: #fef3c7; --warning-color: #000000;
--text-color: #333; --warning-light: #F0F0F0;
--bg-color: #f5f5f5; --text-color: #000000;
--card-bg: #fff; --text-secondary: #666666;
--border-color: #ddd; --bg-color: #FFFFFF;
--card-bg: #FFFFFF;
--border-color: #E0E0E0;
--font-family: 'Inter', system-ui, -apple-system, sans-serif;
} }
body { body {
font-family: system-ui, -apple-system, sans-serif; font-family: var(--font-family);
margin: 0; margin: 0;
padding: 0; padding: 0;
background-color: var(--bg-color); background-color: var(--bg-color);
color: var(--text-color); color: var(--text-color);
line-height: 1.5;
} }
/* Общие элементы интерфейса */ /* Общие элементы интерфейса */
@ -64,18 +68,26 @@ body {
background-color: var(--danger-light); background-color: var(--danger-light);
border-left: 4px solid var(--danger-color); border-left: 4px solid var(--danger-color);
color: var(--danger-color); color: var(--danger-color);
padding: 10px; padding: 12px 16px;
margin-bottom: 20px; margin-bottom: 20px;
border-radius: 4px; border-radius: 8px;
font-size: 14px;
display: flex;
align-items: center;
gap: 10px;
} }
.success-message { .success-message {
background-color: var(--success-light); background-color: var(--success-light);
border-left: 4px solid var(--success-color); border-left: 4px solid var(--success-color);
color: var(--success-color); color: var(--success-color);
padding: 10px; padding: 12px 16px;
margin-bottom: 20px; margin-bottom: 20px;
border-radius: 4px; border-radius: 8px;
font-size: 14px;
display: flex;
align-items: center;
gap: 10px;
} }
.empty-state { .empty-state {
@ -98,31 +110,48 @@ body {
.form-group input { .form-group input {
width: 100%; width: 100%;
padding: 10px; padding: 12px;
border: 1px solid var(--border-color); border: 1px solid var(--border-color);
border-radius: 4px; border-radius: 8px;
font-size: 16px; font-size: 14px;
transition: all 0.2s ease;
}
.form-group input:focus {
outline: none;
border-color: var(--text-color);
box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1);
} }
button { button {
background-color: var(--primary-color); background-color: var(--primary-color);
color: white; color: white;
border: none; border: none;
border-radius: 4px; border-radius: 8px;
padding: 10px 15px; padding: 10px 16px;
font-size: 16px; font-size: 14px;
font-weight: 500;
cursor: pointer; cursor: pointer;
transition: background-color 0.2s; transition: all 0.2s ease;
width: 100%; width: 100%;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
} }
button:hover { button:hover {
background-color: var(--primary-dark); background-color: var(--primary-dark);
transform: translateY(-1px);
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
} }
button:disabled { button:disabled {
background-color: #ccc; background-color: #E5E9F2;
color: #A0AEC0;
cursor: not-allowed; cursor: not-allowed;
transform: none;
box-shadow: none;
} }
/* Стили для страницы входа */ /* Стили для страницы входа */
@ -132,27 +161,41 @@ button:disabled {
align-items: center; align-items: center;
min-height: 100vh; min-height: 100vh;
padding: 20px; padding: 20px;
background-color: var(--bg-color);
} }
.login-container { .login-container {
background-color: var(--card-bg); background-color: var(--card-bg);
border-radius: 8px; border-radius: 16px;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12);
padding: 30px; padding: 40px;
width: 100%; width: 100%;
max-width: 400px; max-width: 440px;
border: none;
text-align: center;
} }
.login-container h1 { .login-container h1 {
margin-top: 0; margin-top: 0;
margin-bottom: 20px; margin-bottom: 24px;
text-align: center; text-align: center;
color: var(--primary-color); color: var(--text-color);
font-size: 28px;
font-weight: 700;
}
.login-logo {
width: 120px;
height: auto;
margin-bottom: 24px;
display: block;
margin-left: auto;
margin-right: auto;
} }
/* Стили для админ-панели */ /* Стили для админ-панели */
.admin-page { .admin-page {
max-width: 1200px; max-width: 1260px;
margin: 0 auto; margin: 0 auto;
padding: 20px; padding: 20px;
min-height: 100vh; min-height: 100vh;
@ -162,8 +205,10 @@ button:disabled {
header { header {
background-color: var(--card-bg); background-color: var(--card-bg);
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
padding: 15px 20px; padding: 15px 20px;
border-radius: 10px;
margin-bottom: 24px;
} }
.header-container { .header-container {
@ -175,11 +220,12 @@ header {
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
width: 100%; width: 100%;
padding: 0 10px;
} }
header h1 { header h1 {
margin: 0; margin: 0;
color: var(--primary-color); color: var(--text-color);
font-size: 24px; font-size: 24px;
} }
@ -195,6 +241,8 @@ header h1 {
.logout-button:hover { .logout-button:hover {
background-color: var(--danger-color); background-color: var(--danger-color);
color: white; color: white;
transform: translateY(-1px);
box-shadow: 0 2px 4px rgba(211, 47, 47, 0.15);
} }
.admin-tabs { .admin-tabs {
@ -210,24 +258,30 @@ header h1 {
.admin-tabs button { .admin-tabs button {
background: none; background: none;
border: none; border: none;
padding: 8px 16px; padding: 10px 16px;
cursor: pointer; cursor: pointer;
font-size: 16px; font-size: 14px;
border-bottom: 3px solid transparent; border-bottom: 2px solid transparent;
transition: all 0.2s; transition: all 0.2s;
width: auto; width: auto;
color: var(--text-color); color: var(--text-secondary);
font-weight: 500;
} }
.admin-tabs button.active { .admin-tabs button.active {
border-bottom-color: var(--primary-color); border-bottom-color: var(--text-color);
color: var(--primary-color); color: var(--text-color);
font-weight: 600; font-weight: 600;
background-color: transparent; background-color: transparent;
} }
.admin-tabs button:hover:not(.active) {
color: var(--text-color);
border-bottom-color: #E5E9F2;
}
.admin-tabs button:hover { .admin-tabs button:hover {
background-color: rgba(52, 152, 219, 0.1); background-color: rgba(0, 0, 0, 0.05);
} }
main { main {
@ -246,88 +300,37 @@ main {
table { table {
width: 100%; width: 100%;
border-collapse: collapse; border-collapse: separate;
border: 1px solid var(--border-color); border-spacing: 0;
border: none;
border-radius: 10px;
overflow: hidden;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
background-color: var(--card-bg);
} }
thead { thead {
background-color: #f3f4f6; background-color: #F5F7FA;
} }
th, td { th, td {
padding: 10px; padding: 14px 16px;
text-align: left; text-align: left;
border-bottom: 1px solid var(--border-color); border-bottom: 1px solid var(--border-color);
font-size: 14px;
} }
th { th {
font-weight: 600; font-weight: 600;
background-color: #f9f9f9; color: var(--text-secondary);
background-color: #F5F7FA;
text-transform: uppercase;
font-size: 12px;
letter-spacing: 0.05em;
} }
tr:hover { tr:hover {
background-color: rgba(52, 152, 219, 0.05); background-color: rgba(0, 0, 0, 0.03);
}
tr.blocked {
background-color: rgba(231, 76, 60, 0.05);
}
/* Статусы пользователей */
.status {
display: inline-block;
padding: 4px 8px;
border-radius: 4px;
font-size: 12px;
font-weight: 600;
margin-right: 4px;
}
.status.active {
background-color: var(--success-light);
color: var(--success-color);
}
.status.blocked {
background-color: var(--danger-light);
color: var(--danger-color);
}
.status.muted {
background-color: var(--warning-light);
color: var(--warning-color);
}
/* Кнопки действий */
.actions {
display: flex;
gap: 5px;
}
.actions button {
padding: 5px 10px;
font-size: 12px;
border: none;
border-radius: 4px;
cursor: pointer;
transition: background-color 0.2s;
width: auto;
}
button.block {
background-color: var(--danger-color);
}
button.unblock {
background-color: var(--success-color);
}
button.mute {
background-color: var(--warning-color);
}
button.unmute {
background-color: var(--primary-color);
} }
/* Стили для редактирования ролей */ /* Стили для редактирования ролей */
@ -465,17 +468,19 @@ button.unmute {
} }
.pagination-button { .pagination-button {
min-width: 32px; min-width: 36px;
height: 32px; height: 36px;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
padding: 0 5px; padding: 0 8px;
border: 1px solid var(--border-color); border: 1px solid var(--border-color);
background-color: white; background-color: white;
border-radius: 4px; color: var(--text-color);
border-radius: 6px;
cursor: pointer; cursor: pointer;
transition: all 0.2s; transition: all 0.2s ease;
font-size: 14px;
} }
.pagination-button:hover:not(:disabled) { .pagination-button:hover:not(:disabled) {
@ -484,9 +489,11 @@ button.unmute {
} }
.pagination-button.active { .pagination-button.active {
background-color: var(--primary-color); background-color: var(--text-color);
color: white; color: white;
border-color: var(--primary-color); border-color: var(--text-color);
font-weight: 600;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
} }
.pagination-button:disabled { .pagination-button:disabled {
@ -531,31 +538,38 @@ button.unmute {
.search-input { .search-input {
flex: 1; flex: 1;
padding: 8px 12px; padding: 10px 14px;
border: 1px solid var(--border-color); border: 1px solid var(--border-color);
border-radius: 4px 0 0 4px; border-radius: 8px 0 0 8px;
font-size: 14px; font-size: 14px;
transition: all 0.2s ease;
} }
.search-input:focus { .search-input:focus {
border-color: var(--primary-color); border-color: var(--text-color);
outline: none; outline: none;
box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.3); box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1);
} }
.search-button { .search-button {
padding: 8px 16px; padding: 10px 16px;
background-color: var(--primary-color); background-color: var(--primary-color);
color: white; color: white;
border: none; border: none;
border-radius: 0 4px 4px 0; border-radius: 0 8px 8px 0;
cursor: pointer; cursor: pointer;
transition: background-color 0.2s; transition: all 0.2s ease;
font-size: 14px; font-size: 14px;
font-weight: 500;
display: inline-flex;
align-items: center;
gap: 6px;
} }
.search-button:hover { .search-button:hover {
background-color: var(--primary-dark); background-color: var(--primary-dark);
transform: translateY(-1px);
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
} }
/* Адаптивные стили */ /* Адаптивные стили */
@ -607,15 +621,16 @@ button.unmute {
.env-section { .env-section {
background-color: var(--card-bg); background-color: var(--card-bg);
border-radius: 8px; border-radius: 12px;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
padding: 20px; padding: 24px;
margin-bottom: 20px; margin-bottom: 24px;
border: 1px solid var(--border-color);
} }
.section-name { .section-name {
margin-top: 0; margin-top: 0;
color: var(--primary-color); color: var(--text-color);
font-size: 20px; font-size: 20px;
margin-bottom: 10px; margin-bottom: 10px;
} }
@ -645,13 +660,17 @@ button.unmute {
button.edit-button { button.edit-button {
background-color: var(--primary-color); background-color: var(--primary-color);
color: white; color: white;
padding: 5px 10px; padding: 6px 12px;
font-size: 12px; font-size: 12px;
border: none; border: none;
border-radius: 4px; border-radius: 6px;
cursor: pointer; cursor: pointer;
transition: background-color 0.2s; transition: all 0.2s ease;
width: auto; width: auto;
font-weight: 500;
display: inline-flex;
align-items: center;
gap: 4px;
} }
button.edit-button:hover { button.edit-button:hover {
@ -710,33 +729,41 @@ button.edit-button:hover {
} }
button.cancel-button { button.cancel-button {
background-color: var(--text-secondary); background-color: #EDF2FC;
color: white; color: var(--primary-color);
border: none; border: 1px solid #DCE7FD;
border-radius: 4px; border-radius: 8px;
padding: 8px 16px; padding: 10px 16px;
font-size: 14px; font-size: 14px;
font-weight: 500;
cursor: pointer; cursor: pointer;
width: auto; width: auto;
transition: all 0.2s ease;
} }
button.save-button { button.save-button {
background-color: var(--primary-color); background-color: var(--primary-color);
color: white; color: white;
border: none; border: none;
border-radius: 4px; border-radius: 8px;
padding: 8px 16px; padding: 10px 16px;
font-size: 14px; font-size: 14px;
font-weight: 500;
cursor: pointer; cursor: pointer;
width: auto; width: auto;
transition: all 0.2s ease;
} }
button.cancel-button:hover { button.cancel-button:hover {
background-color: #999; background-color: #DCE7FD;
transform: translateY(-1px);
box-shadow: 0 2px 4px rgba(76, 125, 216, 0.1);
} }
button.save-button:hover { button.save-button:hover {
background-color: var(--primary-dark); background-color: var(--primary-dark);
transform: translateY(-1px);
box-shadow: 0 2px 4px rgba(76, 125, 216, 0.15);
} }
/* Стили для компонентов ролей */ /* Стили для компонентов ролей */
@ -747,78 +774,40 @@ button.save-button:hover {
.roles-container { .roles-container {
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
gap: 4px; gap: 6px;
} }
.role-badge { .role-badge {
display: inline-flex; display: inline-flex;
align-items: center; align-items: center;
padding: 2px 6px; padding: 4px 10px;
border-radius: 12px; border-radius: 20px;
background-color: rgba(0, 0, 0, 0.05); background-color: #F5F5F5;
color: var(--text-color);
margin: 2px 0; margin: 2px 0;
white-space: nowrap; white-space: nowrap;
font-size: 0.85em; font-size: 12px;
font-weight: 500;
cursor: pointer;
transition: all 0.2s ease;
}
.role-badge:hover {
background-color: #E0E0E0;
}
.edit-role-badge {
background-color: #E0E0E0;
border: 1px dashed #999;
}
.edit-role-badge:hover {
background-color: #D0D0D0;
} }
.role-icon { .role-icon {
margin-right: 4px; margin-right: 6px;
font-size: 1.1em; font-size: 14px;
}
.edit-roles {
background-color: #8a2be2;
color: white;
border: none;
border-radius: 4px;
padding: 4px 8px;
cursor: pointer;
margin-left: 4px;
}
.edit-roles:hover {
background-color: #7b1fa2;
}
/* Стили компонентов ролей */
.roles-cell {
max-width: 200px;
}
.roles-container {
display: flex;
flex-wrap: wrap;
gap: 4px;
}
.role-badge {
display: inline-flex;
align-items: center;
padding: 2px 6px;
border-radius: 12px;
background-color: rgba(0, 0, 0, 0.05);
margin: 2px 0;
white-space: nowrap;
font-size: 0.85em;
}
.role-icon {
margin-right: 4px;
font-size: 1.1em;
}
.edit-roles {
background-color: #8a2be2;
color: white;
border: none;
border-radius: 4px;
padding: 4px 8px;
cursor: pointer;
margin-left: 4px;
}
.edit-roles:hover {
background-color: #7b1fa2;
} }
/* Стили для сортировки таблицы */ /* Стили для сортировки таблицы */
@ -826,7 +815,8 @@ th.sortable {
cursor: pointer; cursor: pointer;
user-select: none; user-select: none;
position: relative; position: relative;
padding-right: 20px; padding-right: 24px;
transition: background-color 0.2s ease;
} }
th.sortable:hover { th.sortable:hover {
@ -834,7 +824,7 @@ th.sortable:hover {
} }
th.sortable.sorted { th.sortable.sorted {
background-color: rgba(65, 105, 225, 0.1); background-color: rgba(0, 0, 0, 0.08);
} }
.sort-icon { .sort-icon {
@ -848,37 +838,6 @@ th.sortable.sorted {
} }
th.sortable.sorted .sort-icon { th.sortable.sorted .sort-icon {
color: #4169e1; color: var(--primary-color);
font-weight: bold;
}
/* Стили для сортировки таблицы */
th.sortable {
cursor: pointer;
user-select: none;
position: relative;
padding-right: 20px;
}
th.sortable:hover {
background-color: rgba(0, 0, 0, 0.05);
}
th.sortable.sorted {
background-color: rgba(65, 105, 225, 0.1);
}
.sort-icon {
display: inline-block;
position: absolute;
right: 5px;
top: 50%;
transform: translateY(-50%);
color: #888;
font-size: 14px;
}
th.sortable.sorted .sort-icon {
color: #4169e1;
font-weight: bold; font-weight: bold;
} }

67
resolvers/admin.py
View File

@ -249,7 +249,7 @@ async def admin_update_user(_, info, user):
user: Данные для обновления пользователя (содержит id и roles) user: Данные для обновления пользователя (содержит id и roles)
Returns: Returns:
Boolean: результат операции Boolean: результат операции или объект с ошибкой
""" """
try: try:
user_id = user.get("id") user_id = user.get("id")
@ -263,35 +263,70 @@ async def admin_update_user(_, info, user):
author = session.query(Author).filter(Author.id == user_id).first() author = session.query(Author).filter(Author.id == user_id).first()
if not author: if not author:
logger.error(f"Пользователь с ID {user_id} не найден") error_msg = f"Пользователь с ID {user_id} не найден"
return False logger.error(error_msg)
return {
"success": False,
"error": error_msg
}
# Получаем текущие роли пользователя # Получаем ID сообщества по умолчанию
current_roles = {role.id for role in author.roles} if author.roles else set() default_community_id = 1 # Используем значение по умолчанию из модели AuthorRole
try:
# Очищаем текущие роли пользователя через ORM
session.query(AuthorRole).filter(AuthorRole.author == user_id).delete()
session.flush()
# Обновляем роли только если они изменились
if set(roles) != current_roles:
# Получаем все существующие роли, которые указаны для обновления # Получаем все существующие роли, которые указаны для обновления
role_objects = session.query(Role).filter(Role.id.in_(roles)).all() role_objects = session.query(Role).filter(Role.id.in_(roles)).all()
# Очищаем текущие роли и добавляем новые # Проверяем, все ли запрошенные роли найдены
author.roles = role_objects found_role_ids = [role.id for role in role_objects]
missing_roles = set(roles) - set(found_role_ids)
if missing_roles:
warning_msg = f"Некоторые роли не найдены в базе: {', '.join(missing_roles)}"
logger.warning(warning_msg)
# Создаем новые записи в таблице author_role с указанием community
for role in role_objects:
# Используем ORM для создания новых записей
author_role = AuthorRole(
community=default_community_id,
author=user_id,
role=role.id
)
session.add(author_role)
# Сохраняем изменения в базе данных # Сохраняем изменения в базе данных
session.commit() session.commit()
# Проверяем, добавлена ли пользователю роль reader # Проверяем, добавлена ли пользователю роль reader
has_reader = 'reader' in roles has_reader = 'reader' in [role.id for role in role_objects]
if not has_reader: if not has_reader:
logger.warning(f"Пользователю {author.email or author.id} не назначена роль 'reader'. Доступ в систему будет ограничен.") logger.warning(f"Пользователю {author.email or author.id} не назначена роль 'reader'. Доступ в систему будет ограничен.")
logger.info(f"Роли пользователя {author.email or author.id} обновлены: {', '.join(roles)}") logger.info(f"Роли пользователя {author.email or author.id} обновлены: {', '.join(found_role_ids)}")
else:
logger.info(f"Роли пользователя {author.email or author.id} не изменились")
return True return {
"success": True
}
except Exception as e:
# Обработка вложенных исключений
session.rollback()
error_msg = f"Ошибка при изменении ролей: {str(e)}"
logger.error(error_msg)
return {
"success": False,
"error": error_msg
}
except Exception as e: except Exception as e:
import traceback import traceback
logger.error(f"Ошибка при обновлении ролей пользователя: {str(e)}") error_msg = f"Ошибка при обновлении ролей пользователя: {str(e)}"
logger.error(error_msg)
logger.error(traceback.format_exc()) logger.error(traceback.format_exc())
return False return {
"success": False,
"error": error_msg
}

1
resolvers/auth.py
View File

@ -17,6 +17,7 @@ from auth.orm import Author, Role
from services.db import local_session from services.db import local_session
from services.schema import mutation, query from services.schema import mutation, query
from settings import ( from settings import (
ADMIN_EMAILS,
SESSION_TOKEN_HEADER, SESSION_TOKEN_HEADER,
SESSION_COOKIE_NAME, SESSION_COOKIE_NAME,
SESSION_COOKIE_SECURE, SESSION_COOKIE_SECURE,

9
schema/admin.graphql
View File

@ -32,6 +32,7 @@ type AdminUserInfo {
input AdminUserUpdateInput { input AdminUserUpdateInput {
id: Int! id: Int!
roles: [String!] roles: [String!]
community: Int
} }
type Role { type Role {
@ -49,6 +50,12 @@ type AdminUserListResponse {
totalPages: Int! totalPages: Int!
} }
# Общий ответ на операцию с данными об успехе и ошибке
type OperationResult {
success: Boolean!
error: String
}
extend type Query { extend type Query {
getEnvVariables: [EnvSection!]! getEnvVariables: [EnvSection!]!
# Запросы для управления пользователями # Запросы для управления пользователями
@ -61,5 +68,5 @@ extend type Mutation {
updateEnvVariables(variables: [EnvVariableInput!]!): Boolean! updateEnvVariables(variables: [EnvVariableInput!]!): Boolean!
# Мутации для управления пользователями # Мутации для управления пользователями
adminUpdateUser(user: AdminUserUpdateInput!): Boolean! adminUpdateUser(user: AdminUserUpdateInput!): OperationResult!
} }

4
services/env.py
View File

@ -230,8 +230,8 @@ class EnvManager:
break break
# Если переменная не попала ни в одну секцию # Если переменная не попала ни в одну секцию
if not placed: # if not placed:
other_variables.append(var) # other_variables.append(var)
# Формируем результат # Формируем результат
result = [] result = []