Employee: Modify Application Details

Water and Sewerage modify application feature for employees - technical implementation doc

Objective: Provide employees with specific workflow actions.

The same screen is used for both application details and to modify application details. The page provides the details of these workflows based on the conditions.

Workflow Details

Modify Application Details

Clicking on the Application Number in the inbox/search screen/connection search routes users to the application details screen. A search call is made before rendering the screen and details are populated based on the search response.

Modify Application Details Screen

Timeline View:

Downloads

Water & Sewerage Workflow Table

Implementation Details

Hook details for application details search:

  let { isLoading, isError, data: applicationDetails, error } = Digit.Hooks.ws.useWSModifyDetailsPage(t, tenantId, applicationNumber, serviceType, userInfo, { privacy: Digit.Utils.getPrivacyObject() });

File Path: https://github.com/egovernments/DIGIT-Dev/blob/develop/frontend/micro-ui/web/micro-ui-internals/packages/modules/ws/src/pages/employee/ModifyApplicationDetails.js

It is common for all modules, find the path here: https://github.com/egovernments/DIGIT-Dev/blob/develop/frontend/micro-ui/web/micro-ui-internals/packages/modules/templates/ApplicationDetails/index.js

Method Reference:

const applicationDownloadObject = { order: 3, label: t("WS_APPLICATION"), onClick: handleDownloadPdf, };

File Path: https://github.com/egovernments/DIGIT-Dev/blob/develop/frontend/micro-ui/web/micro-ui-internals/packages/modules/ws/src/pages/employee/ModifyApplicationDetails.js

Localisation Details

Localisation keys are added in the ‘rainmaker-ws’ locale module.

Water & Sewerage Workflow:

API Call Role Action Mapping

PreviousEmployee: Modify Create Flow NextEmployee: Disconnection Create Flow

Last updated 1 year ago