Page Comparison

...

Table has few features like sorting, pagination, table search, rows limit. All these features are configurable. Default no of rows in the table configured as 10.

...

 For Employee:

 In above search connection table consumer No and Action are clickable link. If we click on consumer No it will navigate to the Connection details page. https://github.com/egovernments/frontend/blob/master/web/rainmaker/dev-packages/egov-wns-dev/src/ui-config/screens/specs/wns/connection-details.js .

Connection details document is available here Water & Sewerage - Connection Details

For employee Action as “Collect “ so that employee can collect the amount from customer for particular Connection. onclick of collect it will navigate to the Bill details page where we can see the bill amount from there we can do the PAY.https://github.com/egovernments/frontend/blob/master/web/rainmaker/dev-packages/egov-wns-dev/src/ui-config/screens/specs/wns/viewBill.js

Bill details document is available here Water & Sewerage- Bill Details

For Citizen:

The only difference between employee search connection table and citizen search connection table Consumer No are non-clickable event. Citizen can only Pay the bill. onclick of PAY button it will navigate to the employee Bill Details page we can find above.

Technical Implementation Details:

...

Locale keys for table headers are pushed in the ‘rainmaker-common’ locale module. These locale keys are available in the localStorage. We map the Table header text to the locale keys obtained from locale DB.

...

API Call Role Action mapping: