...
Every application is a part of the workflow.
Stepper 1:
When user tries to create new TradeLicence, a popup comes upfront before navigating to the creation form. This popup tells about documents required to upload in the process so that user can collect those in advance.
This popup data is configurable in MDMS. On clicking Apply a MDMS call is made to get the required document information. This information is passed to the Popup.
...
An Apply button is located at the footer of this popup. Users can proceed to fill a new TradeLicence application on the clicking of this apply button. The code related to this popup is written in the apply.js file. below is the link to the file. This popup is integrated in search.js file please refer the below link and below image code.
...
In this configuration we need are triggering also from the side menu and quick action so for this cases we need a mdms configuration please refer the below mdms file.
link:https://github.com/egovernments/punjab-mdms-data/blob/master/data/pb/ACCESSCONTROL-ACTIONS-TEST/actions-test.json
please check the below image for the mdms config to trigger the ashocDialog for the quick action and side menu action click.
...
Below is the MDMS call configuration is in the beforeInitScreen
method of the search page you have to import the common util method of getRequiredDocData
from the common.js file and has to call from the beforeInitScreen
with the required document as mention in the image below.
...
Stepper 2:
https://egov-micro-qa.egovernments.org/employee/tradelicence/apply?tenantId=pb.amritsar
All the dropdown drop down data are mapped through mdms response.
For to display MDMS data we have common container in UI Framework ( “DynamicMdmsContainer
“ ).
In Trade License : We used common container for Trade Category , Trade Type , Trade Sub Type , Structure Type and Sub Structure Type, Ownership , and Sub Ownership .
Sample JSON for Structure Type and Sub Structure Type :
Code Block |
---|
dynamicMdmsStructureType : { uiFramework: "custom-containers", componentPath: "DynamicMdmsContainer", props: { dropdownFields: [ { key : 'structureType', isDisabled:getQueryArg(window.location. |
...
Example :
...
href, "action") === "EDITRENEWAL"? true:false
},
{
key : 'structureSubType',
callBack : structureSubTypeChange
}
],
moduleName: "common-masters",
masterName: "StructureType",
rootBlockSub : 'structureTypes',
callBackEdit: updateStructureTypes
}
} |
Example :
jsonPath , sourceJsonPath are created as a dynamic in ( “DynamicMdmsContainer
“ ) based on module name and rootBlockSub , Key .
jsonPath is used to store the data in specified path when clicking event triggers or on handleFieldChange.
...
Accessories - https://github.com/egovernments/egov-mdms-data/blob/master/data/pb/TradeLicense/AccessoriesCategory.json
Stepper
...
3:
...
Tradelicence create call is triggered on 2nd stepper’s Next button onclick().
...
Stepper
...
4 :
Source Path : https://github.com/egovernments/frontend/blob/master/web/rainmaker/dev-packages/egov-tradelicencebpa-dev/src/ui-config/screens/specs/tradelicenceegov-bpa/applyResource/documentListdocumentDetails.js
...
Mdms data : https://github.com/egovernments/egov-mdms-data/blob/master/data/pb/TradeLicense/documentObj.json
The data formatting logic is as shown below. getDocList(state, dispatch);
in https://github.com/egovernments/frontend/blob/master/web/rainmaker/dev-packages/egov-tradelicence-dev/src/ui-config/screens/specs/utils/index.js
...
Stepper
...
5 :
This is the Review/Summary screen - https://github.com/egovernments/frontend/blob/master/web/rainmaker/dev-packages/egov-tradelicence-dev/src/ui-config/screens/specs/tradelicence/applyResource/tradeReviewDetails.js
...
Role | Credentials | Action | Next State | Status |
---|---|---|---|---|
Citizen/Counter Employee/TL_CEMP | EMP1 / Citizen / TLCEMP01 | INITIATE | INITIATED | INITIATED |
Citizen/Counter Employee/TL_CEMP | EMP1 / Citizen | APPLY | Applied/ DOCUMENTVERIFICATION | Pending for Document Verification |
TL_DOC_VERIFIER | EMP1 | FORWARD | FIELDVERIFICATION | Pending for Field Verification |
TL_FIELD_VERIFIER | EMP1 | FORWARD | PENDINGAPPROVAL | Pending for APproval |
TL_Approver | EMP1 | APPROVE | PENDINGPAYMENT | Pending for Payment |
Citizen/Counter Employee/TL_CEMP | EMP1 / TLCEMP01 | PAY | Approved | Approved |
API Call Role Action mapping:
S.No. | API | Action id | Roles |
---|---|---|---|
1 |
|
|
|
2 |
| 1684 |
|
3 |
|
|
|
4 |
|
|
|
5 |
|
|
|
6 |
|
|
|
7 |
|
|
|
8 |
|
|
|
9 |
|
|
|
10 |
|
|
|
11 |
|
| ALL |