Displays project.allowsMultipleEnrollments field

and it use for project create and update

Author: weilu

src/actions.js

@@ -78,6 +78,7 @@ const PROJECT_FULL_PROJECTION = (modulesManager) => [
   'workingDays',
   'activity {id, name}',
   'location' + modulesManager.getProjection('location.Location.FlatProjection'),
+  'allowsMultipleEnrollments',
   'isDeleted',
   'userUpdated {username}',
   'version',
@@ -330,6 +331,8 @@ function formatProjectGQL(project) {
     ${project?.name ? `name: "${formatGQLString(project.name)}"` : ''}
     ${project?.targetBeneficiaries ? `targetBeneficiaries: ${project.targetBeneficiaries}` : ''}
     ${project?.workingDays ? `workingDays: ${project.workingDays}` : ''}
+    ${(project?.allowsMultipleEnrollments !== undefined && project.allowsMultipleEnrollments !== null)
+    ? `allowsMultipleEnrollments: ${project.allowsMultipleEnrollments}` : ''}
     ${project?.status ? `status: "${project.status}"` : ''}
     ${project?.activity?.id ? `activityId: "${project.activity.id}"` : ''}
     ${project?.location?.uuid ? `locationId: "${project.location.uuid}"` : ''}

src/components/ProjectHeadPanel.js

@@ -18,6 +18,7 @@ import {
 } from '../actions';
 import ProjectStatusPicker from '../pickers/ProjectStatusPicker';
 import ActivityPicker from '../pickers/ActivityPicker';
+import ProjectAllowsMultiEnrollmentPicker from '../pickers/ProjectAllowsMultiEnrollmentPicker';
 
 const styles = (theme) => ({
   item: theme.paper.item,
@@ -116,6 +117,16 @@ class ProjectHeadPanel extends FormPanel {
           />
         </Grid>
 
+        <Grid item xs={4} className={classes.item}>
+          <ProjectAllowsMultiEnrollmentPicker
+            label="project.allowsMultipleEnrollments"
+            value={project?.allowsMultipleEnrollments ?? false}
+            onChange={(v) => this.updateAttribute('allowsMultipleEnrollments', v)}
+            readOnly={readOnly}
+            required={false}
+          />
+        </Grid>
+
         <Grid item xs={4} className={classes.item}>
           <ProjectStatusPicker
             required

src/pickers/ProjectAllowsMultiEnrollmentPicker.js

@@ -0,0 +1,76 @@
+import React, { useEffect } from 'react';
+import { formatMessage } from '@openimis/fe-core';
+import { injectIntl } from 'react-intl';
+import { withTheme, withStyles } from '@material-ui/core/styles';
+import {
+  Select,
+  InputLabel,
+  FormControl,
+  MenuItem,
+} from '@material-ui/core';
+import {
+  MODULE_NAME,
+} from '../constants';
+
+const styles = (theme) => ({
+  label: {
+    color: theme.palette.primary.main,
+  },
+  formControl: {
+    position: 'relative',
+  },
+});
+
+function ProjectAllowsMultiEnrollmentPicker({
+  intl,
+  classes,
+  value,
+  label,
+  onChange,
+  required,
+  readOnly = false,
+  withNull = false,
+  nullLabel = null,
+}) {
+  const options = [
+    { value: true, label: formatMessage(intl, MODULE_NAME, 'common.true') },
+    { value: false, label: formatMessage(intl, MODULE_NAME, 'common.false') },
+  ];
+
+  const handleChange = (e) => {
+    if (value !== e.target.value) {
+      onChange(e.target.value);
+    }
+  };
+
+  useEffect(() => {
+    if (withNull) {
+      options.unshift({
+        value: null,
+        label: nullLabel || formatMessage(intl, MODULE_NAME, 'common.any'),
+      });
+    }
+  }, []);
+
+  return (
+    <FormControl required={required} fullWidth className={classes.formControl}>
+      <InputLabel shrink className={classes.label}>
+        {formatMessage(intl, MODULE_NAME, label)}
+      </InputLabel>
+      <Select
+        readOnly={readOnly}
+        options={options}
+        value={value}
+        onChange={handleChange}
+      >
+        {options.map((option) => (
+          <MenuItem value={option.value}>
+            {option.label}
+          </MenuItem>
+        ))}
+      </Select>
+    </FormControl>
+  );
+}
+
+export default injectIntl(withTheme(withStyles(styles)(ProjectAllowsMultiEnrollmentPicker)));

src/translations/en.json

@@ -213,6 +213,7 @@
       "mutationLabel": "Enrolled {n} beneficiaries in project {name}"
     },
     "isDeleted": "Show Deleted",
+    "allowsMultipleEnrollments": "Allow beneficiaries to enroll in multiple projects",
     "searcherResultsTitleHistory": "{projectsHistoryTotalCount} Historical Records Found",
     "version": "Version",
     "dateUpdated": "Date Updated",