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

enable search for select modules

Browse Source
This commit is contained in:
maxim 2025-03-19 19:30:02 +03:00
parent e35818df63
commit f07f35acfe
8 changed files with 83 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -14,6 +14,13 @@ export const CarrierCreate = () => {
const {autocompleteProps: cityAutocompleteProps} = useAutocomplete({
resource: 'city',
onSearch: (value) => [
{
field: 'name',
operator: 'contains',
value,
},
],
})
return (
@ -37,6 +44,9 @@ export const CarrierCreate = () => {
isOptionEqualToValue={(option, value) => {
return option.id === value?.id
}}
filterOptions={(options, {inputValue}) => {
return options.filter((option) => option.name.toLowerCase().includes(inputValue.toLowerCase()))
}}
renderInput={(params) => <TextField {...params} label="Выберите город" margin="normal" variant="outlined" error={!!errors.city_id} helperText={(errors as any)?.city_id?.message} required />}
/>
)}

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

@ -13,6 +13,13 @@ export const CarrierEdit = () => {
const {autocompleteProps: cityAutocompleteProps} = useAutocomplete({
resource: 'city',
onSearch: (value) => [
{
field: 'name',
operator: 'contains',
value,
},
],
})
return (
@ -36,6 +43,9 @@ export const CarrierEdit = () => {
isOptionEqualToValue={(option, value) => {
return option.id === value?.id
}}
filterOptions={(options, {inputValue}) => {
return options.filter((option) => option.name.toLowerCase().includes(inputValue.toLowerCase()))
}}
renderInput={(params) => <TextField {...params} label="Выберите город" margin="normal" variant="outlined" error={!!errors.city_id} helperText={(errors as any)?.city_id?.message} required />}
/>
)}

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

@ -18,6 +18,13 @@ export const RouteCreate = () => {
const {autocompleteProps: carrierAutocompleteProps} = useAutocomplete({
resource: 'carrier',
onSearch: (value) => [
{
field: 'short_name',
operator: 'contains',
value,
},
],
})
return (
@ -41,7 +48,10 @@ export const RouteCreate = () => {
isOptionEqualToValue={(option, value) => {
return option.id === value?.id
}}
renderInput={(params) => <TextField {...params} label="Выберите перевозчика" margin="normal" variant="outlined" error={!!errors.city_id} helperText={(errors as any)?.city_id?.message} required />}
filterOptions={(options, {inputValue}) => {
return options.filter((option) => option.short_name.toLowerCase().includes(inputValue.toLowerCase()))
}}
renderInput={(params) => <TextField {...params} label="Выберите перевозчика" margin="normal" variant="outlined" error={!!errors.carrier_id} helperText={(errors as any)?.carrier_id?.message} required />}
/>
)}
/>

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

@ -18,6 +18,13 @@ export const RouteEdit = () => {
const {autocompleteProps: carrierAutocompleteProps} = useAutocomplete({
resource: 'carrier',
onSearch: (value) => [
{
field: 'short_name',
operator: 'contains',
value,
},
],
})
return (
@ -41,7 +48,10 @@ export const RouteEdit = () => {
isOptionEqualToValue={(option, value) => {
return option.id === value?.id
}}
renderInput={(params) => <TextField {...params} label="Выберите перевозчика" margin="normal" variant="outlined" error={!!errors.city_id} helperText={(errors as any)?.city_id?.message} required />}
filterOptions={(options, {inputValue}) => {
return options.filter((option) => option.short_name.toLowerCase().includes(inputValue.toLowerCase()))
}}
renderInput={(params) => <TextField {...params} label="Выберите перевозчика" margin="normal" variant="outlined" error={!!errors.carrier_id} helperText={(errors as any)?.carrier_id?.message} required />}
/>
)}
/>

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

@ -18,6 +18,13 @@ export const SightCreate = () => {
const {autocompleteProps: cityAutocompleteProps} = useAutocomplete({
resource: 'city',
onSearch: (value) => [
{
field: 'name',
operator: 'contains',
value,
},
],
})
return (
@ -83,6 +90,9 @@ export const SightCreate = () => {
isOptionEqualToValue={(option, value) => {
return option.id === value?.id
}}
filterOptions={(options, {inputValue}) => {
return options.filter((option) => option.name.toLowerCase().includes(inputValue.toLowerCase()))
}}
renderInput={(params) => <TextField {...params} label="Выберите город" margin="normal" variant="outlined" error={!!errors.city_id} helperText={(errors as any)?.city_id?.message} required />}
/>
)}

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

@ -15,8 +15,16 @@ export const SightEdit = () => {
} = useForm({})
const {id: sightId} = useParams<{id: string}>()
const {autocompleteProps: cityAutocompleteProps} = useAutocomplete({
resource: 'city',
onSearch: (value) => [
{
field: 'name',
operator: 'contains',
value,
},
],
})
return (
@ -82,6 +90,9 @@ export const SightEdit = () => {
isOptionEqualToValue={(option, value) => {
return option.id === value?.id
}}
filterOptions={(options, {inputValue}) => {
return options.filter((option) => option.name.toLowerCase().includes(inputValue.toLowerCase()))
}}
renderInput={(params) => <TextField {...params} label="Выберите город" margin="normal" variant="outlined" error={!!errors.city_id} helperText={(errors as any)?.city_id?.message} required />}
/>
)}

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

@ -16,6 +16,13 @@ export const VehicleCreate = () => {
const {autocompleteProps: cityAutocompleteProps} = useAutocomplete({
resource: 'city',
onSearch: (value) => [
{
field: 'name',
operator: 'contains',
value,
},
],
})
return (
@ -79,6 +86,9 @@ export const VehicleCreate = () => {
isOptionEqualToValue={(option, value) => {
return option.id === value?.id
}}
filterOptions={(options, {inputValue}) => {
return options.filter((option) => option.name.toLowerCase().includes(inputValue.toLowerCase()))
}}
renderInput={(params) => <TextField {...params} label="Выберите город" margin="normal" variant="outlined" error={!!errors.city_id} helperText={(errors as any)?.city_id?.message} required />}
/>
)}

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

@ -21,6 +21,13 @@ export const VehicleEdit = () => {
const {autocompleteProps: cityAutocompleteProps} = useAutocomplete({
resource: 'city',
onSearch: (value) => [
{
field: 'name',
operator: 'contains',
value,
},
],
})
return (
@ -84,6 +91,9 @@ export const VehicleEdit = () => {
isOptionEqualToValue={(option, value) => {
return option.id === value?.id
}}
filterOptions={(options, {inputValue}) => {
return options.filter((option) => option.name.toLowerCase().includes(inputValue.toLowerCase()))
}}
renderInput={(params) => <TextField {...params} label="Выберите город" margin="normal" variant="outlined" error={!!errors.city_id} helperText={(errors as any)?.city_id?.message} required />}
/>
)}