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

update other pages with russian translation

Browse Source
This commit is contained in:
maxim 2025-02-19 15:34:43 +03:00
parent fbf1b443fd
commit 5aee851f58
33 changed files with 267 additions and 222 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

56
src/locales/ru/translation.json
View File

@ -21,5 +21,61 @@
"edit": "Редактировать страну", "edit": "Редактировать страну",
"show": "Показать страну" "show": "Показать страну"
} }
},
"city": {
"titles": {
"create": "Создать город",
"edit": "Редактировать город",
"show": "Показать город"
}
},
"carrier": {
"titles": {
"create": "Создать перевозчика",
"edit": "Редактировать перевозчика",
"show": "Показать перевозчика"
}
},
"media": {
"titles": {
"create": "Создать медиа",
"edit": "Редактировать медиа",
"show": "Показать медиа"
}
},
"article": {
"titles": {
"create": "Создать статью",
"edit": "Редактировать статью",
"show": "Показать статью"
}
},
"sight": {
"titles": {
"create": "Создать вид",
"edit": "Редактировать вид",
"show": "Показать вид"
}
},
"station": {
"titles": {
"create": "Создать станцию",
"edit": "Редактировать станцию",
"show": "Показать станцию"
}
},
"vehicle": {
"titles": {
"create": "Создать транспорт",
"edit": "Редактировать транспорт",
"show": "Показать транспорт"
}
},
"route": {
"titles": {
"create": "Создать маршрут",
"edit": "Редактировать маршрут",
"show": "Показать маршрут"
}
} }
} }

8
src/pages/article/create.tsx
View File

