prototype 1.0

src/App.tsx

@@ -1,81 +1,38 @@
-import { Admin, Resource, ListGuesser, fetchUtils } from 'react-admin';
-import simpleRestProvider from 'ra-data-simple-rest';
-
-// Кастомный httpClient, добавляющий X-Total-Count, если его нет
-const httpClient = (url: string, options: any = {}) => {
-  // Добавляем JWT токен
-  const token = localStorage.getItem('token');
-  if (token) {
-    options.headers = new Headers({
-      ...options.headers,
-      Authorization: `Bearer ${token}`,
-    });
-  }
-
-  return fetchUtils.fetchJson(url, options).then((response) => {
-    const { headers, json } = response;
-    // Если это GET-запрос и ответ - массив, добавляем X-Total-Count
-    if (
-      !options.method || options.method === 'GET'
-    ) {
-      if (Array.isArray(json)) {
-        // Создаём новый объект Response с добавленным заголовком
-        const newHeaders = new Headers(headers);
-        if (!newHeaders.has('X-Total-Count')) {
-          newHeaders.set('X-Total-Count', json.length.toString());
-        }
-        return Promise.resolve({
-          status: response.status,
-          headers: newHeaders,
-          body: json,
-          json: json,
-        });
-      }
-    }
-    return response;
-  });
-};
-
-const dataProvider = simpleRestProvider('/api', httpClient);
-
-const authProvider = {
-  login: ({ username, password }: any) => {
-    return fetch('/v1/admin/login', {
-      method: 'POST',
-      headers: { 'Content-Type': 'application/json' },
-      body: JSON.stringify({ email: username, password }),
-    })
-      .then((res) => {
-        if (res.ok) return res.json();
-        throw new Error(res.statusText);
-      })
-      .then((data) => {
-        localStorage.setItem('token', data.token);
-        return Promise.resolve();
-      });
-  },
-  logout: () => {
-    localStorage.removeItem('token');
-    return Promise.resolve();
-  },
-  checkAuth: () =>
-    localStorage.getItem('token') ? Promise.resolve() : Promise.reject(),
-  checkError: (error: any) => {
-    if (error.status === 401) {
-      localStorage.removeItem('token');
-      return Promise.reject();
-    }
-    return Promise.resolve();
-  },
-  getPermissions: () => Promise.resolve(),
-};
+import React from 'react';
+import { Admin, Resource } from 'react-admin';
+import { authProvider } from './authProvider';
+import { dataProvider } from './dataProvider';
+import Dashboard from './resources/dashboard/Dashboard';
+import { UserList, UserEdit } from './resources/users';
+import { ReportList, ReportEdit } from './resources/reports';
+import { TicketList, TicketEdit } from './resources/tickets';
+import { AdminList, AdminEdit } from './resources/admins';
+import { BannedWordList, BannedWordEdit } from './resources/banned-words';
+import { SubscriptionList, SubscriptionEdit } from './resources/subscriptions';
+import { ReviewList, ReviewEdit } from './resources/reviews';
+import { AuditList } from './resources/audit';
 
 const App = () => (
-  <Admin dataProvider={dataProvider} authProvider={authProvider}>
-    <Resource name="users" list={ListGuesser} />
-    <Resource name="events" list={ListGuesser} />
-    <Resource name="complaints" list={ListGuesser} />
-    <Resource name="bugs" list={ListGuesser} />
+    <Admin
+        dashboard={Dashboard}
+        authProvider={authProvider}
+        dataProvider={dataProvider}
+        requireAuth
+    >
+        {(permissions) => [
+            // Доступно всем администраторам
+            <Resource name="users" list={UserList} edit={UserEdit} />,
+            <Resource name="reports" list={ReportList} edit={ReportEdit} />,
+            <Resource name="tickets" list={TicketList} edit={TicketEdit} />,
+            <Resource name="banned-words" list={BannedWordList} edit={BannedWordEdit} />,
+            <Resource name="subscriptions" list={SubscriptionList} edit={SubscriptionEdit} />,
+            <Resource name="reviews" list={ReviewList} edit={ReviewEdit} />,
+            <Resource name="audit" list={AuditList} />,
+            // Только superadmin
+            permissions === 'superadmin' ? (
+                <Resource name="admins" list={AdminList} edit={AdminEdit} />
+            ) : null,
+        ]}
     </Admin>
 );
 

