import React, { useState } from 'react'; import TextField from '@mui/material/TextField'; import { Accordion, AccordionSummary, AccordionDetails, Typography, } from '@mui/material'; import makeStyles from '@mui/styles/makeStyles'; import ExpandMoreIcon from '@mui/icons-material/ExpandMore'; import EditItemView from './components/EditItemView'; import EditAttributesView from './components/EditAttributesView'; import SelectField from '../common/components/SelectField'; import LinkField from '../common/components/LinkField'; import { useTranslation } from '../common/components/LocalizationProvider'; import SettingsMenu from './components/SettingsMenu'; import useCommonDeviceAttributes from '../common/attributes/useCommonDeviceAttributes'; import useGroupAttributes from '../common/attributes/useGroupAttributes'; import { prefixString } from '../common/util/stringUtils'; import useFeatures from '../common/util/useFeatures'; const useStyles = makeStyles((theme) => ({ details: { display: 'flex', flexDirection: 'column', gap: theme.spacing(2), paddingBottom: theme.spacing(3), }, })); const GroupPage = () => { const classes = useStyles(); const t = useTranslation(); const commonDeviceAttributes = useCommonDeviceAttributes(t); const groupAttributes = useGroupAttributes(t); const features = useFeatures(); const [item, setItem] = useState(); const validate = () => item && item.name; return ( } breadcrumbs={['settingsTitle', 'groupDialog']} > {item && ( <> }> {t('sharedRequired')} setItem({ ...item, name: event.target.value })} label={t('sharedName')} /> }> {t('sharedExtra')} setItem({ ...item, groupId: Number(event.target.value) })} endpoint="/api/groups" label={t('groupParent')} /> }> {t('sharedAttributes')} setItem({ ...item, attributes })} definitions={{ ...commonDeviceAttributes, ...groupAttributes }} /> {item.id && ( }> {t('sharedConnections')} t(prefixString('event', it.type))} label={t('sharedNotifications')} /> {!features.disableDrivers && ( )} {!features.disableComputedAttributes && ( it.description} label={t('sharedComputedAttributes')} /> )} it.description} label={t('sharedSavedCommands')} /> {!features.disableMaintenance && ( )} )} )} ); }; export default GroupPage;