Added templating and access requests buttons to the new model create screen

frontend/src/entry/CreateEntry.tsx

@@ -1,4 +1,4 @@
-import { ArrowBack, FileUpload, Lock, LockOpen } from '@mui/icons-material'
+import { ArrowBack, FileUpload, FolderCopy, Gavel, Lock, LockOpen } from '@mui/icons-material'
 import ExpandMoreIcon from '@mui/icons-material/ExpandMore'
 import LoadingButton from '@mui/lab/LoadingButton'
 import {
@@ -13,6 +13,7 @@ import {
   Radio,
   RadioGroup,
   Stack,
+  Switch,
   Tooltip,
   Typography,
 } from '@mui/material'
@@ -60,6 +61,8 @@ export default function CreateEntry({ createEntryKind, onBackClick }: CreateEntr
   const [collaborators, setCollaborators] = useState<CollaboratorEntry[]>(
     currentUser ? [{ entity: `${EntityKind.USER}:${currentUser?.dn}`, roles: ['owner'] }] : [],
   )
+  const [ungovernedAccess, setungovernedAccess] = useState(false)
+  const [allowTemplating, setAllowTemplating] = useState(false)
   const [errorMessage, setErrorMessage] = useState('')
   const [loading, setLoading] = useState(false)
 
@@ -86,6 +89,8 @@ export default function CreateEntry({ createEntryKind, onBackClick }: CreateEntr
       visibility,
       collaborators,
       settings: {
+        ungovernedAccess,
+        allowTemplating,
         mirror: {
           sourceModelId,
         },
@@ -102,7 +107,7 @@ export default function CreateEntry({ createEntryKind, onBackClick }: CreateEntr
     }
   }
 
-  const privateLabel = () => {
+  const privateLabel = useMemo(() => {
     return (
       <Stack direction='row' justifyContent='center' alignItems='center' spacing={1}>
         <Lock />
@@ -114,9 +119,9 @@ export default function CreateEntry({ createEntryKind, onBackClick }: CreateEntr
         </Stack>
       </Stack>
     )
-  }
+  }, [createEntryKind])
 
-  const publicLabel = () => {
+  const publicLabel = useMemo(() => {
     return (
       <Stack direction='row' justifyContent='center' alignItems='center' spacing={1}>
         <LockOpen />
@@ -128,7 +133,35 @@ export default function CreateEntry({ createEntryKind, onBackClick }: CreateEntr
         </Stack>
       </Stack>
     )
-  }
+  }, [createEntryKind])
+
+  const allowTemplatingLabel = useMemo(() => {
+    return (
+      <Stack direction='row' justifyContent='center' alignItems='center' spacing={1}>
+        <FolderCopy />
+        <Stack sx={{ my: 1 }}>
+          <Typography fontWeight='bold'>Templating</Typography>
+          <Typography variant='caption'>
+            {`Allow this to be used as a template for another ${EntryKindLabel[createEntryKind]}`}
+          </Typography>
+        </Stack>
+      </Stack>
+    )
+  }, [createEntryKind])
+
+  const ungovernedAccessLabel = useMemo(() => {
+    return (
+      <Stack direction='row' justifyContent='center' alignItems='center' spacing={1}>
+        <Gavel />
+        <Stack sx={{ my: 1 }}>
+          <Typography fontWeight='bold'>Ungoverned Access Requests</Typography>
+          <Typography variant='caption'>
+            {`Allow users to request access without the need for authorisation from ${EntryKindLabel[createEntryKind]} owners`}
+          </Typography>
+        </Stack>
+      </Stack>
+    )
+  }, [createEntryKind])
 
   if (isCurrentUserError) {
     return <MessageAlert message={isCurrentUserError.info.message} severity='error' />
@@ -182,13 +215,13 @@ export default function CreateEntry({ createEntryKind, onBackClick }: CreateEntr
                 <FormControlLabel
                   value='public'
                   control={<Radio />}
-                  label={publicLabel()}
+                  label={publicLabel}
                   data-test='publicButtonSelector'
                 />
                 <FormControlLabel
                   value='private'
                   control={<Radio />}
-                  label={privateLabel()}
+                  label={privateLabel}
                   data-test='privateButtonSelector'
                 />
               </RadioGroup>
@@ -224,6 +257,31 @@ export default function CreateEntry({ createEntryKind, onBackClick }: CreateEntr
                     ]}
                   />
                 </Box>
+                <Stack spacing={2}>
+                  <Typography variant='h6' component='h2'>
+                    Additional settings
+                  </Typography>
+                  <FormControlLabel
+                    control={
+                      <Switch
+                        onChange={(e) => setungovernedAccess(e.target.checked)}
+                        checked={ungovernedAccess}
+                        size='small'
+                      />
+                    }
+                    label={ungovernedAccessLabel}
+                  />
+                  <FormControlLabel
+                    control={
+                      <Switch
+                        onChange={(event) => setAllowTemplating(event.target.checked)}
+                        checked={allowTemplating}
+                        size='small'
+                      />
+                    }
+                    label={allowTemplatingLabel}
+                  />
+                </Stack>
               </AccordionDetails>
             </Accordion>
             <Box sx={{ textAlign: 'right' }}>

frontend/types/types.ts

@@ -428,6 +428,8 @@ export interface EntryForm {
   visibility: EntryVisibilityKeys
   collaborators?: CollaboratorEntry[]
   settings?: {
+    ungovernedAccess: boolean
+    allowTemplating: boolean
     mirror?: {
       sourceModelId?: string
       destinationModelId?: string