src/authProvider.ts

@@ -0,0 +1,44 @@
+const base = import.meta.env.VITE_ADMIN_API_BASE_URL || '';
+
+export const authProvider = {
+    login: async ({ username, password }: { username: string; password: string }) => {
+        const req = new Request(`${base}/v1/admin/login`, {
+            method: 'POST',
+            body: JSON.stringify({ email: username, password }),
+            headers: new Headers({ 'Content-Type': 'application/json' }),
+        });
+        const res = await fetch(req);
+        if (res.status < 200 || res.status >= 300) {
+            throw new Error(res.statusText);
+        }
+        const auth = await res.json();
+        localStorage.setItem('auth', JSON.stringify(auth));
+        return Promise.resolve();
+    },
+    logout: () => {
+        localStorage.removeItem('auth');
+        return Promise.resolve();
+    },
+    checkAuth: () =>
+        localStorage.getItem('auth')
+            ? Promise.resolve()
+            : Promise.reject(new Error('Not authenticated')),
+    checkError: (error: any) => {
+        const status = error.status;
+        if (status === 401 || status === 403) {
+            localStorage.removeItem('auth');
+            return Promise.reject();
+        }
+        return Promise.resolve();
+    },
+    getPermissions: () => {
+        const auth = JSON.parse(localStorage.getItem('auth') || '{}');
+        // Используем роль из вложенного объекта user, если есть
+        return Promise.resolve(auth.user?.role || auth.role);
+    },
+    getIdentity: () => {
+        const auth = JSON.parse(localStorage.getItem('auth') || '{}');
+        const user = auth.user || {};
+        return Promise.resolve({ id: user.id || '', fullName: user.email || auth.email });
+    },
+};

src/dataProvider.ts

@@ -0,0 +1,80 @@
+// src/dataProvider.ts
+import { fetchUtils } from 'react-admin';
+
+const base = import.meta.env.VITE_ADMIN_API_BASE_URL || '';
+
+const httpClient = (url: string, options: any = {}) => {
+    if (!options.headers) {
+        options.headers = new Headers({ Accept: 'application/json' });
+    }
+    const auth = JSON.parse(localStorage.getItem('auth') || '{}');
+    if (auth.token) {
+        (options.headers as Headers).set('Authorization', `Bearer ${auth.token}`);
+    }
+    return fetchUtils.fetchJson(url, options);
+};
+
+export const dataProvider = {
+    getList: async (resource, params) => {
+        const url = `${base}/v1/admin/${resource}`;
+        const { json } = await httpClient(url);
+        const data = Array.isArray(json) ? json : json.data || json.items || [];
+        const total = data.length;
+        return { data, total };
+    },
+    getOne: async (resource, params) => {
+        const url = `${base}/v1/admin/${resource}/${params.id}`;
+        const { json } = await httpClient(url);
+        return { data: json };
+    },
+    getMany: async (resource, params) => {
+        const url = `${base}/v1/admin/${resource}`;
+        const { json } = await httpClient(url);
+        const data = (Array.isArray(json) ? json : json.data || []).filter((item: any) =>
+            params.ids.includes(item.id)
+        );
+        return { data };
+    },
+    getManyReference: async (resource, params) => {
+        const url = `${base}/v1/admin/${resource}`;
+        const { json } = await httpClient(url);
+        return { data: (Array.isArray(json) ? json : []), total: (Array.isArray(json) ? json : []).length };
+    },
+    update: async (resource, params) => {
+        const url = `${base}/v1/admin/${resource}/${params.id}`;
+        const { json } = await httpClient(url, {
+            method: 'PUT',
+            body: JSON.stringify(params.data),
+        });
+        return { data: json };
+    },
+    updateMany: async (resource, params) => {
+        const url = `${base}/v1/admin/${resource}`;
+        await httpClient(url, {
+            method: 'PUT',
+            body: JSON.stringify({ ids: params.ids, data: params.data }),
+        });
+        return { data: [] };
+    },
+    create: async (resource, params) => {
+        const url = `${base}/v1/admin/${resource}`;
+        const { json } = await httpClient(url, {
+            method: 'POST',
+            body: JSON.stringify(params.data),
+        });
+        return { data: json };
+    },
+    delete: async (resource, params) => {
+        const url = `${base}/v1/admin/${resource}/${params.id}`;
+        await httpClient(url, { method: 'DELETE' });
+        return { data: { id: params.id } };
+    },
+    deleteMany: async (resource, params) => {
+        const url = `${base}/v1/admin/${resource}`;
+        await httpClient(url, {
+            method: 'DELETE',
+            body: JSON.stringify({ ids: params.ids }),
+        });
+        return { data: [] };
+    },
+};

