Rename; Added EMS server; redis compose

2024-08-20 17:34:21 +09:00
parent 61339f4c26
commit 97b44a4db7
85 changed files with 2832 additions and 188 deletions
--- a/client/src/pages/Roles.tsx
+++ b/client/src/pages/Roles.tsx
@ -0,0 +1,83 @@
+import { useState } from 'react'
+import { Box, Button, CircularProgress, Modal } from '@mui/material'
+import { DataGrid, GridColDef } from '@mui/x-data-grid'
+import { useRoles } from '../hooks/swrHooks'
+import { CreateField } from '../interfaces/create'
+import RoleService from '../services/RoleService'
+import FormFields from '../components/FormFields'
+
+export default function Roles() {
+  const { roles, isError, isLoading } = useRoles()
+
+  const [open, setOpen] = useState(false)
+
+  const createFields: CreateField[] = [
+    { key: 'name', headerName: 'Название', type: 'string', required: true, defaultValue: '' },
+    { key: 'description', headerName: 'Описание', type: 'string', required: false, defaultValue: '' },
+  ]
+
+  const columns: GridColDef[] = [
+    { field: 'id', headerName: 'ID', type: "number", width: 70 },
+    { field: 'name', headerName: 'Название', width: 90, editable: true },
+    { field: 'description', headerName: 'Описание', width: 90, editable: true },
+  ];
+
+  if (isError) return <div>Произошла ошибка при получении данных.</div>
+  if (isLoading) return <CircularProgress />
+
+  return (
+    <Box sx={{
+      display: 'flex',
+      flexDirection: 'column',
+      alignItems: 'flex-start',
+      gap: '16px',
+      flexGrow: 1
+    }}>
+      <Button onClick={() => setOpen(true)}>
+        Добавить роль
+      </Button>
+
+      <Modal
+        open={open}
+        onClose={() => setOpen(false)}
+      >
+        <FormFields
+          sx={{
+            position: 'absolute' as 'absolute',
+            top: '50%',
+            left: '50%',
+            transform: 'translate(-50%, -50%)',
+            width: 400,
+            bgcolor: 'background.paper',
+            boxShadow: 24,
+            p: 4,
+          }}
+          fields={createFields}
+          submitHandler={RoleService.createRole}
+          title="Создание роли"
+        />
+      </Modal>
+
+      <DataGrid
+        autoHeight
+        style={{ width: "100%" }}
+        rows={roles}
+        columns={columns}
+        initialState={{
+          pagination: {
+            paginationModel: { page: 0, pageSize: 10 },
+          },
+        }}
+        pageSizeOptions={[10, 20, 50, 100]}
+        disableRowSelectionOnClick
+
+        processRowUpdate={(updatedRow) => {
+          return updatedRow
+        }}
+
+        onProcessRowUpdateError={() => {
+        }}
+      />
+    </Box>
+  )
+}