KRBL/WhiteNightsAdminPanel
8
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

init /station route

Browse Source
This commit is contained in:
maxim
2025-02-04 15:34:12 +03:00
parent 7a6764cf32
commit 88428b07f9
6 changed files with 258 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

77
src/pages/station/create.tsx Normal file
View File

@ -0,0 +1,77 @@
import {Box, TextField} from '@mui/material'
import {Create} from '@refinedev/mui'
import {useForm} from '@refinedev/react-hook-form'
export const StationCreate = () => {
const {
saveButtonProps,
refineCore: {formLoading},
register,
formState: {errors},
} = useForm({
refineCoreProps: {
resource: 'station/',
},
})
return (
<Create isLoading={formLoading} saveButtonProps={saveButtonProps}>
<Box component="form" sx={{display: 'flex', flexDirection: 'column'}} autoComplete="off">
<TextField
{...register('name', {
required: 'This field is required',
})}
error={!!(errors as any)?.title}
helperText={(errors as any)?.title?.message}
margin="normal"
fullWidth
InputLabelProps={{shrink: true}}
type="text"
label={'Name'}
name="name"
/>
<TextField
{...register('description', {
required: 'This field is required',
})}
error={!!(errors as any)?.title}
helperText={(errors as any)?.title?.message}
margin="normal"
fullWidth
InputLabelProps={{shrink: true}}
type="text"
label={'Description'}
name="description"
/>
<TextField
{...register('latitude', {
required: 'This field is required',
valueAsNumber: true,
})}
error={!!(errors as any)?.title}
helperText={(errors as any)?.title?.message}
margin="normal"
fullWidth
InputLabelProps={{shrink: true}}
type="number"
label={'Latitude'}
name="latitude"
/>
<TextField
{...register('longitude', {
required: 'This field is required',
valueAsNumber: true,
})}
error={!!(errors as any)?.title}
helperText={(errors as any)?.title?.message}
margin="normal"
fullWidth
InputLabelProps={{shrink: true}}
type="number"
label={'Longitude'}
name="longitude"
/>
</Box>
</Create>
)
}

72
src/pages/station/edit.tsx Normal file
View File

@ -0,0 +1,72 @@
import {Box, TextField} from '@mui/material'
import {Edit} from '@refinedev/mui'
import {useForm} from '@refinedev/react-hook-form'
export const StationEdit = () => {
const {
saveButtonProps,
register,
formState: {errors},
} = useForm({})
return (
<Edit saveButtonProps={saveButtonProps}>
<Box component="form" sx={{display: 'flex', flexDirection: 'column'}} autoComplete="off">
<TextField
{...register('name', {
required: 'This field is required',
})}
error={!!(errors as any)?.title}
helperText={(errors as any)?.title?.message}
margin="normal"
fullWidth
InputLabelProps={{shrink: true}}
type="text"
label={'Name'}
name="name"
/>
<TextField
{...register('description', {
required: 'This field is required',
})}
error={!!(errors as any)?.title}
helperText={(errors as any)?.title?.message}
margin="normal"
fullWidth
InputLabelProps={{shrink: true}}
type="text"
label={'Description'}
name="description"
/>
<TextField
{...register('latitude', {
required: 'This field is required',
valueAsNumber: true,
})}
error={!!(errors as any)?.title}
helperText={(errors as any)?.title?.message}
margin="normal"
fullWidth
InputLabelProps={{shrink: true}}
type="number"
label={'Latitude'}
name="latitude"
/>
<TextField
{...register('longitude', {
required: 'This field is required',
valueAsNumber: true,
})}
error={!!(errors as any)?.title}
helperText={(errors as any)?.title?.message}
margin="normal"
fullWidth
InputLabelProps={{shrink: true}}
type="number"
label={'Longitude'}
name="longitude"
/>
</Box>
</Edit>
)
}

3
src/pages/station/index.ts Normal file
View File

@ -0,0 +1,3 @@
export * from './create'
export * from './edit'
export * from './list'

83
src/pages/station/list.tsx Normal file
View File

@ -0,0 +1,83 @@
import {DataGrid, type GridColDef} from '@mui/x-data-grid'
import {DeleteButton, EditButton, List, useDataGrid} from '@refinedev/mui'
import React from 'react'
export const StationList = () => {
const {dataGridProps} = useDataGrid({
resource: 'station/',
})
const columns = React.useMemo<GridColDef[]>(
() => [
{
field: 'id',
headerName: 'ID',
type: 'number',
minWidth: 70,
display: 'flex',
align: 'left',
headerAlign: 'left',
},
{
field: 'name',
headerName: 'Name',
type: 'string',
minWidth: 300,
display: 'flex',
align: 'left',
headerAlign: 'left',
},
{
field: 'latitude',
headerName: 'Latitude',
type: 'number',
minWidth: 150,
display: 'flex',
align: 'left',
headerAlign: 'left',
},
{
field: 'longitude',
headerName: 'Longitude',
type: 'number',
minWidth: 150,
display: 'flex',
align: 'left',
headerAlign: 'left',
},
{
field: 'description',
headerName: 'Description',
type: 'string',
display: 'flex',
align: 'left',
headerAlign: 'left',
flex: 1,
},
{
field: 'actions',
headerName: 'Actions',
align: 'right',
headerAlign: 'center',
minWidth: 100,
sortable: false,
display: 'flex',
renderCell: function render({row}) {
return (
<>
<EditButton hideText recordItemId={row.id} />
<DeleteButton hideText recordItemId={row.id} />
</>
)
},
},
],
[],
)
return (
<List>
<DataGrid {...dataGridProps} columns={columns} getRowId={(row: any) => row.id} />
</List>
)
}