src/resources/admins/AdminEdit.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Edit, SimpleForm, SelectInput, required } from 'react-admin';
+
+export const AdminEdit = () => (
+    <Edit>
+        <SimpleForm>
+            <SelectInput source="role" choices={[
+                { id: 'admin', name: 'Admin' },
+                { id: 'moderator', name: 'Moderator' },
+                { id: 'support', name: 'Support' },
+            ]} validate={required()} />
+        </SimpleForm>
+    </Edit>
+);

src/resources/admins/AdminList.tsx

@@ -0,0 +1,22 @@
+import React from 'react';
+import { List, Datagrid, TextField, EmailField, DateField, EditButton, SelectInput } from 'react-admin';
+
+export const AdminList = () => (
+    <List filters={[
+        <SelectInput source="role" choices={[
+            { id: 'admin', name: 'Admin' },
+            { id: 'superadmin', name: 'Superadmin' },
+            { id: 'moderator', name: 'Moderator' },
+            { id: 'support', name: 'Support' },
+        ]} alwaysOn />,
+    ]}>
+        <Datagrid rowClick="edit">
+            <TextField source="id" />
+            <EmailField source="email" />
+            <TextField source="role" />
+            <TextField source="status" />
+            <DateField source="created_at" />
+            <EditButton />
+        </Datagrid>
+    </List>
+);

src/resources/admins/index.ts

@@ -0,0 +1,2 @@
+export { AdminList } from './AdminList';
+export { AdminEdit } from './AdminEdit';

src/resources/audit/AuditList.tsx

@@ -0,0 +1,15 @@
+import React from 'react';
+import { List, Datagrid, TextField, DateField, TextInput } from 'react-admin';
+
+export const AuditList = () => (
+    <List filters={[<TextInput source="admin_id" alwaysOn />]}>
+        <Datagrid rowClick="edit">
+            <TextField source="admin_id" />
+            <TextField source="action" />
+            <TextField source="entity_type" />
+            <TextField source="entity_id" />
+            <DateField source="timestamp" />
+            <TextField source="ip" />
+        </Datagrid>
+    </List>
+);

src/resources/audit/index.ts

@@ -0,0 +1 @@
+export { AuditList } from './AuditList';

src/resources/banned-words/BannedWordEdit.tsx

@@ -0,0 +1,10 @@
+import React from 'react';
+import { Edit, SimpleForm, TextInput } from 'react-admin';
+
+export const BannedWordEdit = () => (
+    <Edit>
+        <SimpleForm>
+            <TextInput source="word" />
+        </SimpleForm>
+    </Edit>
+);

src/resources/banned-words/BannedWordList.tsx

@@ -0,0 +1,13 @@
+import React from 'react';
+import { List, Datagrid, TextField, DateField, EditButton, TextInput } from 'react-admin';
+
+export const BannedWordList = () => (
+    <List filters={[<TextInput source="word" alwaysOn />]}>
+        <Datagrid rowClick="edit">
+            <TextField source="word" />
+            <DateField source="added_at" />
+            <TextField source="added_by" />
+            <EditButton />
+        </Datagrid>
+    </List>
+);

