User management screen

health/micro-ui/web/micro-ui-internals/example/public/index.html

@@ -18,7 +18,7 @@
   <link rel="stylesheet" href="https://unpkg.com/@egovernments/digit-ui-css@1.8.0-alpha.6/dist/index.css" />
 
   <link rel="stylesheet" href="https://unpkg.com/@egovernments/digit-ui-components-css@0.0.2-beta.36/dist/index.css" />
-  <link rel="stylesheet" href="https://unpkg.com/@egovernments/digit-ui-css@1.0.76-campaign/dist/index.css" />
+  <link rel="stylesheet" href="https://unpkg.com/@egovernments/digit-ui-css@1.0.77-campaign/dist/index.css" />
 
   <link rel="stylesheet" href="https://unpkg.com/@egovernments/digit-ui-css@1.0.50-microplan/dist/index.css" />
 

health/micro-ui/web/micro-ui-internals/packages/css/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@egovernments/digit-ui-css",
-  "version": "1.0.76-campaign",
+  "version": "1.0.77-campaign",
   "license": "MIT",
   "main": "dist/index.css",
   "author": "Jagankumar <jagan.kumar@egov.org.in>",

health/micro-ui/web/micro-ui-internals/packages/css/src/components/microplan.scss

@@ -109,4 +109,13 @@
   color:orange;
   margin-top: 0.2rem;
 }
+
+.dm-code {
+  max-width: var(--dm-code-max-width, 10rem);
+  display: inline-block; /* Keep elements inline but respect width constraints */
+  white-space: nowrap; /* Prevent wrapping */
+  overflow: hidden; /* Hide overflow text */
+  text-overflow: ellipsis; /* Add ellipsis to overflowing text */
+}
+
 

health/micro-ui/web/micro-ui-internals/packages/modules/microplan/src/components/MicroplanCard.js

@@ -18,7 +18,7 @@ const MicroplanCard = () => {
     };
   };
 
-  let links = [generateLink("SETUP_MICROPLAN","setup-microplan"),generateLink("SEARCH_MICROPLANS","microplan-search")];
+  let links = [generateLink("SETUP_MICROPLAN","setup-microplan"),generateLink("SEARCH_MICROPLANS","microplan-search"),generateLink("USER_MANAGEMENT","user-management")];
 
   links = links.filter((link) => (link?.roles && link?.roles?.length > 0 ? Digit.Utils.didEmployeeHasAtleastOneRole(link?.roles) : true));
 

health/micro-ui/web/micro-ui-internals/packages/modules/microplan/src/configs/UICustomizations.js

@@ -1,8 +1,9 @@
-import { Link, useHistory } from "react-router-dom";
+import { Link } from "react-router-dom";
 import _ from "lodash";
 import React from "react";
 import { Dropdown } from "@egovernments/digit-ui-components";
 
+
 //create functions here based on module name set in mdms(eg->SearchProjectConfig)
 //how to call these -> Digit?.Customizations?.[masterName]?.[moduleName]
 // these functions will act as middlewares
@@ -12,6 +13,8 @@ const businessServiceMap = {};
 
 const inboxModuleNameMap = {};
 
