From 96af05dbf2171c4e194cf67c3c93d134ef467e50 Mon Sep 17 00:00:00 2001
From: Anton Tananaev <anton.tananaev@gmail.com>
Date: Sun, 27 Sep 2020 19:59:00 -0700
Subject: Add server attributes

---
 modern/src/admin/ServerPage.js | 119 +++++++++++++++++++++++------------------
 1 file changed, 67 insertions(+), 52 deletions(-)

(limited to 'modern/src/admin/ServerPage.js')

diff --git a/modern/src/admin/ServerPage.js b/modern/src/admin/ServerPage.js
index 01b8db1..d896104 100644
--- a/modern/src/admin/ServerPage.js
+++ b/modern/src/admin/ServerPage.js
@@ -8,6 +8,9 @@ import { useHistory } from 'react-router-dom';
 import { useDispatch, useSelector } from 'react-redux';
 import MainToolbar from '../MainToolbar';
 import { sessionActions } from '../store';
+import EditAttributesView from '../attributes/EditAttributesView';
+import deviceAttributes from '../attributes/deviceAttributes';
+import userAttributes from '../attributes/userAttributes';
 
 const useStyles = makeStyles(theme => ({
   container: {
@@ -49,58 +52,70 @@ const ServerPage = () => {
     <>
       <MainToolbar />
       <Container maxWidth='xs' className={classes.container}>
-        <form>
-          {item &&
-            <>
-              <Accordion defaultExpanded>
-                <AccordionSummary expandIcon={<ExpandMoreIcon />}>
-                  <Typography variant="subtitle1">
-                    {t('sharedPreferences')}
-                  </Typography>
-                </AccordionSummary>
-                <AccordionDetails className={classes.details}>
-                  <TextField
-                    margin="normal"
-                    defaultValue={item.announcement}
-                    onChange={event => setItem({...item, announcement: event.target.value})}
-                    label={t('serverAnnouncement')}
-                    variant="filled" />
-                </AccordionDetails>
-              </Accordion>
-              <Accordion>
-                <AccordionSummary expandIcon={<ExpandMoreIcon />}>
-                  <Typography variant="subtitle1">
-                    {t('sharedPermissions')}
-                  </Typography>
-                </AccordionSummary>
-                <AccordionDetails className={classes.details}>
-                  <FormControlLabel
-                    control={<Checkbox checked={item.registration} onChange={event => setItem({...item, registration: event.target.checked})} />}
-                    label={t('serverRegistration')} />
-                  <FormControlLabel
-                    control={<Checkbox checked={item.readonly} onChange={event => setItem({...item, readonly: event.target.checked})} />}
-                    label={t('serverReadonly')} />
-                  <FormControlLabel
-                    control={<Checkbox checked={item.deviceReadonly} onChange={event => setItem({...item, deviceReadonly: event.target.checked})} />}
-                    label={t('userDeviceReadonly')} />
-                  <FormControlLabel
-                    control={<Checkbox checked={item.limitCommands} onChange={event => setItem({...item, limitCommands: event.target.checked})} />}
-                    label={t('userLimitCommands')} />
-                </AccordionDetails>
-              </Accordion>
-            </>
-          }
-          <FormControl fullWidth margin='normal'>
-            <div className={classes.buttons}>
-              <Button type='button' color='primary' variant='outlined' onClick={() => history.goBack()}>
-                {t('sharedCancel')}
-              </Button>
-              <Button type='button' color='primary' variant='contained' onClick={handleSave}>
-                {t('sharedSave')}
-              </Button>
-            </div>
-          </FormControl>
-        </form>
+        {item &&
+          <>
+            <Accordion defaultExpanded>
+              <AccordionSummary expandIcon={<ExpandMoreIcon />}>
+                <Typography variant="subtitle1">
+                  {t('sharedPreferences')}
+                </Typography>
+              </AccordionSummary>
+              <AccordionDetails className={classes.details}>
+                <TextField
+                  margin="normal"
+                  defaultValue={item.announcement}
+                  onChange={event => setItem({...item, announcement: event.target.value})}
+                  label={t('serverAnnouncement')}
+                  variant="filled" />
+              </AccordionDetails>
+            </Accordion>
+            <Accordion>
+              <AccordionSummary expandIcon={<ExpandMoreIcon />}>
+                <Typography variant="subtitle1">
+                  {t('sharedPermissions')}
+                </Typography>
+              </AccordionSummary>
+              <AccordionDetails className={classes.details}>
+                <FormControlLabel
+                  control={<Checkbox checked={item.registration} onChange={event => setItem({...item, registration: event.target.checked})} />}
+                  label={t('serverRegistration')} />
+                <FormControlLabel
+                  control={<Checkbox checked={item.readonly} onChange={event => setItem({...item, readonly: event.target.checked})} />}
+                  label={t('serverReadonly')} />
+                <FormControlLabel
+                  control={<Checkbox checked={item.deviceReadonly} onChange={event => setItem({...item, deviceReadonly: event.target.checked})} />}
+                  label={t('userDeviceReadonly')} />
+                <FormControlLabel
+                  control={<Checkbox checked={item.limitCommands} onChange={event => setItem({...item, limitCommands: event.target.checked})} />}
+                  label={t('userLimitCommands')} />
+              </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={{...userAttributes, ...deviceAttributes}}
+                  />
+              </AccordionDetails>
+            </Accordion>
+          </>
+        }
+        <FormControl fullWidth margin='normal'>
+          <div className={classes.buttons}>
+            <Button type='button' color='primary' variant='outlined' onClick={() => history.goBack()}>
+              {t('sharedCancel')}
+            </Button>
+            <Button type='button' color='primary' variant='contained' onClick={handleSave}>
+              {t('sharedSave')}
+            </Button>
+          </div>
+        </FormControl>
       </Container>
     </>
   );
-- 
cgit v1.2.3