src/resources/banned-words/index.ts

@@ -0,0 +1,2 @@
+export { BannedWordList } from './BannedWordList';
+export { BannedWordEdit } from './BannedWordEdit';

src/resources/dashboard/Dashboard.tsx

@@ -0,0 +1,64 @@
+// src/resources/dashboard/Dashboard.tsx
+import React, { useEffect, useState } from 'react';
+import { Card, CardContent, Typography, Box, CircularProgress } from '@mui/material';
+import { useDataProvider } from 'react-admin';
+
+const Dashboard = () => {
+    const [stats, setStats] = useState<Record<string, number> | null>(null);
+    const [ticketsStats, setTicketsStats] = useState<{ total: number } | null>(null);
+    const dataProvider = useDataProvider();
+
+    const fetchJson = async (url: string) => {
+        const auth = JSON.parse(localStorage.getItem('auth') || '{}');
+        const headers: HeadersInit = { 'Content-Type': 'application/json' };
+        if (auth.token) {
+            headers['Authorization'] = `Bearer ${auth.token}`;
+        }
+        const res = await fetch(url, { headers });
+        if (!res.ok) throw new Error(res.statusText);
+        return res.json();
+    };
+
+    useEffect(() => {
+        Promise.all([
+            fetchJson('/v1/admin/stats'),
+            fetchJson('/v1/admin/tickets/stats'),
+        ])
+            .then(([statsData, ticketsData]) => {
+                setStats(statsData);
+                setTicketsStats(ticketsData);
+            })
+            .catch(console.error);
+    }, []);
+
+    if (!stats || !ticketsStats) return <CircularProgress />;
+
+    const cards = [
+        { label: 'Users', value: stats.users },
+        { label: 'Calendars', value: stats.calendars },
+        { label: 'Events', value: stats.events },
+        { label: 'Bookings', value: stats.bookings },
+        { label: 'Reviews', value: stats.reviews },
+        { label: 'Subscriptions', value: stats.subscriptions },
+        { label: 'Tickets', value: ticketsStats.total },
+    ];
+
+    return (
+        <Box display="flex" flexWrap="wrap" gap={3}>
+            {cards.map(({ label, value }) => (
+                <Box key={label} flex="1 1 200px">
+                    <Card>
+                        <CardContent>
+                            <Typography color="textSecondary" gutterBottom>
+                                {label}
+                            </Typography>
+                            <Typography variant="h5">{value}</Typography>
+                        </CardContent>
+                    </Card>
+                </Box>
+            ))}
+        </Box>
+    );
+};
+
+export default Dashboard;

src/resources/events/EventEdit.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Edit, SimpleForm, SelectInput, required } from 'react-admin';
+
+export const EventEdit = () => (
+    <Edit>
+        <SimpleForm>
+            <SelectInput source="status" choices={[
+                { id: 'active', name: 'Active' },
+                { id: 'cancelled', name: 'Cancelled' },
+                { id: 'completed', name: 'Completed' },
+            ]} validate={required()} />
+        </SimpleForm>
+    </Edit>
+);

src/resources/events/EventList.tsx

@@ -0,0 +1,21 @@
+import React from 'react';
+import { List, Datagrid, TextField, DateField, EditButton, TextInput, SelectInput } from 'react-admin';
+
+export const EventList = () => (
+    <List filters={[
+        <TextInput source="title" alwaysOn />,
+        <SelectInput source="status" choices={[
+            { id: 'active', name: 'Active' },
+            { id: 'cancelled', name: 'Cancelled' },
+            { id: 'completed', name: 'Completed' },
+        ]} alwaysOn />,
+    ]}>
+        <Datagrid rowClick="edit">
+            <TextField source="id" />
+            <TextField source="title" />
+            <TextField source="status" />
+            <DateField source="created_at" />
+            <EditButton />
+        </Datagrid>
+    </List>
+);

src/resources/events/index.ts