+
+
 function cleanObject(obj) {
   for (const key in obj) {
     if (Object.hasOwn(obj, key)) {
@@ -49,7 +52,7 @@ export const UICustomizations = {
       // delete data.body.PlanConfigurationSearchCriteria.pagination
       data.body.PlanConfigurationSearchCriteria.status = status?.status;
       cleanObject(data.body.PlanConfigurationSearchCriteria);
-    
+
       return data;
     },
     additionalCustomizations: (row, key, column, value, t, searchResult) => {
@@ -98,4 +101,130 @@ export const UICustomizations = {
     },
   },
 
+  UserManagementConfig: {
+
+    customValidationCheck: (data) => {
+      const { phone } = data;
+      const mobileRegex = /^[0-9]{10}$/;
+
+      // Allow empty mobile number
+      if (!phone || phone.trim() === "") {
+        return false; 
+      }
+
+      // Check if phone matches the regex
+      if (!mobileRegex.test(phone)) {
+        return { error: true, label: "INVALID_MOBILE_NUMBER" }; // Return an error message if invalid
+      }
+
+      return false;
+    },
+    preProcess: (data, additionalDetails) => {
+
+      const { phone, name } = data?.state?.searchForm || {}
+      const { sortOrder } = data?.state?.filterForm || {}
+      let { roleschosen } = data?.state?.filterForm || []
+
+      if (!roleschosen) {
+        roleschosen = {}
+      }
+      // if(Object.keys(roleschosen).length === 0){
+      //   for(const obj of additionalDetails["microplanData"]){
+
+      //     roleschosen[obj["roleCode"]]=true;
+
+      //   }
+      // }
+
+      let rolesString = '';
+      if (roleschosen) {
+        rolesString = Object.keys(roleschosen).filter(role => roleschosen[role] === true).join(',');
+      }
+
+
+
+      data.params.names = name;
+
+      data.params.phone = phone;
+
+      data.params.roles = rolesString;
+      data.params.tenantId = Digit.ULBService.getCurrentTenantId();
+      cleanObject(data.params);
+      delete data.params.roleschosen;
+      delete data.params.name;
+
+
+      return data
+    },
+
+    rolesForFilter: (props) => {
+      const userInfo = Digit.UserService.getUser();
+      const tenantId = Digit.ULBService.getCurrentTenantId();
+
+      return {
+        params: {},
+        url: '/mdms-v2/v2/_search', //mdms fetch from
+
+        body: {
+          MdmsCriteria: {
+            tenantId: "mz",
+            filters: {},
+            schemaCode: "hcm-microplanning.rolesForMicroplan",
+            limit: 10,
+            offset: 0
+          }
+
+        },
+        config: {
+          enabled: true,
+          select: (data) => {
+            const roles = data?.mdms.map(item => {
+              return (
+                {
+                  roleCode: item.data.roleCode,
+                  i18nKey: Digit.Utils.locale.getTransformedLocale(`MP_ROLE_${item.data.roleCode}`)
+
+                }
+              )
+            })
+
+            return roles
+          },
+        },
+        // changeQueryName:"setPlantUsersInboxDropdown"
+      }
+    },
+
+
+
+
+    additionalCustomizations: (row, key, column, value, t, searchResult) => {
+
+
+      if (key === "Role") {
+
+        if (value && value !== "NA") {
+
+          return (
+            <div>
+              {value.map((item, index) => (
+                <span key={index} className="dm-code">
+                  {Digit.Utils.locale.getTransformedLocale(`MP_ROLE_${item.code}`)}
+                  {index < value.length - 1 && ", "}
+                </span>
+              ))}
+            </div>
+          );
+        } 
+
+      }else{
+        return(
+          <div>NA</div>
+        )
+      }
+
+    },
+
+  }
+
 };

health/micro-ui/web/micro-ui-internals/packages/modules/microplan/src/configs/UserManagementConfig.js

@@ -0,0 +1,184 @@
+export const tqmInboxConfig = {
+  "tenantId": "pb",
+  "moduleName": "UserManagementConfig",
+  "tqmInboxConfig": [
+    {
+      "label": "USER_MANAGEMENT",
+      "type": "inbox",
+      "apiDetails": {
+        "serviceName": "/health-hrms/employees/_search",
+        "requestParam": {},
+        "requestBody": {
+
+        },
+        "minParametersForSearchForm": 0,
+        "minParametersForFilterForm": 0,
+        "masterName": "commonUiConfig",
+        "moduleName": "UserManagementConfig",
+        "tableFormJsonPath": "requestParam",
+        "filterFormJsonPath": "requestParam",
+        "searchFormJsonPath": "requestParam"
+      },
+      "sections": {
+        "search": {
+          "uiConfig": {
+            "headerLabel": "ES_COMMON_SEARCH",
+            "type":"search",
+            "typeMobile":"filter",
+            "searchWrapperStyles": {
+              "flexDirection": "column-reverse",
+              "marginTop": "1.4rem",
+              "alignItems": "center",
+              "justifyContent": "end",
+              "gridColumn": "3"
+            },
+            "headerStyle": null,
+            "primaryLabel": "Search",
+            "secondaryLabel": "ES_COMMON_CLEAR_SEARCH",
+            "minReqFields": 0,
+            "defaultValues": {
+              name:"",
+              phone:""
+
+            },
+            "fields": [
+              {
+                "label": "NAME",
+                "type": "text",
+                "isMandatory": false,
+                "disable": false,
+                "populators": {
+                  "name": "name",
+                  "error": "ERR_INVALID_NAME",
+                  "style":{
+                    "marginBottom":"0px"
+                  }
+                },
+
+              },
+              {
+                "label": "CONTACT_NUMBER",
+                "type": "number",
+                "isMandatory": false,
+                "disable": false,
+                "populators": {
+                  "name": "phone",
+                  "error": "ERR_INVALID_PHONE_NUMBER",
+                  "style":{
+                    "marginBottom":"0px"
+                  },
+
+                },
+
+              },
+            ]
+          },
+          "label": "",
+          "labelMobile": "ES_COMMON_SEARCH",
+          "children": {},
+          "show": true
+        },
+        "searchResult": {
+          "uiConfig": {
+            "columns": [
+              {
+                "label": "Name",
+                "jsonPath": "user.name",
+              },
+              {
+                "label": "Email",
+                "jsonPath": "user.emailId",
+              },
+              {
+                "label": "Contact Number",
+                "jsonPath": "user.mobileNumber",
+              },
+              {
+                "label":"Role",
+                "jsonPath":"user.roles",
+                "additionalCustomization":true
+              }
+            ],
+            "enableGlobalSearch": false,
+            "enableColumnSort": true,
+            "resultsJsonPath": "Employees",
+            "tableClassName":"table pqm-table",
+            "rowClassName":"table-row-mdms table-row-mdms-hover",
+
+          },
+          "children": {},
+          "show": true
+        },
+        "links": {
+          "uiConfig": {
+            "links": [
+              {
+                "text": "Bulk Upload Users",
+                "url": "/employee",
+                "roles": [
+                  "MICROPLAN_ADMIN"
+                ]
+              },
+              {
+                "text": "Download User Data",
+                "url": "/employee",
+                "roles": [
+                  "MICROPLAN_ADMIN"
+                ]
+              }
+            ],
+            "label": "USER_MANAGEMENT",
+            "logoIcon": {
+              "component": "TqmInboxIcon",
+              "customClass": "inbox-links-icon"
+            }
+          },
+          "children": {},
+          "show": true
+        },
+        "filter": {
+          "uiConfig": {
+            "headerLabel": "TQM_INBOX_FILTER",
+            "secondaryLabel": "ES_COMMON_CLEAR_SEARCH",
+            "formClassName": "filter",
+            "type": "filter",
+            "typeMobile":"sort",
+            "headerStyle": null,
+            "primaryLabel": "Filter",
+            "minReqFields": 0,
+            "defaultValues": {
+              "roleschosen": [],
+            },
+            "fields": [
+
+              {
+                "label": "ROLES",
+                "type": "apicheckboxes",
+                "isMandatory": false,
+                "disable": false,
+                "populators": {
+                  "optionsCustomStyle": {
+                    "top": "2.3rem"
+                  },
+                  "name": "roleschosen",
+                  "optionsKey": "roleCode",
+                  "labelKey":"i18nKey",
+                  "allowMultiSelect": false,
+                  "masterName": "commonUiConfig",
+                  "moduleName": "UserManagementConfig",
+                  "customfn": "rolesForFilter"
+                },
+              },
+            ]
+          },
+          "label": "Filter",
+          "labelMobile": "TQM_INBOX_FILTER",
+          "show": true
+        }
+      },
+      "additionalSections": {},
+      "persistFormData":true,
+      "showAsRemovableTagsInMobile":true
+    }
+  ]
+}