Collections Dashboard

Link. → {base url}/mgramseva/home/dashboard?tab=0.

Users are redirected to this screen if they select the GPWSC Dashboard option on the home screen.

User Interaction on Screen

Users can select the month from the drop-down which contains the list of the last 5 Financial years, on tap of any year respective months will be displayed.
Users can see the user satisfaction average scores of the selected month.
Users can see the collection metric information of Demand, Pending collection, Actual Collection, Collection from Residential, Collection from Commercial, Collection from others, Consumer Paid, Residentials Paid, and Commercial Paid.
From the text field, users can search connections by using connection ID.
Users can see the connections data based on the property type for each respective tab (Ex: All, Residential, Commercial).
Initially, only 10 connections are loaded for the selected tab. The pagination dropdown and right arrow click enable users to view more connections.
By selecting any connection ID users are navigated to the Connection update screen.
User can see the WhatsApp Share button, by tapping on it user can share the connections as a PDF via WhatsApp.

Files Path

Primary Files: , https://github.com/egovernments/punjab-mgramseva/blob/develop/frontend/mgramseva/lib/screeens/dashboard/Dashboard.dart https://github.com/egovernments/punjab-mgramseva/blob/develop/frontend/mgramseva/lib/screeens/dashboard/search_expense.dart

https://github.com/misdwss/punjab-mgramseva/blob/develop/frontend/mgramseva/lib/screeens/dashboard/dashboard_pdf.darthttps://github.com/misdwss/punjab-mgramseva/blob/develop/frontend/mgramseva/lib/components/Dashboard/nested_date_picker.dart https://github.com/misdwss/punjab-mgramseva/blob/develop/frontend/mgramseva/lib/components/Dashboard/DashboardCard.dart

API Details

SL	End Point	Request Method	Request Info

SL

End Point

Request Method

Request Info

1

/ws-services/wc/_search

POST

tenantId : {}
offset ; {}
limit : {}
fromDate : {}
toDate : {}
iscollectionAmount: {}
isPropertyCount: {}
propertyType: {}
connectionNumber: {}
freeSearch: {}

sortOrder ; {}
sortBy : {}

2

/filestore/v1/files

POST

tenantId : {}

module : {}

3

/egov-url-shortening/shortener

POST

url : {}

Stack

1 → Home Screen. + Dashboard collection screen + update connection screen

Pop → Dashboard collection screen → Home Screen

2 → Home Screen. + Dashboard collection screen + update connection screen + Update Success

Pop → Home Screen

Widgets Utilised from Library

SL No	Widgets	File Path	Description

SL No	Widgets	File Path	Description
1	`Pagination`	https://github.com/egovernments/punjab-mgramseva/blob/develop/frontend/mgramseva/lib/widgets/pagination.dart	Pagination
2	`BuildTextField`	https://github.com/egovernments/punjab-mgramseva/blob/develop/frontend/mgramseva/lib/widgets/TextFieldBuilder.dart	Text Field
3	`BillsTable`	https://github.com/egovernments/punjab-mgramseva/blob/develop/frontend/mgramseva/lib/components/Dashboard/BillsTable.dart	Table
4	`LabelText`	https://github.com/egovernments/punjab-mgramseva/blob/develop/frontend/mgramseva/lib/widgets/LabelText.dart	Subtitle

Role Access Mapping

case Routes.DASHBOARD:
  return ['SUPERUSER', 'DASHBOARD_VIEWER'];

Files Path

Model → https://github.com/egovernments/punjab-mgramseva/blob/develop/frontend/mgramseva/lib/model/connection/water_connections.dart

View → https://github.com/egovernments/punjab-mgramseva/blob/develop/frontend/mgramseva/lib/screeens/dashboard/Dashboard.dart , https://github.com/egovernments/punjab-mgramseva/blob/develop/frontend/mgramseva/lib/screeens/dashboard/search_expense.dart

Controller → https://github.com/egovernments/punjab-mgramseva/blob/develop/frontend/mgramseva/lib/providers/dashboard_provider.dart ,https://github.com/egovernments/punjab-mgramseva/blob/develop/frontend/mgramseva/lib/repository/search_connection_repo.dart