@@ -0,0 +1,2 @@
+export { EventList } from './EventList';
+export { EventEdit } from './EventEdit';

src/resources/reports/ReportEdit.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Edit, SimpleForm, SelectInput, required } from 'react-admin';
+
+export const ReportEdit = () => (
+    <Edit>
+        <SimpleForm>
+            <SelectInput source="status" choices={[
+                { id: 'pending', name: 'Pending' },
+                { id: 'reviewed', name: 'Reviewed' },
+                { id: 'dismissed', name: 'Dismissed' },
+            ]} validate={required()} />
+        </SimpleForm>
+    </Edit>
+);

src/resources/reports/ReportList.tsx

@@ -0,0 +1,22 @@
+import React from 'react';
+import { List, Datagrid, TextField, DateField, EditButton, SelectInput } from 'react-admin';
+
+export const ReportList = () => (
+    <List filters={[
+        <SelectInput source="status" choices={[
+            { id: 'pending', name: 'Pending' },
+            { id: 'reviewed', name: 'Reviewed' },
+            { id: 'dismissed', name: 'Dismissed' },
+        ]} alwaysOn />,
+    ]}>
+        <Datagrid rowClick="edit">
+            <TextField source="id" />
+            <TextField source="target_type" />
+            <TextField source="target_id" />
+            <TextField source="reason" />
+            <TextField source="status" />
+            <DateField source="created_at" />
+            <EditButton />
+        </Datagrid>
+    </List>
+);

src/resources/reports/index.ts

@@ -0,0 +1,2 @@
+export { ReportList } from './ReportList';
+export { ReportEdit } from './ReportEdit';

src/resources/reviews/ReviewEdit.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Edit, SimpleForm, SelectInput } from 'react-admin';
+
+export const ReviewEdit = () => (
+    <Edit>
+        <SimpleForm>
+            <SelectInput source="status" choices={[
+                { id: 'visible', name: 'Visible' },
+                { id: 'hidden', name: 'Hidden' },
+                { id: 'deleted', name: 'Deleted' },
+            ]} />
+        </SimpleForm>
+    </Edit>
+);

src/resources/reviews/ReviewList.tsx

@@ -0,0 +1,17 @@
+import React from 'react';
+import { List, Datagrid, TextField, DateField, EditButton, TextInput } from 'react-admin';
+
+export const ReviewList = () => (
+    <List filters={[<TextInput source="target_id" alwaysOn />]}>
+        <Datagrid rowClick="edit">
+            <TextField source="id" />
+            <TextField source="user_id" />
+            <TextField source="target_type" />
+            <TextField source="target_id" />
+            <TextField source="rating" />
+            <TextField source="status" />
+            <DateField source="created_at" />
+            <EditButton />
+        </Datagrid>
+    </List>
+);

src/resources/reviews/index.ts

@@ -0,0 +1,2 @@
+export { ReviewList } from './ReviewList';
+export { ReviewEdit } from './ReviewEdit';

src/resources/subscriptions/SubscriptionEdit.tsx

@@ -0,0 +1,15 @@
+import React from 'react';
+import { Edit, SimpleForm, TextInput, SelectInput } from 'react-admin';
+
+export const SubscriptionEdit = () => (
+    <Edit>
+        <SimpleForm>
+            <TextInput source="user_id" disabled />
+            <SelectInput source="status" choices={[
+                { id: 'active', name: 'Active' },
+                { id: 'expired', name: 'Expired' },
+                { id: 'cancelled', name: 'Cancelled' },
+            ]} />
+        </SimpleForm>
+    </Edit>
+);

src/resources/subscriptions/SubscriptionList.tsx

@@ -0,0 +1,19 @@
+import React from 'react';
+import { List, Datagrid, TextField, DateField, EditButton, SelectInput } from 'react-admin';
+
+export const SubscriptionList = () => (
+    <List filters={[<SelectInput source="status" choices={[
+        { id: 'active', name: 'Active' },
+        { id: 'expired', name: 'Expired' },
+        { id: 'cancelled', name: 'Cancelled' },
+    ]} alwaysOn />]}>
+        <Datagrid rowClick="edit">
+            <TextField source="user_id" />
+            <TextField source="plan" />
+            <TextField source="status" />
+            <DateField source="started_at" />
+            <DateField source="expires_at" />
+            <EditButton />
+        </Datagrid>
+    </List>
+);

