Add attributes to device

2 files changed, 28 insertions, 0 deletions

diff --git a/modern/src/DevicePage.js b/modern/src/DevicePage.js
index f2985408..b531f46b 100644
--- a/modern/src/DevicePage.js
+++ b/modern/src/DevicePage.js
@@ -6,6 +6,8 @@ import EditItemView from './EditItemView';
 import { Accordion, AccordionSummary, AccordionDetails, makeStyles, Typography, FormControl, InputLabel, Select, FormControlLabel, Checkbox } from '@material-ui/core';
 import ExpandMoreIcon from '@material-ui/icons/ExpandMore';
 import { useEffectAsync } from './reactHelper';
+import EditAttributesView from './attributes/EditAttributesView';
+import deviceAttributes from './attributes/deviceAttributes';
 
 const useStyles = makeStyles(() => ({
   details: {
@@ -130,6 +132,20 @@ const DevicePage = () => {
                 label={t('sharedDisabled')} />
             </AccordionDetails>
           </Accordion>
+          <Accordion>
+            <AccordionSummary expandIcon={<ExpandMoreIcon />}>
+              <Typography variant="subtitle1">
+                {t('sharedAttributes')}
+              </Typography>
+            </AccordionSummary>
+            <AccordionDetails className={classes.details}>
+              <EditAttributesView
+                attributes={item.attributes}
+                setAttributes={attributes => setItem({...item, attributes})}
+                definitions={deviceAttributes}
+                />
+            </AccordionDetails>
+          </Accordion>
         </>
       }
     </EditItemView>
diff --git a/modern/src/attributes/deviceAttributes.js b/modern/src/attributes/deviceAttributes.js
new file mode 100644
index 00000000..891a225e
--- /dev/null
+++ b/modern/src/attributes/deviceAttributes.js
@@ -0,0 +1,12 @@
+import t from '../common/localization'
+
+export default {
+  'speedLimit': {
+    name: t('attributeSpeedLimit'),
+    type: 'string',
+  },
+  'report.ignoreOdometer': {
+    name: t('attributeReportIgnoreOdometer'),
+    type: 'boolean',
+  },
+};