...
An Apply button is located at the footer of this popup. User can proceed to filing new Application on clicking of this apply button. The code related to this popup is written in search.js file. below is the link of the file.
For Employee:
https://github.com/egovernments/frontend/blob/master/web/rainmaker/dev-packages/egov-wns-dev/src/ui-config/screens/specs/wns/search.js
...
For Citizen:
https://github.com/egovernments/frontend/blob/master/web/rainmaker/dev-packages/egov-wns-dev/src/ui-config/screens/specs/wns-citizen/home.js
showHideAdhocPopup method is responsible for making required Document MDMS call and opening popup.
Apply for New Water & Sewerage Application divided into four forms. The configuration related to all these forms are written in apply.js file.
https://github.com/egovernments/frontend/blob/master/web/rainmaker/dev-packages/egov-wns-dev/src/ui-config/screens/specs/wns/apply.js
MDMS Configs and other actions are Explained in W&S - UI Technical Configuration
...
Second card is related to the Connection details in that Apply For specified for either User can select only Water connection/ only sewerage connection/ both water&sewerage connection. based on check box value relevant fields will populate.
Both Water & Sewerage:
For below screen shots relevant code is present in https://github.com/egovernments/frontend/blob/master/web/rainmaker/dev-packages/egov-wns-dev/src/ui-config/screens/specs/wns/applyResource/connectionDetails.js .
...
Only for sewerage:
...
For below screen shot relevant code is present in apply.js file in that formwizardFirstStep.
Only for Water:
...
Documents
Documents screen is the second step in the process. User can upload all the relevant documents asked while Creating application. Some of the documents are mandatory and its configurable so that it can be made mandatory or optional as per requirement. Below file holds all the required configuration for this screen.
...
For below screen shot relevant code is present in apply.js file in that formwizardThirdStep.
...
Multi Road Type Feature:
Earlier (Till Digit 2.2 ), it supports single type and storing the values in the string format like roadType: "BMPREMIXROAD" and roadCuttingArea: 123
Now, it supports multi type, user can add multiple road types by clicking on the add road type button and sending the values in the format of array of objects like
"roadCuttingInfo": [{ "roadType": "BMPREMIXROAD","roadCuttingArea": 123},{"roadType": "BRICKPAVING","roadCuttingArea": 123}].
Summary Screen
After successfully updating Additional details, the next step is summary page. User can see all the information entered . User has options to edit the information of each section. Upon clicking of edit icon user will navigate to respective section with all the data pre-filled. Below is the file contains all the required configuration of this screen.
...
Once user clicks on submit button, user navigates to acknowledgement screen stating that the application submitted successfully. Below is the acknowledgement configuration file.
Acknowledgement screen and acknowledgement is Explained in W&S-Application,Estimation Notice,Sanction Letter
...
W&S application is created using /ws-services/wc/_create API, the returned data is formatted and dispatched to redux
While Creating Property
creationReason: "CREATE"
...
About W&S Application-workflow is explained in Water & Sewerage Application-Workflow
API Call Role Action mapping:
S.No. | API | Action id | Roles |
|---|---|---|---|
1 |
|
|
|
2 |
|
|
|
3 |
|
|
|
4 |
|
|
|
5 |
|
|
|
6 |
|
|
|
7 |
|
|
|
8 |
|
|
|
9 |
|
|
|
10 |
|
|
|
11 |
|
|
|