@ -19,7 +19,7 @@ export const ArticleCreate = () => {
<Box component="form" sx={{display: 'flex', flexDirection: 'column'}} autoComplete="off"> <Box component="form" sx={{display: 'flex', flexDirection: 'column'}} autoComplete="off">
<TextField <TextField
{...register('heading', { {...register('heading', {
required: 'This field is required', required: 'Это поле является обязательным',
})} })}
error={!!(errors as any)?.heading} error={!!(errors as any)?.heading}
helperText={(errors as any)?.heading?.message} helperText={(errors as any)?.heading?.message}
@ -27,12 +27,12 @@ export const ArticleCreate = () => {
fullWidth fullWidth
InputLabelProps={{shrink: true}} InputLabelProps={{shrink: true}}
type="text" type="text"
label={'Heading'} label={'Заголовок'}
name="heading" name="heading"
/> />
<TextField <TextField
{...register('body', { {...register('body', {
required: 'This field is required', required: 'Это поле является обязательным',
})} })}
error={!!(errors as any)?.body} error={!!(errors as any)?.body}
helperText={(errors as any)?.body?.message} helperText={(errors as any)?.body?.message}
@ -40,7 +40,7 @@ export const ArticleCreate = () => {
fullWidth fullWidth
InputLabelProps={{shrink: true}} InputLabelProps={{shrink: true}}
type="text" type="text"
label={'Body'} label={'Контент'}
name="body" name="body"
/> />
</Box> </Box>

8
src/pages/article/edit.tsx
View File

@ -14,7 +14,7 @@ export const ArticleEdit = () => {
<Box component="form" sx={{display: 'flex', flexDirection: 'column'}} autoComplete="off"> <Box component="form" sx={{display: 'flex', flexDirection: 'column'}} autoComplete="off">
<TextField <TextField
{...register('heading', { {...register('heading', {
required: 'This field is required', required: 'Это поле является обязательным',
})} })}
error={!!(errors as any)?.heading} error={!!(errors as any)?.heading}
helperText={(errors as any)?.heading?.message} helperText={(errors as any)?.heading?.message}
@ -22,12 +22,12 @@ export const ArticleEdit = () => {
fullWidth fullWidth
InputLabelProps={{shrink: true}} InputLabelProps={{shrink: true}}
type="text" type="text"
label={'Heading'} label={'Заголовок'}
name="heading" name="heading"
/> />
<TextField <TextField
{...register('body', { {...register('body', {
required: 'This field is required', required: 'Это поле является обязательным',
})} })}
error={!!(errors as any)?.body} error={!!(errors as any)?.body}
helperText={(errors as any)?.body?.message} helperText={(errors as any)?.body?.message}
@ -35,7 +35,7 @@ export const ArticleEdit = () => {
fullWidth fullWidth
InputLabelProps={{shrink: true}} InputLabelProps={{shrink: true}}
type="text" type="text"
label={'Body'} label={'Контент'}
name="body" name="body"
/> />
</Box> </Box>

6
src/pages/article/list.tsx
View File

@ -20,7 +20,7 @@ export const ArticleList = () => {
}, },
{ {
field: 'heading', field: 'heading',
headerName: 'Heading', headerName: 'Заголовок',
type: 'string', type: 'string',
minWidth: 300, minWidth: 300,
display: 'flex', display: 'flex',
@ -29,7 +29,7 @@ export const ArticleList = () => {
}, },
{ {
field: 'body', field: 'body',
headerName: 'Body', headerName: 'Контент',
type: 'string', type: 'string',
display: 'flex', display: 'flex',
align: 'left', align: 'left',
@ -38,7 +38,7 @@ export const ArticleList = () => {
}, },
{ {
field: 'actions', field: 'actions',
headerName: 'Actions', headerName: 'Действия',
align: 'right', align: 'right',
headerAlign: 'center', headerAlign: 'center',
minWidth: 120, minWidth: 120,

28
src/pages/article/show.tsx
View File

@ -97,15 +97,15 @@ export const ArticleShow = () => {
} }
const fields = [ const fields = [
{label: 'ID', data: 'id'}, // {label: 'ID', data: 'id'},
{label: 'Heading', data: 'heading'}, {label: 'Заголовок', data: 'heading'},
{label: 'Body', data: 'body'}, {label: 'Контент', data: 'body'},
] ]
const mediaFields = [ const mediaFields = [
{label: 'ID', data: 'id' as keyof MediaItem}, // {label: 'ID', data: 'id' as keyof MediaItem},
{label: 'Filename', data: 'filename' as keyof MediaItem}, {label: 'Имя', data: 'filename' as keyof MediaItem},
{label: 'Media Type', data: 'media_type' as keyof MediaItem}, {label: 'Тип', data: 'media_type' as keyof MediaItem},
] ]
return ( return (
@ -122,7 +122,7 @@ export const ArticleShow = () => {
<Stack gap={2}> <Stack gap={2}>
<Typography variant="body1" fontWeight="bold"> <Typography variant="body1" fontWeight="bold">
Media Медиа
</Typography> </Typography>
<Grid container gap={2}> <Grid container gap={2}>
@ -145,25 +145,25 @@ export const ArticleShow = () => {
))} ))}
<Button variant="outlined" color="error" onClick={() => deleteMedia(mediaItem?.id)} sx={{mt: 2}}> <Button variant="outlined" color="error" onClick={() => deleteMedia(mediaItem?.id)} sx={{mt: 2}}>
Delete Отвязать
</Button> </Button>
</Stack> </Stack>
</Box> </Box>
)) ))
) : ( ) : (
<Typography>No media found</Typography> <Typography>Медиа не найдены</Typography>
)} )}
</Grid> </Grid>
<Stack gap={2}> <Stack gap={2}>
<Typography variant="body1" fontWeight="bold"> <Typography variant="body1" fontWeight="bold">
Link Media Привязать медиа
</Typography> </Typography>
<Stack gap={2.5}> <Stack gap={2.5}>
<FormControl fullWidth> <FormControl fullWidth>
<InputLabel>Media</InputLabel> <InputLabel>Медиа</InputLabel>
<Select value={selectedMediaId} onChange={(e) => setSelectedMediaId(e.target.value)} label="Media" fullWidth> <Select value={selectedMediaId} onChange={(e) => setSelectedMediaId(e.target.value)} fullWidth>
{availableMedia.map((mediaItem) => ( {availableMedia.map((mediaItem) => (
<MenuItem key={mediaItem.id} value={mediaItem.id}> <MenuItem key={mediaItem.id} value={mediaItem.id}>
{mediaItem.filename} {mediaItem.filename}
@ -173,11 +173,11 @@ export const ArticleShow = () => {
</FormControl> </FormControl>
<FormControl fullWidth> <FormControl fullWidth>
<TextField type="number" label="Media Order" name="heading" value={mediaOrder} onChange={(e) => setMediaOrder(Number(e.target.value))} fullWidth InputLabelProps={{shrink: true}} /> <TextField type="number" label="Порядок отображения медиа" name="heading" value={mediaOrder} onChange={(e) => setMediaOrder(Number(e.target.value))} fullWidth InputLabelProps={{shrink: true}} />
</FormControl> </FormControl>
<Button variant="contained" onClick={linkMedia} disabled={!selectedMediaId}> <Button variant="contained" onClick={linkMedia} disabled={!selectedMediaId}>
Link Media Привязать
</Button> </Button>
</Stack> </Stack>
</Stack> </Stack>

12
src/pages/carrier/create.tsx
View File

@ -22,7 +22,7 @@ export const CarrierCreate = () => {
<Controller <Controller
control={control} control={control}
name="city_id" name="city_id"
rules={{required: 'This field is required'}} rules={{required: 'Это поле является обязательным'}}
defaultValue={null} defaultValue={null}
render={({field}) => ( render={({field}) => (
<Autocomplete <Autocomplete
@ -37,14 +37,14 @@ export const CarrierCreate = () => {
isOptionEqualToValue={(option, value) => { isOptionEqualToValue={(option, value) => {
return option.id === value?.id return option.id === value?.id
}} }}
renderInput={(params) => <TextField {...params} label="Select City" margin="normal" variant="outlined" error={!!errors.city_id} helperText={(errors as any)?.city_id?.message} required />} renderInput={(params) => <TextField {...params} label="Выберите город" margin="normal" variant="outlined" error={!!errors.city_id} helperText={(errors as any)?.city_id?.message} required />}
/> />
)} )}
/> />
<TextField <TextField
{...register('full_name', { {...register('full_name', {
required: 'This field is required', required: 'Это поле является обязательным',
})} })}
error={!!(errors as any)?.full_name} error={!!(errors as any)?.full_name}
helperText={(errors as any)?.full_name?.message} helperText={(errors as any)?.full_name?.message}
@ -52,13 +52,13 @@ export const CarrierCreate = () => {
fullWidth fullWidth
InputLabelProps={{shrink: true}} InputLabelProps={{shrink: true}}
type="text" type="text"
label={'Full Name'} label={'Полное имя'}
name="full_name" name="full_name"
/> />
<TextField <TextField
{...register('short_name', { {...register('short_name', {
required: 'This field is required', required: 'Это поле является обязательным',
})} })}
error={!!(errors as any)?.short_name} error={!!(errors as any)?.short_name}
helperText={(errors as any)?.short_name?.message} helperText={(errors as any)?.short_name?.message}
@ -66,7 +66,7 @@ export const CarrierCreate = () => {
fullWidth fullWidth
InputLabelProps={{shrink: true}} InputLabelProps={{shrink: true}}
type="text" type="text"
label={'Short Name'} label={'Короткое имя'}
name="short_name" name="short_name"
/> />
</Box> </Box>

12
src/pages/carrier/edit.tsx
View File

@ -21,7 +21,7 @@ export const CarrierEdit = () => {
<Controller <Controller
control={control} control={control}
name="city_id" name="city_id"
rules={{required: 'This field is required'}} rules={{required: 'Это поле является обязательным'}}
defaultValue={null} defaultValue={null}
render={({field}) => ( render={({field}) => (
<Autocomplete <Autocomplete
@ -36,14 +36,14 @@ export const CarrierEdit = () => {
isOptionEqualToValue={(option, value) => { isOptionEqualToValue={(option, value) => {
return option.id === value?.id return option.id === value?.id
}} }}
renderInput={(params) => <TextField {...params} label="Select City" margin="normal" variant="outlined" error={!!errors.city_id} helperText={(errors as any)?.city_id?.message} required />} renderInput={(params) => <TextField {...params} label="Выберите город" margin="normal" variant="outlined" error={!!errors.city_id} helperText={(errors as any)?.city_id?.message} required />}
/> />
)} )}
/> />
<TextField <TextField
{...register('full_name', { {...register('full_name', {
required: 'This field is required', required: 'Это поле является обязательным',
})} })}
error={!!(errors as any)?.full_name} error={!!(errors as any)?.full_name}
helperText={(errors as any)?.full_name?.message} helperText={(errors as any)?.full_name?.message}
@ -51,13 +51,13 @@ export const CarrierEdit = () => {
fullWidth fullWidth
InputLabelProps={{shrink: true}} InputLabelProps={{shrink: true}}
type="text" type="text"
label={'Full Name'} label={'Полное имя'}
name="full_name" name="full_name"
/> />
<TextField <TextField
{...register('short_name', { {...register('short_name', {
required: 'This field is required', required: 'Это поле является обязательным',
})} })}
error={!!(errors as any)?.short_name} error={!!(errors as any)?.short_name}
helperText={(errors as any)?.short_name?.message} helperText={(errors as any)?.short_name?.message}
@ -65,7 +65,7 @@ export const CarrierEdit = () => {
fullWidth fullWidth
InputLabelProps={{shrink: true}} InputLabelProps={{shrink: true}}
type="text" type="text"
label={'Short Name'} label={'Короткое имя'}
name="short_name" name="short_name"
/> />
</Box> </Box>

8
src/pages/carrier/list.tsx
View File

@ -17,7 +17,7 @@ export const CarrierList = () => {
}, },
{ {
field: 'city_id', field: 'city_id',
headerName: 'City ID', headerName: 'ID Города',
type: 'number', type: 'number',
minWidth: 100, minWidth: 100,
align: 'left', align: 'left',
@ -25,20 +25,20 @@ export const CarrierList = () => {
}, },
{ {
field: 'full_name', field: 'full_name',
headerName: 'Full Name', headerName: 'Полное имя',
type: 'string', type: 'string',
minWidth: 200, minWidth: 200,
}, },
{ {
field: 'short_name', field: 'short_name',
headerName: 'Short Name', headerName: 'Короткое имя',
type: 'string', type: 'string',
minWidth: 150, minWidth: 150,
flex: 1, flex: 1,
}, },
{ {
field: 'actions', field: 'actions',
headerName: 'Actions', headerName: 'Действия',
align: 'right', align: 'right',
headerAlign: 'center', headerAlign: 'center',
minWidth: 120, minWidth: 120,

8
src/pages/carrier/show.tsx
View File

@ -9,10 +9,10 @@ export const CarrierShow = () => {
const record = data?.data const record = data?.data
const fields = [ const fields = [
{label: 'ID', data: 'id'}, // {label: 'ID', data: 'id'},
{label: 'City ID', data: 'city_id'}, {label: 'ID города', data: 'city_id'},
{label: 'Full Name', data: 'full_name'}, {label: 'Полное имя', data: 'full_name'},
{label: 'Short Name', data: 'short_name'}, {label: 'Короткое имя', data: 'short_name'},
] ]
return ( return (

8
src/pages/city/create.tsx
View File

@ -22,7 +22,7 @@ export const CityCreate = () => {
<Controller <Controller
control={control} control={control}
name="country_code" name="country_code"
rules={{required: 'This field is required'}} rules={{required: 'Это поле является обязательным'}}
defaultValue={null} defaultValue={null}
render={({field}) => ( render={({field}) => (
<Autocomplete <Autocomplete
@ -37,14 +37,14 @@ export const CityCreate = () => {
isOptionEqualToValue={(option, value) => { isOptionEqualToValue={(option, value) => {
return option.id === value?.id return option.id === value?.id
}} }}
renderInput={(params) => <TextField {...params} label="Country Code" margin="normal" variant="outlined" error={!!errors.country_code} helperText={(errors as any)?.country_code?.message} required />} renderInput={(params) => <TextField {...params} label="Код страны" margin="normal" variant="outlined" error={!!errors.country_code} helperText={(errors as any)?.country_code?.message} required />}
/> />
)} )}
/> />
<TextField <TextField
{...register('name', { {...register('name', {
required: 'This field is required', required: 'Это поле является обязательным',
})} })}
error={!!(errors as any)?.name} error={!!(errors as any)?.name}
helperText={(errors as any)?.name?.message} helperText={(errors as any)?.name?.message}
@ -52,7 +52,7 @@ export const CityCreate = () => {
fullWidth fullWidth
InputLabelProps={{shrink: true}} InputLabelProps={{shrink: true}}
type="text" type="text"
label={'Name'} label={'Название'}
name="name" name="name"
/> />
</Box> </Box>

8
src/pages/city/edit.tsx
View File

@ -21,7 +21,7 @@ export const CityEdit = () => {
<Controller <Controller
control={control} control={control}
name="country_code" name="country_code"
rules={{required: 'This field is required'}} rules={{required: 'Это поле является обязательным'}}
defaultValue={null} defaultValue={null}
render={({field}) => ( render={({field}) => (
<Autocomplete <Autocomplete
@ -36,14 +36,14 @@ export const CityEdit = () => {
isOptionEqualToValue={(option, value) => { isOptionEqualToValue={(option, value) => {
return option.id === value?.id return option.id === value?.id
}} }}
renderInput={(params) => <TextField {...params} label="Country Code" margin="normal" variant="outlined" error={!!errors.country_code} helperText={(errors as any)?.country_code?.message} required />} renderInput={(params) => <TextField {...params} label="Код страны" margin="normal" variant="outlined" error={!!errors.country_code} helperText={(errors as any)?.country_code?.message} required />}
/> />
)} )}
/> />
<TextField <TextField
{...register('name', { {...register('name', {
required: 'This field is required', required: 'Это поле является обязательным',
})} })}
error={!!(errors as any)?.title} error={!!(errors as any)?.title}
helperText={(errors as any)?.title?.message} helperText={(errors as any)?.title?.message}
@ -51,7 +51,7 @@ export const CityEdit = () => {
fullWidth fullWidth
InputLabelProps={{shrink: true}} InputLabelProps={{shrink: true}}
type="text" type="text"
label={'Name'} label={'Название'}
name="name" name="name"
/> />
</Box> </Box>

6
src/pages/city/list.tsx
View File

@ -17,7 +17,7 @@ export const CityList = () => {
}, },
{ {
field: 'country_code', field: 'country_code',
headerName: 'Country Code', headerName: 'Код страны',
type: 'string', type: 'string',
minWidth: 150, minWidth: 150,
align: 'left', align: 'left',
@ -25,14 +25,14 @@ export const CityList = () => {
}, },
{ {
field: 'name', field: 'name',
headerName: 'City Name', headerName: 'Название',
type: 'string', type: 'string',
minWidth: 150, minWidth: 150,
flex: 1, flex: 1,
}, },
{ {
field: 'actions', field: 'actions',
headerName: 'Actions', headerName: 'Действия',
align: 'right', align: 'right',
headerAlign: 'center', headerAlign: 'center',
minWidth: 120, minWidth: 120,

6
src/pages/city/show.tsx
View File

@ -9,9 +9,9 @@ export const CityShow = () => {
const record = data?.data const record = data?.data
const fields = [ const fields = [
{label: 'ID', data: 'id'}, // {label: 'ID', data: 'id'},
{label: 'City Name', data: 'name'}, {label: 'Название', data: 'name'},
{label: 'Country Code', data: 'country_code'}, {label: 'Код страны', data: 'country_code'},
] ]
return ( return (

10
src/pages/media/create.tsx
View File

@ -56,7 +56,7 @@ export const MediaCreate = () => {
<Box display="flex" flexDirection="column-reverse" alignItems="center" gap={6}> <Box display="flex" flexDirection="column-reverse" alignItems="center" gap={6}>
<Box display="flex" alignItems="center" gap={2}> <Box display="flex" alignItems="center" gap={2}>
<Button variant="contained" component="label"> <Button variant="contained" component="label">
{selectedFile ? 'Change File' : 'Upload File'} {selectedFile ? 'Изменить файл' : 'Загрузить файл'}
<input type="file" hidden onChange={handleFileChange} /> <input type="file" hidden onChange={handleFileChange} />
</Button> </Button>
@ -76,7 +76,7 @@ export const MediaCreate = () => {
<TextField <TextField
{...register('filename', { {...register('filename', {
required: 'This field is required', required: 'Это поле является обязательным',
})} })}
error={!!(errors as any)?.filename} error={!!(errors as any)?.filename}
helperText={(errors as any)?.filename?.message} helperText={(errors as any)?.filename?.message}
@ -84,13 +84,13 @@ export const MediaCreate = () => {
fullWidth fullWidth
InputLabelProps={{shrink: true}} InputLabelProps={{shrink: true}}
type="text" type="text"
label="File Name" label="Название"
name="filename" name="filename"
/> />
<TextField <TextField
{...register('media_type', { {...register('media_type', {
required: 'This field is required', required: 'Это поле является обязательным',
valueAsNumber: true, valueAsNumber: true,
})} })}
error={!!(errors as any)?.media_type} error={!!(errors as any)?.media_type}
@ -99,7 +99,7 @@ export const MediaCreate = () => {
fullWidth fullWidth
InputLabelProps={{shrink: true}} InputLabelProps={{shrink: true}}
type="number" type="number"
label="Media Type" label="Тип"
name="media_type" name="media_type"
/> />
</Box> </Box>

10
src/pages/media/edit.tsx
View File

@ -44,7 +44,7 @@ export const MediaEdit = () => {
<Box display="flex" flexDirection="column-reverse" alignItems="center" gap={6}> <Box display="flex" flexDirection="column-reverse" alignItems="center" gap={6}>
<Box display="flex" alignItems="center" gap={2}> <Box display="flex" alignItems="center" gap={2}>
<Button variant="contained" component="label"> <Button variant="contained" component="label">
{selectedFile ? 'Change File' : 'Upload File'} {selectedFile ? 'Изменить файл' : 'Загрузить файл'}
<input type="file" hidden onChange={handleFileChange} /> <input type="file" hidden onChange={handleFileChange} />
</Button> </Button>
@ -64,7 +64,7 @@ export const MediaEdit = () => {
<TextField <TextField
{...register('filename', { {...register('filename', {
required: 'This field is required', required: 'Это поле является обязательным',
})} })}
error={!!(errors as any)?.filename} error={!!(errors as any)?.filename}
helperText={(errors as any)?.filename?.message} helperText={(errors as any)?.filename?.message}
@ -72,13 +72,13 @@ export const MediaEdit = () => {
fullWidth fullWidth
InputLabelProps={{shrink: true}} InputLabelProps={{shrink: true}}
type="text" type="text"
label="File Name" label="Название"
name="filename" name="filename"
/> />
<TextField <TextField
{...register('media_type', { {...register('media_type', {
required: 'This field is required', required: 'Это поле является обязательным',
valueAsNumber: true, valueAsNumber: true,
})} })}
error={!!(errors as any)?.media_type} error={!!(errors as any)?.media_type}
@ -87,7 +87,7 @@ export const MediaEdit = () => {
fullWidth fullWidth
InputLabelProps={{shrink: true}} InputLabelProps={{shrink: true}}
type="number" type="number"
label="Media Type" label="Тип"
name="media_type" name="media_type"
/> />
</Box> </Box>

6
src/pages/media/list.tsx
View File

@ -9,7 +9,7 @@ export const MediaList = () => {
() => [ () => [
{ {
field: 'filename', field: 'filename',
headerName: 'File name', headerName: 'Название',
type: 'string', type: 'string',
minWidth: 250, minWidth: 250,
display: 'flex', display: 'flex',
@ -18,7 +18,7 @@ export const MediaList = () => {
}, },
{ {
field: 'media_type', field: 'media_type',
headerName: 'Media Type', headerName: 'Тип',
type: 'number', type: 'number',
minWidth: 150, minWidth: 150,
display: 'flex', display: 'flex',
@ -36,7 +36,7 @@ export const MediaList = () => {
}, },
{ {
field: 'actions', field: 'actions',
headerName: 'Actions', headerName: 'Действия',
align: 'right', align: 'right',
headerAlign: 'center', headerAlign: 'center',
minWidth: 130, minWidth: 130,

34
src/pages/media/show.tsx
View File

@ -8,31 +8,25 @@ export const MediaShow = () => {
const record = data?.data const record = data?.data
const fields = [
{label: 'Название', data: 'filename'},
{label: 'Тип', data: 'media_type'},
{label: 'ID', data: 'id'},
]
return ( return (
<Show isLoading={isLoading}> <Show isLoading={isLoading}>
<Stack gap={4}> <Stack gap={4}>
{record && <img src={`https://wn.krbl.ru/media/${record?.id}/download`} alt={record?.filename} style={{maxWidth: '100%', height: '40vh', objectFit: 'contain', borderRadius: 8}} />} {record && <img src={`https://wn.krbl.ru/media/${record?.id}/download`} alt={record?.filename} style={{maxWidth: '100%', height: '40vh', objectFit: 'contain', borderRadius: 8}} />}
<Stack gap={1}> {fields.map(({label, data}) => (
<Typography variant="body1" fontWeight="bold"> <Stack key={data} gap={1}>
{'File name'} <Typography variant="body1" fontWeight="bold">
</Typography> {label}
<TextField value={record?.filename} /> </Typography>
</Stack> <TextField value={record?.[data]} />
</Stack>
<Stack gap={1}> ))}
<Typography variant="body1" fontWeight="bold">
{'Media Type'}
</Typography>
<TextField value={record?.media_type} />
</Stack>
<Stack gap={1}>
<Typography variant="body1" fontWeight="bold">
{'ID'}
</Typography>
<TextField value={record?.id} />
</Stack>
</Stack> </Stack>
</Show> </Show>
) )

10
src/pages/route/create.tsx
View File

@ -21,7 +21,7 @@ export const RouteCreate = () => {
<Box component="form" sx={{display: 'flex', flexDirection: 'column'}} autoComplete="off"> <Box component="form" sx={{display: 'flex', flexDirection: 'column'}} autoComplete="off">
<TextField <TextField
{...register('carrier_id', { {...register('carrier_id', {
required: 'This field is required', required: 'Это поле является обязательным',
valueAsNumber: true, valueAsNumber: true,
})} })}
error={!!(errors as any)?.carrier_id} error={!!(errors as any)?.carrier_id}
@ -30,12 +30,12 @@ export const RouteCreate = () => {
fullWidth fullWidth
InputLabelProps={{shrink: true}} InputLabelProps={{shrink: true}}
type="number" type="number"
label={'Carrier ID'} label={'ID перевозчика'}
name="carrier_id" name="carrier_id"
/> />
<TextField <TextField
{...register('route_number', { {...register('route_number', {
required: 'This field is required', required: 'Это поле является обязательным',
setValueAs: (value) => String(value), setValueAs: (value) => String(value),
})} })}
error={!!(errors as any)?.route_number} error={!!(errors as any)?.route_number}
@ -44,14 +44,14 @@ export const RouteCreate = () => {
fullWidth fullWidth
InputLabelProps={{shrink: true}} InputLabelProps={{shrink: true}}
type="text" type="text"
label={'Route Number'} label={'Номер маршрута'}
name="route_number" name="route_number"
/> />
<Controller <Controller
name="route_direction" // boolean name="route_direction" // boolean
control={control} control={control}
defaultValue={false} defaultValue={false}
render={({field}: {field: any}) => <FormControlLabel control={<Checkbox {...field} checked={field.value} onChange={(e) => field.onChange(e.target.checked)} />} label="Route Direction" />} render={({field}: {field: any}) => <FormControlLabel control={<Checkbox {...field} checked={field.value} onChange={(e) => field.onChange(e.target.checked)} />} label="Направление маршрута" />}
/> />
</Box> </Box>
</Create> </Create>

10
src/pages/route/edit.tsx
View File

@ -16,7 +16,7 @@ export const RouteEdit = () => {
<Box component="form" sx={{display: 'flex', flexDirection: 'column'}} autoComplete="off"> <Box component="form" sx={{display: 'flex', flexDirection: 'column'}} autoComplete="off">
<TextField <TextField
{...register('carrier_id', { {...register('carrier_id', {
required: 'This field is required', required: 'Это поле является обязательным',
valueAsNumber: true, valueAsNumber: true,
})} })}
error={!!(errors as any)?.carrier_id} error={!!(errors as any)?.carrier_id}
@ -25,12 +25,12 @@ export const RouteEdit = () => {
fullWidth fullWidth
InputLabelProps={{shrink: true}} InputLabelProps={{shrink: true}}
type="number" type="number"
label={'Carrier ID'} label={'ID перевозчика'}
name="carrier_id" name="carrier_id"
/> />
<TextField <TextField
{...register('route_number', { {...register('route_number', {
required: 'This field is required', required: 'Это поле является обязательным',
setValueAs: (value) => String(value), setValueAs: (value) => String(value),
})} })}
error={!!(errors as any)?.route_number} error={!!(errors as any)?.route_number}
@ -39,14 +39,14 @@ export const RouteEdit = () => {
fullWidth fullWidth
InputLabelProps={{shrink: true}} InputLabelProps={{shrink: true}}
type="text" type="text"
label={'Route Number'} label={'Номер маршрута'}
name="route_number" name="route_number"
/> />
<Controller <Controller
name="route_direction" // boolean name="route_direction" // boolean
control={control} control={control}
defaultValue={false} defaultValue={false}
render={({field}: {field: any}) => <FormControlLabel control={<Checkbox {...field} checked={field.value} onChange={(e) => field.onChange(e.target.checked)} />} label="Route Direction" />} render={({field}: {field: any}) => <FormControlLabel control={<Checkbox {...field} checked={field.value} onChange={(e) => field.onChange(e.target.checked)} />} label="Направление маршрута" />}
/> />
</Box> </Box>
</Edit> </Edit>

24
src/pages/route/list.tsx
View File

@ -20,25 +20,25 @@ export const RouteList = () => {
}, },
{ {
field: 'carrier_id', field: 'carrier_id',
headerName: 'Carrier ID', headerName: 'ID перевозчика',
type: 'number', type: 'number',
minWidth: 70,
display: 'flex',
align: 'left',
headerAlign: 'left',
},
{
field: 'route_number',
headerName: 'Route Number',
type: 'string',
minWidth: 150, minWidth: 150,
display: 'flex', display: 'flex',
align: 'left', align: 'left',
headerAlign: 'left', headerAlign: 'left',
}, },
{
field: 'route_number',
headerName: 'Номер маршрута',
type: 'string',
minWidth: 170,
display: 'flex',
align: 'left',
headerAlign: 'left',
},
{ {
field: 'route_direction', field: 'route_direction',
headerName: 'Route Direction', headerName: 'Направление маршрута',
type: 'boolean', type: 'boolean',
display: 'flex', display: 'flex',
align: 'left', align: 'left',
@ -47,7 +47,7 @@ export const RouteList = () => {
}, },
{ {
field: 'actions', field: 'actions',
headerName: 'Actions', headerName: 'Действия',
align: 'right', align: 'right',
headerAlign: 'center', headerAlign: 'center',
minWidth: 120, minWidth: 120,

8
src/pages/route/show.tsx
View File

@ -9,10 +9,10 @@ export const RouteShow = () => {
const record = data?.data const record = data?.data
const fields = [ const fields = [
{label: 'ID', data: 'id'}, // {label: 'ID', data: 'id'},
{label: 'Carrier ID', data: 'carrier_id'}, {label: 'ID перевозчика', data: 'carrier_id'},
{label: 'Route Number', data: 'route_number'}, {label: 'Номер маршрута', data: 'route_number'},
{label: 'Route Direction', data: 'route_direction'}, {label: 'Направление маршрута', data: 'route_direction'},
] ]
return ( return (

16
src/pages/sight/create.tsx
View File

@ -25,7 +25,7 @@ export const SightCreate = () => {
<Box component="form" sx={{display: 'flex', flexDirection: 'column'}} autoComplete="off"> <Box component="form" sx={{display: 'flex', flexDirection: 'column'}} autoComplete="off">
<TextField <TextField
{...register('name', { {...register('name', {
required: 'This field is required', required: 'Это поле является обязательным',
})} })}
error={!!(errors as any)?.name} error={!!(errors as any)?.name}
helperText={(errors as any)?.name?.message} helperText={(errors as any)?.name?.message}
@ -33,12 +33,12 @@ export const SightCreate = () => {
fullWidth fullWidth
InputLabelProps={{shrink: true}} InputLabelProps={{shrink: true}}
type="text" type="text"
label={'Name'} label={'Название'}
name="name" name="name"
/> />
<TextField <TextField
{...register('latitude', { {...register('latitude', {
required: 'This field is required', required: 'Это поле является обязательным',
valueAsNumber: true, valueAsNumber: true,
})} })}
error={!!(errors as any)?.latitude} error={!!(errors as any)?.latitude}
@ -47,12 +47,12 @@ export const SightCreate = () => {
fullWidth fullWidth
InputLabelProps={{shrink: true}} InputLabelProps={{shrink: true}}
type="number" type="number"
label={'Latitude'} label={'Широта'}
name="latitude" name="latitude"
/> />
<TextField <TextField
{...register('longitude', { {...register('longitude', {
required: 'This field is required', required: 'Это поле является обязательным',
valueAsNumber: true, valueAsNumber: true,
})} })}
error={!!(errors as any)?.longitude} error={!!(errors as any)?.longitude}
@ -61,14 +61,14 @@ export const SightCreate = () => {
fullWidth fullWidth
InputLabelProps={{shrink: true}} InputLabelProps={{shrink: true}}
type="number" type="number"
label={'Longitude'} label={'Долгота'}
name="longitude" name="longitude"
/> />
<Controller <Controller
control={control} control={control}
name="city_id" name="city_id"
rules={{required: 'This field is required'}} rules={{required: 'Это поле является обязательным'}}
defaultValue={null} defaultValue={null}
render={({field}) => ( render={({field}) => (
<Autocomplete <Autocomplete
@ -83,7 +83,7 @@ export const SightCreate = () => {
isOptionEqualToValue={(option, value) => { isOptionEqualToValue={(option, value) => {
return option.id === value?.id return option.id === value?.id
}} }}
renderInput={(params) => <TextField {...params} label="Select City" margin="normal" variant="outlined" error={!!errors.city_id} helperText={(errors as any)?.city_id?.message} required />} renderInput={(params) => <TextField {...params} label="Выберите город" margin="normal" variant="outlined" error={!!errors.city_id} helperText={(errors as any)?.city_id?.message} required />}
/> />
)} )}
/> />

16
src/pages/sight/edit.tsx
View File

@ -20,7 +20,7 @@ export const SightEdit = () => {
<Box component="form" sx={{display: 'flex', flexDirection: 'column'}} autoComplete="off"> <Box component="form" sx={{display: 'flex', flexDirection: 'column'}} autoComplete="off">
<TextField <TextField
{...register('name', { {...register('name', {
required: 'This field is required', required: 'Это поле является обязательным',
})} })}
error={!!(errors as any)?.name} error={!!(errors as any)?.name}
helperText={(errors as any)?.name?.message} helperText={(errors as any)?.name?.message}
@ -28,12 +28,12 @@ export const SightEdit = () => {
fullWidth fullWidth
InputLabelProps={{shrink: true}} InputLabelProps={{shrink: true}}
type="text" type="text"
label={'Name'} label={'Название'}
name="name" name="name"
/> />
<TextField <TextField
{...register('latitude', { {...register('latitude', {
required: 'This field is required', required: 'Это поле является обязательным',
valueAsNumber: true, valueAsNumber: true,
})} })}
error={!!(errors as any)?.latitude} error={!!(errors as any)?.latitude}
@ -42,12 +42,12 @@ export const SightEdit = () => {
fullWidth fullWidth
InputLabelProps={{shrink: true}} InputLabelProps={{shrink: true}}
type="number" type="number"
label={'Latitude'} label={'Широта'}
name="latitude" name="latitude"
/> />
<TextField <TextField
{...register('longitude', { {...register('longitude', {
required: 'This field is required', required: 'Это поле является обязательным',
valueAsNumber: true, valueAsNumber: true,
})} })}
error={!!(errors as any)?.longitude} error={!!(errors as any)?.longitude}
@ -56,13 +56,13 @@ export const SightEdit = () => {
fullWidth fullWidth
InputLabelProps={{shrink: true}} InputLabelProps={{shrink: true}}
type="number" type="number"
label={'Longitude'} label={'Долгота'}
name="longitude" name="longitude"
/> />
<Controller <Controller
control={control} control={control}
name="city_id" name="city_id"
rules={{required: 'This field is required'}} rules={{required: 'Это поле является обязательным'}}
defaultValue={null} defaultValue={null}
render={({field}) => ( render={({field}) => (
<Autocomplete <Autocomplete
@ -77,7 +77,7 @@ export const SightEdit = () => {
isOptionEqualToValue={(option, value) => { isOptionEqualToValue={(option, value) => {
return option.id === value?.id return option.id === value?.id
}} }}
renderInput={(params) => <TextField {...params} label="Select City" margin="normal" variant="outlined" error={!!errors.city_id} helperText={(errors as any)?.city_id?.message} required />} renderInput={(params) => <TextField {...params} label="Выберите город" margin="normal" variant="outlined" error={!!errors.city_id} helperText={(errors as any)?.city_id?.message} required />}
/> />
)} )}
/> />

12
src/pages/sight/list.tsx
View File

@ -20,16 +20,16 @@ export const SightList = () => {
}, },
{ {
field: 'name', field: 'name',
headerName: 'Name', headerName: 'Название',
type: 'string', type: 'string',
minWidth: 200, minWidth: 150,
display: 'flex', display: 'flex',
align: 'left', align: 'left',
headerAlign: 'left', headerAlign: 'left',
}, },
{ {
field: 'latitude', field: 'latitude',
headerName: 'Latitude', headerName: 'Широта',
type: 'number', type: 'number',
minWidth: 150, minWidth: 150,
display: 'flex', display: 'flex',
@ -38,7 +38,7 @@ export const SightList = () => {
}, },
{ {
field: 'longitude', field: 'longitude',
headerName: 'Longitude', headerName: 'Долгота',
type: 'number', type: 'number',
minWidth: 150, minWidth: 150,
display: 'flex', display: 'flex',
@ -47,7 +47,7 @@ export const SightList = () => {
}, },
{ {
field: 'city_id', field: 'city_id',
headerName: 'City ID', headerName: 'ID города',
type: 'number', type: 'number',
minWidth: 70, minWidth: 70,
display: 'flex', display: 'flex',
@ -57,7 +57,7 @@ export const SightList = () => {
}, },
{ {
field: 'actions', field: 'actions',
headerName: 'Actions', headerName: 'Действия',
align: 'right', align: 'right',
headerAlign: 'center', headerAlign: 'center',
minWidth: 120, minWidth: 120,

41
src/pages/sight/show.tsx
View File

@ -97,11 +97,11 @@ export const SightShow = () => {
} }
const fields = [ const fields = [
{label: 'ID', data: 'id'}, // {label: 'ID', data: 'id'},
{label: 'Name', data: 'name'}, {label: 'Название', data: 'name'},
{label: 'Latitude', data: 'latitude'}, {label: 'Широта', data: 'latitude'},
{label: 'Longitude', data: 'longitude'}, {label: 'Долгота', data: 'longitude'},
{label: 'City ID', data: 'city_id'}, {label: 'ID города', data: 'city_id'},
] ]
return ( return (
@ -118,46 +118,41 @@ export const SightShow = () => {
<Stack gap={2}> <Stack gap={2}>
<Typography variant="body1" fontWeight="bold"> <Typography variant="body1" fontWeight="bold">
Linked Articles Привязанные статьи
</Typography> </Typography>
<Grid container gap={2}> <Grid container gap={2}>
{articlesLoading ? ( {articlesLoading ? (
<Typography>Loading articles...</Typography> <Typography>Загрузка статей...</Typography>
) : linkedArticles.length > 0 ? ( ) : linkedArticles.length > 0 ? (
linkedArticles.map((article) => ( linkedArticles.map((article) => (
<Box key={article.id} sx={{border: '2px solid #dddddd25', padding: '20px', marginBottom: '8px'}}> <Box key={article.id} sx={{border: '2px solid #dddddd25', padding: '20px', marginBottom: '8px'}}>
<Stack gap={0.5}> <Stack gap={1}>
<Typography> <Typography variant="h5">
<strong>ID:</strong> {article.id} <strong>{article.heading}</strong>
</Typography>
<Typography>
<strong>Heading:</strong> {article.heading}
</Typography>
<Typography>
<strong>Body:</strong> {article.body}
</Typography> </Typography>
<Typography>{article.body}</Typography>
<Button variant="outlined" color="error" onClick={() => deleteArticle(article.id)} sx={{mt: 2}}> <Button variant="outlined" color="error" onClick={() => deleteArticle(article.id)} sx={{mt: 2}}>
Unlink Article Отвязать статью
</Button> </Button>
</Stack> </Stack>
</Box> </Box>
)) ))
) : ( ) : (
<Typography>No articles linked</Typography> <Typography>Статьи не найдены</Typography>
)} )}
</Grid> </Grid>
<Stack gap={2}> <Stack gap={2}>
<Typography variant="body1" fontWeight="bold"> <Typography variant="body1" fontWeight="bold">
Link Article Привязать статью
</Typography> </Typography>
<Stack gap={2.5}> <Stack gap={2.5}>
<FormControl fullWidth> <FormControl fullWidth>
<InputLabel>Article</InputLabel> <InputLabel>Статья</InputLabel>
<Select value={selectedArticleId} onChange={(e) => setSelectedArticleId(Number(e.target.value))} label="Article" fullWidth> <Select value={selectedArticleId} onChange={(e) => setSelectedArticleId(Number(e.target.value))} label="Статья" fullWidth>
{availableArticles.map((article) => ( {availableArticles.map((article) => (
<MenuItem key={article.id} value={article.id}> <MenuItem key={article.id} value={article.id}>
{article.heading} {article.heading}
@ -167,11 +162,11 @@ export const SightShow = () => {
</FormControl> </FormControl>
<FormControl fullWidth> <FormControl fullWidth>
<TextField type="number" label="Page Number" name="page_num" value={pageNum} onChange={(e) => setPageNum(Number(e.target.value))} fullWidth InputLabelProps={{shrink: true}} /> <TextField type="number" label="Номер страницы" name="page_num" value={pageNum} onChange={(e) => setPageNum(Number(e.target.value))} fullWidth InputLabelProps={{shrink: true}} />
</FormControl> </FormControl>
<Button variant="contained" onClick={linkArticle} disabled={!selectedArticleId}> <Button variant="contained" onClick={linkArticle} disabled={!selectedArticleId}>
Link Article Привязать
</Button> </Button>
</Stack> </Stack>
</Stack> </Stack>

16
src/pages/station/create.tsx
View File

@ -19,7 +19,7 @@ export const StationCreate = () => {
<Box component="form" sx={{display: 'flex', flexDirection: 'column'}} autoComplete="off"> <Box component="form" sx={{display: 'flex', flexDirection: 'column'}} autoComplete="off">
<TextField <TextField
{...register('name', { {...register('name', {
required: 'This field is required', required: 'Это поле является обязательным',
})} })}
error={!!(errors as any)?.name} error={!!(errors as any)?.name}
helperText={(errors as any)?.name?.message} helperText={(errors as any)?.name?.message}
@ -27,12 +27,12 @@ export const StationCreate = () => {
fullWidth fullWidth
InputLabelProps={{shrink: true}} InputLabelProps={{shrink: true}}
type="text" type="text"
label={'Name'} label={'Название'}
name="name" name="name"
/> />
<TextField <TextField
{...register('description', { {...register('description', {
required: 'This field is required', required: 'Это поле является обязательным',
})} })}
error={!!(errors as any)?.description} error={!!(errors as any)?.description}
helperText={(errors as any)?.description?.message} helperText={(errors as any)?.description?.message}
@ -40,12 +40,12 @@ export const StationCreate = () => {
fullWidth fullWidth
InputLabelProps={{shrink: true}} InputLabelProps={{shrink: true}}
type="text" type="text"
label={'Description'} label={'Описание'}
name="description" name="description"
/> />
<TextField <TextField
{...register('latitude', { {...register('latitude', {
required: 'This field is required', required: 'Это поле является обязательным',
valueAsNumber: true, valueAsNumber: true,
})} })}
error={!!(errors as any)?.latitude} error={!!(errors as any)?.latitude}
@ -54,12 +54,12 @@ export const StationCreate = () => {
fullWidth fullWidth
InputLabelProps={{shrink: true}} InputLabelProps={{shrink: true}}
type="number" type="number"
label={'Latitude'} label={'Широта'}
name="latitude" name="latitude"
/> />
<TextField <TextField
{...register('longitude', { {...register('longitude', {
required: 'This field is required', required: 'Это поле является обязательным',
valueAsNumber: true, valueAsNumber: true,
})} })}
error={!!(errors as any)?.longitude} error={!!(errors as any)?.longitude}
@ -68,7 +68,7 @@ export const StationCreate = () => {
fullWidth fullWidth
InputLabelProps={{shrink: true}} InputLabelProps={{shrink: true}}
type="number" type="number"
label={'Longitude'} label={'Долгота'}
name="longitude" name="longitude"
/> />
</Box> </Box>

16
src/pages/station/edit.tsx
View File

@ -14,7 +14,7 @@ export const StationEdit = () => {
<Box component="form" sx={{display: 'flex', flexDirection: 'column'}} autoComplete="off"> <Box component="form" sx={{display: 'flex', flexDirection: 'column'}} autoComplete="off">
<TextField <TextField
{...register('name', { {...register('name', {
required: 'This field is required', required: 'Это поле является обязательным',
})} })}
error={!!(errors as any)?.name} error={!!(errors as any)?.name}
helperText={(errors as any)?.name?.message} helperText={(errors as any)?.name?.message}
@ -22,12 +22,12 @@ export const StationEdit = () => {
fullWidth fullWidth
InputLabelProps={{shrink: true}} InputLabelProps={{shrink: true}}
type="text" type="text"
label={'Name'} label={'Название'}
name="name" name="name"
/> />
<TextField <TextField
{...register('description', { {...register('description', {
required: 'This field is required', required: 'Это поле является обязательным',
})} })}
error={!!(errors as any)?.description} error={!!(errors as any)?.description}
helperText={(errors as any)?.description?.message} helperText={(errors as any)?.description?.message}
@ -35,12 +35,12 @@ export const StationEdit = () => {
fullWidth fullWidth
InputLabelProps={{shrink: true}} InputLabelProps={{shrink: true}}
type="text" type="text"
label={'Description'} label={'Описание'}
name="description" name="description"
/> />
<TextField <TextField
{...register('latitude', { {...register('latitude', {
required: 'This field is required', required: 'Это поле является обязательным',
valueAsNumber: true, valueAsNumber: true,
})} })}
error={!!(errors as any)?.latitude} error={!!(errors as any)?.latitude}
@ -49,12 +49,12 @@ export const StationEdit = () => {
fullWidth fullWidth
InputLabelProps={{shrink: true}} InputLabelProps={{shrink: true}}
type="number" type="number"
label={'Latitude'} label={'Широта'}
name="latitude" name="latitude"
/> />
<TextField <TextField
{...register('longitude', { {...register('longitude', {
required: 'This field is required', required: 'Это поле является обязательным',
valueAsNumber: true, valueAsNumber: true,
})} })}
error={!!(errors as any)?.longitude} error={!!(errors as any)?.longitude}
@ -63,7 +63,7 @@ export const StationEdit = () => {
fullWidth fullWidth
InputLabelProps={{shrink: true}} InputLabelProps={{shrink: true}}
type="number" type="number"
label={'Longitude'} label={'Долгота'}
name="longitude" name="longitude"
/> />
</Box> </Box>

10
src/pages/station/list.tsx
View File

@ -20,7 +20,7 @@ export const StationList = () => {
}, },
{ {
field: 'name', field: 'name',
headerName: 'Name', headerName: 'Название',
type: 'string', type: 'string',
minWidth: 300, minWidth: 300,
display: 'flex', display: 'flex',
@ -29,7 +29,7 @@ export const StationList = () => {
}, },
{ {
field: 'latitude', field: 'latitude',
headerName: 'Latitude', headerName: 'Широта',
type: 'number', type: 'number',
minWidth: 150, minWidth: 150,
display: 'flex', display: 'flex',
@ -38,7 +38,7 @@ export const StationList = () => {
}, },
{ {
field: 'longitude', field: 'longitude',
headerName: 'Longitude', headerName: 'Долгота',
type: 'number', type: 'number',
minWidth: 150, minWidth: 150,
display: 'flex', display: 'flex',
@ -47,7 +47,7 @@ export const StationList = () => {
}, },
{ {
field: 'description', field: 'description',
headerName: 'Description', headerName: 'Описание',
type: 'string', type: 'string',
display: 'flex', display: 'flex',
align: 'left', align: 'left',
@ -56,7 +56,7 @@ export const StationList = () => {
}, },
{ {
field: 'actions', field: 'actions',
headerName: 'Actions', headerName: 'Действия',
align: 'right', align: 'right',
headerAlign: 'center', headerAlign: 'center',
minWidth: 120, minWidth: 120,

36
src/pages/station/show.tsx
View File

@ -96,19 +96,19 @@ export const StationShow = () => {
} }
const fields = [ const fields = [
{label: 'ID', data: 'id'}, // {label: 'ID', data: 'id'},
{label: 'Name', data: 'name'}, {label: 'Название', data: 'name'},
{label: 'Latitude', data: 'latitude'}, {label: 'Широта', data: 'latitude'},
{label: 'Longitude', data: 'longitude'}, {label: 'Долгота', data: 'longitude'},
{label: 'Description', data: 'description'}, {label: 'Описание', data: 'description'},
] ]
const sightFields = [ const sightFields = [
{label: 'ID', data: 'id' as keyof SightItem}, // {label: 'ID', data: 'id' as keyof SightItem},
{label: 'Name', data: 'name' as keyof SightItem}, {label: 'Название', data: 'name' as keyof SightItem},
{label: 'Latitude', data: 'latitude' as keyof SightItem}, {label: 'Широта', data: 'latitude' as keyof SightItem},
{label: 'Longitude', data: 'longitude' as keyof SightItem}, {label: 'Долгота', data: 'longitude' as keyof SightItem},
{label: 'City ID', data: 'city_id' as keyof SightItem}, {label: 'ID города', data: 'city_id' as keyof SightItem},
] ]
return ( return (
@ -125,12 +125,12 @@ export const StationShow = () => {
<Stack gap={2}> <Stack gap={2}>
<Typography variant="body1" fontWeight="bold"> <Typography variant="body1" fontWeight="bold">
Linked Sights Привязанные виды
</Typography> </Typography>
<Grid container gap={2}> <Grid container gap={2}>
{sightsLoading ? ( {sightsLoading ? (
<Typography>Loading sights...</Typography> <Typography>Загрузка видов...</Typography>
) : linkedSights.length > 0 ? ( ) : linkedSights.length > 0 ? (
linkedSights.map((sight, index) => ( linkedSights.map((sight, index) => (
<Box key={index} sx={{border: '2px solid #dddddd25', padding: '20px', marginBottom: '8px'}}> <Box key={index} sx={{border: '2px solid #dddddd25', padding: '20px', marginBottom: '8px'}}>
@ -142,24 +142,24 @@ export const StationShow = () => {
))} ))}
<Button variant="outlined" color="error" onClick={() => deleteSight(sight?.id)} sx={{mt: 2}}> <Button variant="outlined" color="error" onClick={() => deleteSight(sight?.id)} sx={{mt: 2}}>
Delete Отвязать
</Button> </Button>
</Stack> </Stack>
</Box> </Box>
)) ))
) : ( ) : (
<Typography>No sights found</Typography> <Typography>Виды не найдены</Typography>
)} )}
</Grid> </Grid>
<Stack gap={2}> <Stack gap={2}>
<Typography variant="body1" fontWeight="bold"> <Typography variant="body1" fontWeight="bold">
Link Sight Привязать вид
</Typography> </Typography>
<FormControl fullWidth> <FormControl fullWidth>
<InputLabel>Sight</InputLabel> <InputLabel>Вид</InputLabel>
<Select value={selectedSightId} onChange={(e) => setSelectedSightId(Number(e.target.value))} label="Sight" fullWidth> <Select value={selectedSightId} onChange={(e) => setSelectedSightId(Number(e.target.value))} label="Вид" fullWidth>
{availableSights.map((sight) => ( {availableSights.map((sight) => (
<MenuItem key={sight.id} value={sight.id}> <MenuItem key={sight.id} value={sight.id}>
{sight.name} {sight.name}
@ -169,7 +169,7 @@ export const StationShow = () => {
</FormControl> </FormControl>
<Button variant="contained" onClick={linkSight} disabled={!selectedSightId}> <Button variant="contained" onClick={linkSight} disabled={!selectedSightId}>
Link Sight Привязать
</Button> </Button>
</Stack> </Stack>
</Stack> </Stack>

12
src/pages/vehicle/create.tsx
View File

@ -21,7 +21,7 @@ export const VehicleCreate = () => {
<Box component="form" sx={{display: 'flex', flexDirection: 'column'}} autoComplete="off"> <Box component="form" sx={{display: 'flex', flexDirection: 'column'}} autoComplete="off">
<TextField <TextField
{...register('tail_number', { {...register('tail_number', {
required: 'This field is required', required: 'Это поле является обязательным',
valueAsNumber: true, valueAsNumber: true,
})} })}
error={!!(errors as any)?.tail_number} error={!!(errors as any)?.tail_number}
@ -30,12 +30,12 @@ export const VehicleCreate = () => {
fullWidth fullWidth
InputLabelProps={{shrink: true}} InputLabelProps={{shrink: true}}
type="number" type="number"
label={'Tail Number'} label={'Номер рейса'}
name="tail_number" name="tail_number"
/> />
<TextField <TextField
{...register('type', { {...register('type', {
required: 'This field is required', required: 'Это поле является обязательным',
valueAsNumber: true, valueAsNumber: true,
})} })}
error={!!(errors as any)?.type} error={!!(errors as any)?.type}
@ -44,14 +44,14 @@ export const VehicleCreate = () => {
fullWidth fullWidth
InputLabelProps={{shrink: true}} InputLabelProps={{shrink: true}}
type="number" type="number"
label={'Type'} label={'Тип'}
name="type" name="type"
/> />
<Controller <Controller
control={control} control={control}
name="city_id" name="city_id"
rules={{required: 'This field is required'}} rules={{required: 'Это поле является обязательным'}}
defaultValue={null} defaultValue={null}
render={({field}) => ( render={({field}) => (
<Autocomplete <Autocomplete
@ -66,7 +66,7 @@ export const VehicleCreate = () => {
isOptionEqualToValue={(option, value) => { isOptionEqualToValue={(option, value) => {
return option.id === value?.id return option.id === value?.id
}} }}
renderInput={(params) => <TextField {...params} label="Select City" margin="normal" variant="outlined" error={!!errors.city_id} helperText={(errors as any)?.city_id?.message} required />} renderInput={(params) => <TextField {...params} label="Выберите город" margin="normal" variant="outlined" error={!!errors.city_id} helperText={(errors as any)?.city_id?.message} required />}
/> />
)} )}
/> />

12
src/pages/vehicle/edit.tsx
View File

@ -20,7 +20,7 @@ export const VehicleEdit = () => {
<Box component="form" sx={{display: 'flex', flexDirection: 'column'}} autoComplete="off"> <Box component="form" sx={{display: 'flex', flexDirection: 'column'}} autoComplete="off">
<TextField <TextField
{...register('tail_number', { {...register('tail_number', {
required: 'This field is required', required: 'Это поле является обязательным',
valueAsNumber: true, valueAsNumber: true,
})} })}
error={!!(errors as any)?.tail_number} error={!!(errors as any)?.tail_number}
@ -29,12 +29,12 @@ export const VehicleEdit = () => {
fullWidth fullWidth
InputLabelProps={{shrink: true}} InputLabelProps={{shrink: true}}
type="number" type="number"
label={'Tail Number'} label={'Номер рейса'}
name="tail_number" name="tail_number"
/> />
<TextField <TextField
{...register('type', { {...register('type', {
required: 'This field is required', required: 'Это поле является обязательным',
valueAsNumber: true, valueAsNumber: true,
})} })}
error={!!(errors as any)?.type} error={!!(errors as any)?.type}
@ -43,14 +43,14 @@ export const VehicleEdit = () => {
fullWidth fullWidth
InputLabelProps={{shrink: true}} InputLabelProps={{shrink: true}}
type="number" type="number"
label={'Type'} label={'Тип'}
name="type" name="type"
/> />
<Controller <Controller
control={control} control={control}
name="city_id" name="city_id"
rules={{required: 'This field is required'}} rules={{required: 'Это поле является обязательным'}}
render={({field}) => ( render={({field}) => (
<Autocomplete <Autocomplete
{...cityAutocompleteProps} {...cityAutocompleteProps}
@ -64,7 +64,7 @@ export const VehicleEdit = () => {
isOptionEqualToValue={(option, value) => { isOptionEqualToValue={(option, value) => {
return option.id === value?.id return option.id === value?.id
}} }}
renderInput={(params) => <TextField {...params} label="Select City" margin="normal" variant="outlined" error={!!errors.city_id} helperText={(errors as any)?.city_id?.message} required />} renderInput={(params) => <TextField {...params} label="Выберите город" margin="normal" variant="outlined" error={!!errors.city_id} helperText={(errors as any)?.city_id?.message} required />}
/> />
)} )}
/> />

8
src/pages/vehicle/list.tsx
View File

@ -18,7 +18,7 @@ export const VehicleList = () => {
}, },
{ {
field: 'tail_number', field: 'tail_number',
headerName: 'Tail Number', headerName: 'Номер рейса',
type: 'number', type: 'number',
minWidth: 150, minWidth: 150,
display: 'flex', display: 'flex',
@ -27,7 +27,7 @@ export const VehicleList = () => {
}, },
{ {
field: 'type', field: 'type',
headerName: 'Type', headerName: 'Тип',
type: 'number', type: 'number',
minWidth: 150, minWidth: 150,
display: 'flex', display: 'flex',
@ -36,7 +36,7 @@ export const VehicleList = () => {
}, },
{ {
field: 'city_id', field: 'city_id',
headerName: 'City ID', headerName: 'ID города',
type: 'number', type: 'number',
minWidth: 70, minWidth: 70,
display: 'flex', display: 'flex',
@ -46,7 +46,7 @@ export const VehicleList = () => {
}, },
{ {
field: 'actions', field: 'actions',
headerName: 'Actions', headerName: 'Действия',
align: 'right', align: 'right',
headerAlign: 'center', headerAlign: 'center',
minWidth: 120, minWidth: 120,

8
src/pages/vehicle/show.tsx
View File

@ -9,10 +9,10 @@ export const VehicleShow = () => {
const record = data?.data const record = data?.data
const fields = [ const fields = [
{label: 'ID', data: 'id'}, // {label: 'ID', data: 'id'},
{label: 'Tail Number', data: 'tail_number'}, {label: 'Номер рейса', data: 'tail_number'},
{label: 'Type', data: 'type'}, {label: 'Тип', data: 'type'},
{label: 'City_id', data: 'city_id'}, {label: 'ID города', data: 'city_id'},
] ]
return ( return (