From dac214c3ac6066a6f23cf92807da89cc1a86c105 Mon Sep 17 00:00:00 2001
From: Anton Tananaev <anton.tananaev@gmail.com>
Date: Sun, 25 Oct 2020 20:30:04 -0700
Subject: Implement linking field

---
 modern/src/DevicePage.js | 32 ++++++++++++++++++++++++++++++++
 1 file changed, 32 insertions(+)

(limited to 'modern/src/DevicePage.js')

diff --git a/modern/src/DevicePage.js b/modern/src/DevicePage.js
index 7c9b5671..a8a3de65 100644
--- a/modern/src/DevicePage.js
+++ b/modern/src/DevicePage.js
@@ -9,6 +9,8 @@ import EditAttributesView from './attributes/EditAttributesView';
 import deviceAttributes from './attributes/deviceAttributes';
 import SelectField from './form/SelectField';
 import { deviceCategories } from './common/deviceCategories';
+import LinkField from './form/LinkField';
+import { prefixString } from './common/stringUtils';
 
 const useStyles = makeStyles(() => ({
   details: {
@@ -107,6 +109,36 @@ const DevicePage = () => {
                 />
             </AccordionDetails>
           </Accordion>
+          {item.id &&
+            <Accordion>
+              <AccordionSummary expandIcon={<ExpandMoreIcon />}>
+                <Typography variant="subtitle1">
+                  {t('sharedConnections')}
+                </Typography>
+              </AccordionSummary>
+              <AccordionDetails className={classes.details}>
+                <LinkField
+                  margin="normal"
+                  endpointAll="/api/geofences"
+                  endpointLinked={"/api/geofences?deviceId=" + item.id}
+                  baseId={item.id}
+                  keyBase="deviceId"
+                  keyLink="geofenceId"
+                  label={t('sharedGeofences')}
+                  variant="filled" />
+                <LinkField
+                  margin="normal"
+                  endpointAll="/api/notifications"
+                  endpointLinked={"/api/notifications?deviceId=" + item.id}
+                  baseId={item.id}
+                  keyBase="deviceId"
+                  keyLink="notificationId"
+                  titleGetter={it => t(prefixString('event', it.type))}
+                  label={t('sharedNotifications')}
+                  variant="filled" />
+              </AccordionDetails>
+            </Accordion>
+          }
         </>
       }
     </EditItemView>
-- 
cgit v1.2.3