BillGenie - Group Bills

Group Bills

Objective

Provide Citizen/Employee to search existing Bill ,its current status , merge bills and download.

Route - https://egov-micro-dev.egovernments.org/employee/abg/groupBills

Technical Implementation Details

Initial page.https://github.com/egovernments/frontend/blob/17a8ece5cfae9e21f9b8fbfa37ad0f2c3983bfb9/web/rainmaker/dev-packages/egov-abg-dev/src/ui-config/screens/specs/abg/groupBills.js
Initial MDMS call is being made on page load.
All the Forms and its functionality are in https://github.com/egovernments/frontend/blob/5ceee04b53b41eb9d76c5f9914589f8428f689f3/web/rainmaker/dev-packages/egov-abg-dev/src/ui-config/screens/specs/abg/groupBillResource path.
Table rendering is taken care in https://github.com/egovernments/frontend/blob/d97c0c2cd92fb0dfbe68a048be49193c1e988232/web/rainmaker/dev-packages/egov-abg-dev/src/ui-config/screens/specs/abg/groupBillResource/searchResults.js
The Group Bill search API and formatting data is in done in https://github.com/egovernments/frontend/blob/80c5bff5b0869ba44f1626fabe4a5a6133afa558/web/rainmaker/dev-packages/egov-abg-dev/src/ui-config/screens/specs/abg/groupBillResource/functions.js

Table Structure

MUIDataTable is used to implement Table component.
Every columns are entry given as an Object

{
   labelName: "Bill No.",
   labelKey: "ABG_COMMON_TABLE_COL_BILL_NO"
}

,

Any customizations at column level is by customBodyRender hook available in all the colums ‘option’ property.

Data fetch,load and render :

Once the data is fetched using egov-searcher/bill-genie/billswithaddranduser/_get API, the returned data is formatted and dispatched to redux

https://github.com/egovernments/frontend/blob/80c5bff5b0869ba44f1626fabe4a5a6133afa558/web/rainmaker/dev-packages/egov-abg-dev/src/ui-config/screens/specs/abg/groupBillResource/functions.js

As we can see from the image above, the data is put to specific path inside props.

https://github.com/egovernments/frontend/blob/d97c0c2cd92fb0dfbe68a048be49193c1e988232/web/rainmaker/dev-packages/egov-abg-dev/src/ui-config/screens/specs/abg/groupBillResource/searchResults.js

Table component now fetches the data from its props as shown below.

Api Used :

egov-mdms-service/v1/_search,
egov-searcher/bill-genie/billswithaddranduser/_get

ROLE ACTION MAPPING

S.NO	API	ROLES	ACTION ID

S.NO	API	ROLES	ACTION ID
1	`egov-mdms-service/v1/_search`	`SUPERUSER , LOA_CREATOR , WO_CREATOR , AE_CREATOR , WORKS_MASTER_CREATOR`	`954`
2	`egov-searcher/bill-genie/billswithaddranduser/_get`	`SUPERUSER` , `EMPLOYEE` , `CITIZEN`	`1804`