Disable location edit for individuals belonging to a group

Reason for disabled edit explained in location picker title Requires: openimis/openimis-fe-location_js#91 openimis/openimis-fe-core_js#259
openimis · Dec 13, 2024 · 8dce8aa · 8dce8aa
1 parent bf7c5c7
commit 8dce8aa
Show file tree

Hide file tree

Showing 3 changed files with 34 additions and 15 deletions.
diff --git a/src/actions.js b/src/actions.js
@@ -49,19 +49,27 @@ export function fetchWorkflows() {
   return graphql(payload, ACTION_TYPE.GET_WORKFLOWS);
 }
 
-const INDIVIDUAL_FULL_PROJECTION = (mm) => [
-  'id',
-  'isDeleted',
-  'dateCreated',
-  'dateUpdated',
-  'firstName',
-  'lastName',
-  'dob',
-  'jsonExt',
-  'version',
-  'userUpdated {username}',
-  `location${mm.getProjection('location.Location.FlatProjection')}`,
-];
+const INDIVIDUAL_FULL_PROJECTION = (mm, withGroupIndividuals = false) => {
+  const fields = [
+    'id',
+    'isDeleted',
+    'dateCreated',
+    'dateUpdated',
+    'firstName',
+    'lastName',
+    'dob',
+    'jsonExt',
+    'version',
+    'userUpdated {username}',
+    `location${mm.getProjection('location.Location.FlatProjection')}`,
+  ];
+
+  if (withGroupIndividuals) {
+    fields.push('groupindividuals (isDeleted: false) { edges { node { group { id } } } }');
+  }
+
+  return fields;
+};
 
 const GROUP_INDIVIDUAL_FULL_PROJECTION = [
   'id',
@@ -163,7 +171,11 @@ export function fetchGroups(mm, params) {
 }
 
 export function fetchIndividual(mm, params) {
-  const payload = formatPageQuery('individual', params, INDIVIDUAL_FULL_PROJECTION(mm));
+  const payload = formatPageQuery(
+    'individual',
+    params,
+    INDIVIDUAL_FULL_PROJECTION(mm, true),
+  );
   return graphql(payload, ACTION_TYPE.GET_INDIVIDUAL);
 }
 

diff --git a/src/components/IndividualHeadPanel.js b/src/components/IndividualHeadPanel.js
@@ -4,6 +4,7 @@ import {
   withModulesManager,
   FormPanel,
   TextInput,
+  formatMessage,
   FormattedMessage,
   PublishedComponent,
 } from '@openimis/fe-core';
@@ -22,10 +23,13 @@ const styles = (theme) => ({
 class IndividualHeadPanel extends FormPanel {
   render() {
     const {
-      edited, classes, mandatoryFieldsEmpty,
+      intl, edited, classes, mandatoryFieldsEmpty,
     } = this.props;
     const individual = { ...edited };
     const currentDate = new Date();
+    const locReadOnly = individual.groupindividuals?.edges?.length > 0;
+    const locTitle = locReadOnly ? formatMessage(intl, 'individual', 'individual.locationEditDisabledTitle') : '';
+
     return (
       <>
         <Grid container className={classes.tableTitle}>
@@ -94,9 +98,11 @@ class IndividualHeadPanel extends FormPanel {
               pubRef="location.DetailedLocation"
               withNull
               required={false}
+              readOnly={locReadOnly}
               value={!edited ? null : edited.location}
               onChange={(v) => this.updateAttribute('location', v)}
               filterLabels={false}
+              title={locTitle}
             />
           </Grid>
         </Grid>

diff --git a/src/translations/en.json b/src/translations/en.json
@@ -22,6 +22,7 @@
     "lastName": "Last Name",
     "dob": "Day of birth",
     "location": "Location",
+    "locationEditDisabledTitle": "Individual belongs to a group; Please edit location on their group",
     "isDeleted": "Show Deleted",
     "hasNoLocation": "Missing Location",
     "addButtonTooltip": "Add Individual to Group",