aboutsummaryrefslogtreecommitdiff
path: root/modern/src/DevicePage.js
diff options
context:
space:
mode:
Diffstat (limited to 'modern/src/DevicePage.js')
-rw-r--r--modern/src/DevicePage.js37
1 files changed, 36 insertions, 1 deletions
diff --git a/modern/src/DevicePage.js b/modern/src/DevicePage.js
index 900b279..a4b2e8b 100644
--- a/modern/src/DevicePage.js
+++ b/modern/src/DevicePage.js
@@ -3,7 +3,7 @@ import TextField from '@material-ui/core/TextField';
import t from './common/localization';
import EditItemView from './EditItemView';
-import { Accordion, AccordionSummary, AccordionDetails, makeStyles, Typography } from '@material-ui/core';
+import { Accordion, AccordionSummary, AccordionDetails, makeStyles, Typography, FormControl, InputLabel, Select } from '@material-ui/core';
import ExpandMoreIcon from '@material-ui/icons/ExpandMore';
const useStyles = makeStyles(() => ({
@@ -12,6 +12,30 @@ const useStyles = makeStyles(() => ({
},
}));
+const deviceCategories = [
+ 'default',
+ 'animal',
+ 'bicycle',
+ 'boat',
+ 'bus',
+ 'car',
+ 'crane',
+ 'helicopter',
+ 'motorcycle',
+ 'offroad',
+ 'person',
+ 'pickup',
+ 'plane',
+ 'ship',
+ 'tractor',
+ 'train',
+ 'tram',
+ 'trolleybus',
+ 'truck',
+ 'van',
+ 'scooter',
+];
+
const DevicePage = () => {
const classes = useStyles();
@@ -67,6 +91,17 @@ const DevicePage = () => {
onChange={(event) => setItem({...item, contact: event.target.value})}
label={t('deviceContact')}
variant="filled" />
+ <FormControl margin="normal" variant="filled">
+ <InputLabel>{t('deviceCategory')}</InputLabel>
+ <Select
+ native
+ defaultValue={item.category}
+ onChange={(event) => setItem({...item, category: event.target.value})}>
+ {deviceCategories.map((category) => (
+ <option value={category}>{t(`category${category.replace(/^\w/, c => c.toUpperCase())}`)}</option>
+ ))}
+ </Select>
+ </FormControl>
</AccordionDetails>
</Accordion>
</>