fix manage roles
This commit is contained in:
parent
d3a760b6ba
commit
f6156ccfa3
|
@ -127,7 +127,7 @@ class AuthorRole(Base):
|
|||
__table_args__ = {"extend_existing": True}
|
||||
|
||||
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)
|
||||
role = Column(ForeignKey("role.id"), primary_key=True, index=True)
|
||||
|
||||
|
|
|
@ -3,7 +3,7 @@
|
|||
* @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 { query } from './graphql'
|
||||
|
||||
|
@ -53,7 +53,17 @@ interface AdminGetRolesResponse {
|
|||
* Интерфейс для ответа обновления пользователя
|
||||
*/
|
||||
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(() => {
|
||||
// Получаем параметры из 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()
|
||||
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)
|
||||
|
||||
try {
|
||||
// Используем актуальные данные из состояния
|
||||
const { page, limit } = pagination()
|
||||
const offset = (page - 1) * limit
|
||||
const search = searchQuery().trim()
|
||||
|
@ -291,13 +328,17 @@ const AdminPage: Component<AdminPageProps> = (props) => {
|
|||
`${location.origin}/graphql`,
|
||||
`
|
||||
mutation AdminUpdateUser($user: AdminUserUpdateInput!) {
|
||||
adminUpdateUser(user: $user)
|
||||
adminUpdateUser(user: $user) {
|
||||
success
|
||||
error
|
||||
}
|
||||
}
|
||||
`,
|
||||
{
|
||||
user: {
|
||||
id: userId,
|
||||
roles: newRoles
|
||||
roles: newRoles,
|
||||
community: 1 // Добавляем обязательный параметр community
|
||||
}
|
||||
}
|
||||
)
|
||||
|
@ -315,14 +356,24 @@ const AdminPage: Component<AdminPageProps> = (props) => {
|
|||
// Закрываем модальное окно
|
||||
closeRolesModal()
|
||||
|
||||
// Показываем сообщение об успехе
|
||||
// Показываем сообщение об успехе и обновляем список пользователей
|
||||
setSuccessMessage('Роли пользователя успешно обновлены')
|
||||
|
||||
// Перезагружаем список пользователей
|
||||
loadUsers()
|
||||
|
||||
// Скрываем сообщение через 3 секунды
|
||||
setTimeout(() => setSuccessMessage(null), 3000)
|
||||
} catch (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 user = selectedUser()
|
||||
const [selectedRoles, setSelectedRoles] = createSignal<string[]>(user ? [...user.roles] : [])
|
||||
const availableRoles = roles(); // Получаем список доступных ролей
|
||||
|
||||
// Получаем дополнительные описания ролей
|
||||
const getRoleDescription = (roleId: string): string => {
|
||||
// Если есть описание в списке ролей, используем его
|
||||
const roleFromList = roles().find(r => r.id === roleId);
|
||||
if (roleFromList?.description) {
|
||||
return roleFromList.description;
|
||||
}
|
||||
|
||||
// Иначе возвращаем стандартное описание
|
||||
switch(roleId) {
|
||||
case 'reader':
|
||||
return 'Базовая роль. Позволяет авторизоваться и оставлять реакции.';
|
||||
case 'expert':
|
||||
return 'Эксперт. Позволяет оставлять комментарии и апрувить публикации для главной.';
|
||||
case 'author':
|
||||
return 'Расширенная роль. Позволяет создавать контент и голосовать за публикации для вывода на главную страницу.';
|
||||
case 'editor':
|
||||
return 'Редактор. Позволяет редактировать темы и публикации сообщества.';
|
||||
case 'moderator':
|
||||
return 'Модератор. Позволяет модерировать контент и управлять пользователями.';
|
||||
case 'admin':
|
||||
return 'Администратор. Позволяет управлять всеми функциями системы.';
|
||||
default:
|
||||
return 'Нет описания';
|
||||
}
|
||||
|
@ -631,6 +685,7 @@ const AdminPage: Component<AdminPageProps> = (props) => {
|
|||
|
||||
const saveRoles = () => {
|
||||
if (user) {
|
||||
// При сохранении ролей передаем правильный набор параметров
|
||||
updateUserRoles(user.id, selectedRoles())
|
||||
}
|
||||
}
|
||||
|
@ -643,13 +698,8 @@ const AdminPage: Component<AdminPageProps> = (props) => {
|
|||
<h2>Управление ролями пользователя</h2>
|
||||
<p>Пользователь: {user.email}</p>
|
||||
|
||||
<div class="role-info">
|
||||
<p><strong>Внимание:</strong> Снятие роли "reader" блокирует доступ пользователя к системе.</p>
|
||||
<p>Роль "author" дает возможность голосовать за публикации для размещения на главной странице.</p>
|
||||
</div>
|
||||
|
||||
<div class="roles-list">
|
||||
<For each={roles()}>
|
||||
<For each={availableRoles}>
|
||||
{(role) => (
|
||||
<div class="role-item">
|
||||
<label>
|
||||
|
@ -987,8 +1037,8 @@ const AdminPage: Component<AdminPageProps> = (props) => {
|
|||
<th>ID</th>
|
||||
<th>Email</th>
|
||||
<th>Имя</th>
|
||||
<th>Роли</th>
|
||||
<th>Создан</th>
|
||||
<th>Роли</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
|
@ -998,21 +1048,21 @@ const AdminPage: Component<AdminPageProps> = (props) => {
|
|||
<td>{user.id}</td>
|
||||
<td>{user.email}</td>
|
||||
<td>{user.name || '-'}</td>
|
||||
<td>{formatDateRelative(user.created_at)}</td>
|
||||
<td class="roles-cell">
|
||||
<div class="roles-container">
|
||||
<For each={user.roles}>
|
||||
{(role) => <RoleBadge role={role} />}
|
||||
</For>
|
||||
<div class="role-badge" onClick={() => {
|
||||
<div class="role-badge edit-role-badge" onClick={() => {
|
||||
setSelectedUser(user)
|
||||
setShowRolesModal(true)
|
||||
}}
|
||||
>
|
||||
🎭
|
||||
<span class="role-icon">🎭</span>
|
||||
</div>
|
||||
</div>
|
||||
</td>
|
||||
<td>{formatDateRelative(user.created_at)}</td>
|
||||
</tr>
|
||||
)}
|
||||
</For>
|
||||
|
|
|
@ -3,7 +3,7 @@
|
|||
* @module LoginPage
|
||||
*/
|
||||
|
||||
import { Component, createSignal } from 'solid-js'
|
||||
import { Component, createSignal, Show } from 'solid-js'
|
||||
import { login } from './auth'
|
||||
|
||||
interface LoginPageProps {
|
||||
|
@ -69,17 +69,16 @@ const LoginPage: Component<LoginPageProps> = (props) => {
|
|||
return (
|
||||
<div class="login-page">
|
||||
<div class="login-container">
|
||||
<h1>Вход в систему</h1>
|
||||
|
||||
{error() && <div class="error-message">{error()}</div>}
|
||||
<img src="https://testing.dscrs.site/logo.svg" alt="Logo" />
|
||||
<div class="error-message" style={{ opacity: error() ? 1 : 0 }}>{error()}</div>
|
||||
|
||||
<form onSubmit={handleSubmit} method="post">
|
||||
<div class="form-group">
|
||||
<label for="email">Email</label>
|
||||
<input
|
||||
type="email"
|
||||
id="email"
|
||||
name="email"
|
||||
placeholder="Email"
|
||||
value={email()}
|
||||
onInput={(e) => setEmail(e.currentTarget.value)}
|
||||
disabled={isLoading()}
|
||||
|
@ -89,11 +88,11 @@ const LoginPage: Component<LoginPageProps> = (props) => {
|
|||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<label for="password">Пароль</label>
|
||||
<input
|
||||
type="password"
|
||||
id="password"
|
||||
name="password"
|
||||
placeholder="Пароль"
|
||||
value={password()}
|
||||
onInput={(e) => setPassword(e.currentTarget.value)}
|
||||
disabled={isLoading()}
|
||||
|
|
427
panel/styles.css
427
panel/styles.css
|
@ -11,26 +11,30 @@
|
|||
|
||||
/* Общие стили */
|
||||
:root {
|
||||
--primary-color: #3498db;
|
||||
--primary-dark: #2980b9;
|
||||
--success-color: #2ecc71;
|
||||
--success-light: #d1fae5;
|
||||
--danger-color: #e74c3c;
|
||||
--danger-light: #fee2e2;
|
||||
--warning-color: #f39c12;
|
||||
--warning-light: #fef3c7;
|
||||
--text-color: #333;
|
||||
--bg-color: #f5f5f5;
|
||||
--card-bg: #fff;
|
||||
--border-color: #ddd;
|
||||
--primary-color: #000000;
|
||||
--primary-dark: #333333;
|
||||
--primary-light: #F5F5F5;
|
||||
--success-color: #000000;
|
||||
--success-light: #F0F0F0;
|
||||
--danger-color: #000000;
|
||||
--danger-light: #F0F0F0;
|
||||
--warning-color: #000000;
|
||||
--warning-light: #F0F0F0;
|
||||
--text-color: #000000;
|
||||
--text-secondary: #666666;
|
||||
--bg-color: #FFFFFF;
|
||||
--card-bg: #FFFFFF;
|
||||
--border-color: #E0E0E0;
|
||||
--font-family: 'Inter', system-ui, -apple-system, sans-serif;
|
||||
}
|
||||
|
||||
body {
|
||||
font-family: system-ui, -apple-system, sans-serif;
|
||||
font-family: var(--font-family);
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
background-color: var(--bg-color);
|
||||
color: var(--text-color);
|
||||
line-height: 1.5;
|
||||
}
|
||||
|
||||
/* Общие элементы интерфейса */
|
||||
|
@ -64,18 +68,26 @@ body {
|
|||
background-color: var(--danger-light);
|
||||
border-left: 4px solid var(--danger-color);
|
||||
color: var(--danger-color);
|
||||
padding: 10px;
|
||||
padding: 12px 16px;
|
||||
margin-bottom: 20px;
|
||||
border-radius: 4px;
|
||||
border-radius: 8px;
|
||||
font-size: 14px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 10px;
|
||||
}
|
||||
|
||||
.success-message {
|
||||
background-color: var(--success-light);
|
||||
border-left: 4px solid var(--success-color);
|
||||
color: var(--success-color);
|
||||
padding: 10px;
|
||||
padding: 12px 16px;
|
||||
margin-bottom: 20px;
|
||||
border-radius: 4px;
|
||||
border-radius: 8px;
|
||||
font-size: 14px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 10px;
|
||||
}
|
||||
|
||||
.empty-state {
|
||||
|
@ -98,31 +110,48 @@ body {
|
|||
|
||||
.form-group input {
|
||||
width: 100%;
|
||||
padding: 10px;
|
||||
padding: 12px;
|
||||
border: 1px solid var(--border-color);
|
||||
border-radius: 4px;
|
||||
font-size: 16px;
|
||||
border-radius: 8px;
|
||||
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 {
|
||||
background-color: var(--primary-color);
|
||||
color: white;
|
||||
border: none;
|
||||
border-radius: 4px;
|
||||
padding: 10px 15px;
|
||||
font-size: 16px;
|
||||
border-radius: 8px;
|
||||
padding: 10px 16px;
|
||||
font-size: 14px;
|
||||
font-weight: 500;
|
||||
cursor: pointer;
|
||||
transition: background-color 0.2s;
|
||||
transition: all 0.2s ease;
|
||||
width: 100%;
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
gap: 8px;
|
||||
}
|
||||
|
||||
button:hover {
|
||||
background-color: var(--primary-dark);
|
||||
transform: translateY(-1px);
|
||||
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
|
||||
}
|
||||
|
||||
button:disabled {
|
||||
background-color: #ccc;
|
||||
background-color: #E5E9F2;
|
||||
color: #A0AEC0;
|
||||
cursor: not-allowed;
|
||||
transform: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
/* Стили для страницы входа */
|
||||
|
@ -132,27 +161,41 @@ button:disabled {
|
|||
align-items: center;
|
||||
min-height: 100vh;
|
||||
padding: 20px;
|
||||
background-color: var(--bg-color);
|
||||
}
|
||||
|
||||
.login-container {
|
||||
background-color: var(--card-bg);
|
||||
border-radius: 8px;
|
||||
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
|
||||
padding: 30px;
|
||||
border-radius: 16px;
|
||||
box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12);
|
||||
padding: 40px;
|
||||
width: 100%;
|
||||
max-width: 400px;
|
||||
max-width: 440px;
|
||||
border: none;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.login-container h1 {
|
||||
margin-top: 0;
|
||||
margin-bottom: 20px;
|
||||
margin-bottom: 24px;
|
||||
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 {
|
||||
max-width: 1200px;
|
||||
max-width: 1260px;
|
||||
margin: 0 auto;
|
||||
padding: 20px;
|
||||
min-height: 100vh;
|
||||
|
@ -162,8 +205,10 @@ button:disabled {
|
|||
|
||||
header {
|
||||
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;
|
||||
border-radius: 10px;
|
||||
margin-bottom: 24px;
|
||||
}
|
||||
|
||||
.header-container {
|
||||
|
@ -175,11 +220,12 @@ header {
|
|||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
width: 100%;
|
||||
padding: 0 10px;
|
||||
}
|
||||
|
||||
header h1 {
|
||||
margin: 0;
|
||||
color: var(--primary-color);
|
||||
color: var(--text-color);
|
||||
font-size: 24px;
|
||||
}
|
||||
|
||||
|
@ -195,6 +241,8 @@ header h1 {
|
|||
.logout-button:hover {
|
||||
background-color: var(--danger-color);
|
||||
color: white;
|
||||
transform: translateY(-1px);
|
||||
box-shadow: 0 2px 4px rgba(211, 47, 47, 0.15);
|
||||
}
|
||||
|
||||
.admin-tabs {
|
||||
|
@ -210,24 +258,30 @@ header h1 {
|
|||
.admin-tabs button {
|
||||
background: none;
|
||||
border: none;
|
||||
padding: 8px 16px;
|
||||
padding: 10px 16px;
|
||||
cursor: pointer;
|
||||
font-size: 16px;
|
||||
border-bottom: 3px solid transparent;
|
||||
font-size: 14px;
|
||||
border-bottom: 2px solid transparent;
|
||||
transition: all 0.2s;
|
||||
width: auto;
|
||||
color: var(--text-color);
|
||||
color: var(--text-secondary);
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.admin-tabs button.active {
|
||||
border-bottom-color: var(--primary-color);
|
||||
color: var(--primary-color);
|
||||
border-bottom-color: var(--text-color);
|
||||
color: var(--text-color);
|
||||
font-weight: 600;
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.admin-tabs button:hover:not(.active) {
|
||||
color: var(--text-color);
|
||||
border-bottom-color: #E5E9F2;
|
||||
}
|
||||
|
||||
.admin-tabs button:hover {
|
||||
background-color: rgba(52, 152, 219, 0.1);
|
||||
background-color: rgba(0, 0, 0, 0.05);
|
||||
}
|
||||
|
||||
main {
|
||||
|
@ -246,88 +300,37 @@ main {
|
|||
|
||||
table {
|
||||
width: 100%;
|
||||
border-collapse: collapse;
|
||||
border: 1px solid var(--border-color);
|
||||
border-collapse: separate;
|
||||
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 {
|
||||
background-color: #f3f4f6;
|
||||
background-color: #F5F7FA;
|
||||
}
|
||||
|
||||
th, td {
|
||||
padding: 10px;
|
||||
padding: 14px 16px;
|
||||
text-align: left;
|
||||
border-bottom: 1px solid var(--border-color);
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
th {
|
||||
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 {
|
||||
background-color: rgba(52, 152, 219, 0.05);
|
||||
}
|
||||
|
||||
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);
|
||||
background-color: rgba(0, 0, 0, 0.03);
|
||||
}
|
||||
|
||||
/* Стили для редактирования ролей */
|
||||
|
@ -465,17 +468,19 @@ button.unmute {
|
|||
}
|
||||
|
||||
.pagination-button {
|
||||
min-width: 32px;
|
||||
height: 32px;
|
||||
min-width: 36px;
|
||||
height: 36px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
padding: 0 5px;
|
||||
padding: 0 8px;
|
||||
border: 1px solid var(--border-color);
|
||||
background-color: white;
|
||||
border-radius: 4px;
|
||||
color: var(--text-color);
|
||||
border-radius: 6px;
|
||||
cursor: pointer;
|
||||
transition: all 0.2s;
|
||||
transition: all 0.2s ease;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.pagination-button:hover:not(:disabled) {
|
||||
|
@ -484,9 +489,11 @@ button.unmute {
|
|||
}
|
||||
|
||||
.pagination-button.active {
|
||||
background-color: var(--primary-color);
|
||||
background-color: var(--text-color);
|
||||
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 {
|
||||
|
@ -531,31 +538,38 @@ button.unmute {
|
|||
|
||||
.search-input {
|
||||
flex: 1;
|
||||
padding: 8px 12px;
|
||||
padding: 10px 14px;
|
||||
border: 1px solid var(--border-color);
|
||||
border-radius: 4px 0 0 4px;
|
||||
border-radius: 8px 0 0 8px;
|
||||
font-size: 14px;
|
||||
transition: all 0.2s ease;
|
||||
}
|
||||
|
||||
.search-input:focus {
|
||||
border-color: var(--primary-color);
|
||||
border-color: var(--text-color);
|
||||
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 {
|
||||
padding: 8px 16px;
|
||||
padding: 10px 16px;
|
||||
background-color: var(--primary-color);
|
||||
color: white;
|
||||
border: none;
|
||||
border-radius: 0 4px 4px 0;
|
||||
border-radius: 0 8px 8px 0;
|
||||
cursor: pointer;
|
||||
transition: background-color 0.2s;
|
||||
transition: all 0.2s ease;
|
||||
font-size: 14px;
|
||||
font-weight: 500;
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
gap: 6px;
|
||||
}
|
||||
|
||||
.search-button:hover {
|
||||
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 {
|
||||
background-color: var(--card-bg);
|
||||
border-radius: 8px;
|
||||
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
|
||||
padding: 20px;
|
||||
margin-bottom: 20px;
|
||||
border-radius: 12px;
|
||||
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
|
||||
padding: 24px;
|
||||
margin-bottom: 24px;
|
||||
border: 1px solid var(--border-color);
|
||||
}
|
||||
|
||||
.section-name {
|
||||
margin-top: 0;
|
||||
color: var(--primary-color);
|
||||
color: var(--text-color);
|
||||
font-size: 20px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
@ -645,13 +660,17 @@ button.unmute {
|
|||
button.edit-button {
|
||||
background-color: var(--primary-color);
|
||||
color: white;
|
||||
padding: 5px 10px;
|
||||
padding: 6px 12px;
|
||||
font-size: 12px;
|
||||
border: none;
|
||||
border-radius: 4px;
|
||||
border-radius: 6px;
|
||||
cursor: pointer;
|
||||
transition: background-color 0.2s;
|
||||
transition: all 0.2s ease;
|
||||
width: auto;
|
||||
font-weight: 500;
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
gap: 4px;
|
||||
}
|
||||
|
||||
button.edit-button:hover {
|
||||
|
@ -710,33 +729,41 @@ button.edit-button:hover {
|
|||
}
|
||||
|
||||
button.cancel-button {
|
||||
background-color: var(--text-secondary);
|
||||
color: white;
|
||||
border: none;
|
||||
border-radius: 4px;
|
||||
padding: 8px 16px;
|
||||
background-color: #EDF2FC;
|
||||
color: var(--primary-color);
|
||||
border: 1px solid #DCE7FD;
|
||||
border-radius: 8px;
|
||||
padding: 10px 16px;
|
||||
font-size: 14px;
|
||||
font-weight: 500;
|
||||
cursor: pointer;
|
||||
width: auto;
|
||||
transition: all 0.2s ease;
|
||||
}
|
||||
|
||||
button.save-button {
|
||||
background-color: var(--primary-color);
|
||||
color: white;
|
||||
border: none;
|
||||
border-radius: 4px;
|
||||
padding: 8px 16px;
|
||||
border-radius: 8px;
|
||||
padding: 10px 16px;
|
||||
font-size: 14px;
|
||||
font-weight: 500;
|
||||
cursor: pointer;
|
||||
width: auto;
|
||||
transition: all 0.2s ease;
|
||||
}
|
||||
|
||||
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 {
|
||||
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 {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
gap: 4px;
|
||||
gap: 6px;
|
||||
}
|
||||
|
||||
.role-badge {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
padding: 2px 6px;
|
||||
border-radius: 12px;
|
||||
background-color: rgba(0, 0, 0, 0.05);
|
||||
padding: 4px 10px;
|
||||
border-radius: 20px;
|
||||
background-color: #F5F5F5;
|
||||
color: var(--text-color);
|
||||
margin: 2px 0;
|
||||
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 {
|
||||
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;
|
||||
}
|
||||
|
||||
/* Стили компонентов ролей */
|
||||
.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;
|
||||
margin-right: 6px;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
/* Стили для сортировки таблицы */
|
||||
|
@ -826,7 +815,8 @@ th.sortable {
|
|||
cursor: pointer;
|
||||
user-select: none;
|
||||
position: relative;
|
||||
padding-right: 20px;
|
||||
padding-right: 24px;
|
||||
transition: background-color 0.2s ease;
|
||||
}
|
||||
|
||||
th.sortable:hover {
|
||||
|
@ -834,7 +824,7 @@ th.sortable:hover {
|
|||
}
|
||||
|
||||
th.sortable.sorted {
|
||||
background-color: rgba(65, 105, 225, 0.1);
|
||||
background-color: rgba(0, 0, 0, 0.08);
|
||||
}
|
||||
|
||||
.sort-icon {
|
||||
|
@ -848,37 +838,6 @@ th.sortable.sorted {
|
|||
}
|
||||
|
||||
th.sortable.sorted .sort-icon {
|
||||
color: #4169e1;
|
||||
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;
|
||||
color: var(--primary-color);
|
||||
font-weight: bold;
|
||||
}
|
|
@ -249,7 +249,7 @@ async def admin_update_user(_, info, user):
|
|||
user: Данные для обновления пользователя (содержит id и roles)
|
||||
|
||||
Returns:
|
||||
Boolean: результат операции
|
||||
Boolean: результат операции или объект с ошибкой
|
||||
"""
|
||||
try:
|
||||
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()
|
||||
|
||||
if not author:
|
||||
logger.error(f"Пользователь с ID {user_id} не найден")
|
||||
return False
|
||||
error_msg = f"Пользователь с ID {user_id} не найден"
|
||||
logger.error(error_msg)
|
||||
return {
|
||||
"success": False,
|
||||
"error": error_msg
|
||||
}
|
||||
|
||||
# Получаем текущие роли пользователя
|
||||
current_roles = {role.id for role in author.roles} if author.roles else set()
|
||||
# Получаем ID сообщества по умолчанию
|
||||
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()
|
||||
|
||||
# Очищаем текущие роли и добавляем новые
|
||||
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()
|
||||
|
||||
# Проверяем, добавлена ли пользователю роль reader
|
||||
has_reader = 'reader' in roles
|
||||
has_reader = 'reader' in [role.id for role in role_objects]
|
||||
if not has_reader:
|
||||
logger.warning(f"Пользователю {author.email or author.id} не назначена роль 'reader'. Доступ в систему будет ограничен.")
|
||||
|
||||
logger.info(f"Роли пользователя {author.email or author.id} обновлены: {', '.join(roles)}")
|
||||
else:
|
||||
logger.info(f"Роли пользователя {author.email or author.id} не изменились")
|
||||
logger.info(f"Роли пользователя {author.email or author.id} обновлены: {', '.join(found_role_ids)}")
|
||||
|
||||
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:
|
||||
import traceback
|
||||
logger.error(f"Ошибка при обновлении ролей пользователя: {str(e)}")
|
||||
error_msg = f"Ошибка при обновлении ролей пользователя: {str(e)}"
|
||||
logger.error(error_msg)
|
||||
logger.error(traceback.format_exc())
|
||||
return False
|
||||
return {
|
||||
"success": False,
|
||||
"error": error_msg
|
||||
}
|
||||
|
|
|
@ -17,6 +17,7 @@ from auth.orm import Author, Role
|
|||
from services.db import local_session
|
||||
from services.schema import mutation, query
|
||||
from settings import (
|
||||
ADMIN_EMAILS,
|
||||
SESSION_TOKEN_HEADER,
|
||||
SESSION_COOKIE_NAME,
|
||||
SESSION_COOKIE_SECURE,
|
||||
|
|
|
@ -32,6 +32,7 @@ type AdminUserInfo {
|
|||
input AdminUserUpdateInput {
|
||||
id: Int!
|
||||
roles: [String!]
|
||||
community: Int
|
||||
}
|
||||
|
||||
type Role {
|
||||
|
@ -49,6 +50,12 @@ type AdminUserListResponse {
|
|||
totalPages: Int!
|
||||
}
|
||||
|
||||
# Общий ответ на операцию с данными об успехе и ошибке
|
||||
type OperationResult {
|
||||
success: Boolean!
|
||||
error: String
|
||||
}
|
||||
|
||||
extend type Query {
|
||||
getEnvVariables: [EnvSection!]!
|
||||
# Запросы для управления пользователями
|
||||
|
@ -61,5 +68,5 @@ extend type Mutation {
|
|||
updateEnvVariables(variables: [EnvVariableInput!]!): Boolean!
|
||||
|
||||
# Мутации для управления пользователями
|
||||
adminUpdateUser(user: AdminUserUpdateInput!): Boolean!
|
||||
adminUpdateUser(user: AdminUserUpdateInput!): OperationResult!
|
||||
}
|
|
@ -230,8 +230,8 @@ class EnvManager:
|
|||
break
|
||||
|
||||
# Если переменная не попала ни в одну секцию
|
||||
if not placed:
|
||||
other_variables.append(var)
|
||||
# if not placed:
|
||||
# other_variables.append(var)
|
||||
|
||||
# Формируем результат
|
||||
result = []
|
||||
|
|
Loading…
Reference in New Issue
Block a user