src/resources/subscriptions/index.ts

@@ -0,0 +1,2 @@
+export { SubscriptionList } from './SubscriptionList';
+export { SubscriptionEdit } from './SubscriptionEdit';

src/resources/tickets/TicketEdit.tsx

@@ -0,0 +1,18 @@
+import React from 'react';
+import { Edit, SimpleForm, TextInput, SelectInput, required } from 'react-admin';
+
+export const TicketEdit = () => (
+    <Edit>
+        <SimpleForm>
+            <TextInput source="error_message" disabled />
+            <SelectInput source="status" choices={[
+                { id: 'open', name: 'Open' },
+                { id: 'in_progress', name: 'In Progress' },
+                { id: 'resolved', name: 'Resolved' },
+                { id: 'closed', name: 'Closed' },
+            ]} validate={required()} />
+            <TextInput source="assigned_to" />
+            <TextInput source="resolution_note" multiline />
+        </SimpleForm>
+    </Edit>
+);

src/resources/tickets/TicketList.tsx

@@ -0,0 +1,22 @@
+import React from 'react';
+import { List, Datagrid, TextField, NumberField, DateField, EditButton, SelectInput } from 'react-admin';
+
+export const TicketList = () => (
+    <List filters={[
+        <SelectInput source="status" choices={[
+            { id: 'open', name: 'Open' },
+            { id: 'in_progress', name: 'In Progress' },
+            { id: 'resolved', name: 'Resolved' },
+            { id: 'closed', name: 'Closed' },
+        ]} alwaysOn />,
+    ]}>
+        <Datagrid rowClick="edit">
+            <TextField source="id" />
+            <TextField source="error_message" />
+            <NumberField source="count" />
+            <TextField source="status" />
+            <DateField source="last_seen" />
+            <EditButton />
+        </Datagrid>
+    </List>
+);

src/resources/tickets/index.ts

@@ -0,0 +1,2 @@
+export { TicketList } from './TicketList';
+export { TicketEdit } from './TicketEdit';

src/resources/users/UserEdit.tsx

@@ -0,0 +1,15 @@
+import React from 'react';
+import { Edit, SimpleForm, TextInput, SelectInput, required } from 'react-admin';
+
+export const UserEdit = () => (
+    <Edit>
+        <SimpleForm>
+            <TextInput source="email" disabled />
+            <SelectInput source="status" choices={[
+                { id: 'active', name: 'Active' },
+                { id: 'blocked', name: 'Blocked' },
+                { id: 'deleted', name: 'Deleted' },
+            ]} validate={required()} />
+        </SimpleForm>
+    </Edit>
+);

src/resources/users/UserList.tsx

@@ -0,0 +1,24 @@
+import React from 'react';
+import { List, Datagrid, TextField, EmailField, DateField, EditButton, TextInput, SelectInput } from 'react-admin';
+
+const userFilters = [
+    <TextInput source="email" label="Email" alwaysOn />,
+    <SelectInput source="status" choices={[
+        { id: 'active', name: 'Active' },
+        { id: 'blocked', name: 'Blocked' },
+        { id: 'deleted', name: 'Deleted' },
+    ]} alwaysOn />,
+];
+
+export const UserList = () => (
+    <List filters={userFilters}>
+        <Datagrid rowClick="edit">
+            <TextField source="id" />
+            <EmailField source="email" />
+            <TextField source="role" />
+            <TextField source="status" />
+            <DateField source="created_at" />
+            <EditButton />
+        </Datagrid>
+    </List>
+);

src/resources/users/index.ts

@@ -0,0 +1,2 @@
+export { UserList } from './UserList';
+export { UserEdit } from './UserEdit';