Collections Dashboard

Overview

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

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

User Interaction On Screen

• Users can select the year from the drop-down which contains the list of financial years.
• From the text field, users can search for connections by using the 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.

Files Path

Primary Files:

​punjab-mgramseva/Dashboard.dart at develop · egovernments/punjab-mgramseva

​​punjab-mgramseva/search_expense.dart at develop · egovernments/punjab-mgramseva

API Details

End Point	Request Method	Request Info
/ws-services/wc/_search	POST	tenantId : {} offset ; {} limit : {} fromDate : {} toDate : {} iscollectionAmount: {} isPropertyCount: {} propertyType: {} connectionNumber: {} freeSearch: {} sortOrder ; {} sortBy : {}

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

Widgets	File Path	Description
Pagination	https://github.com/egovernments/punjab-mgramseva/blob/develop/frontend/mgramseva/lib/widgets/pagination.dart	Pagination
BuildTextField	https://github.com/egovernments/punjab-mgramseva/blob/develop/frontend/mgramseva/lib/widgets/TextFieldBuilder.dart	Text Field
BillsTable	https://github.com/egovernments/punjab-mgramseva/blob/develop/frontend/mgramseva/lib/components/Dashboard/BillsTable.dart	Table
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

Controller → punjab-mgramseva/dashboard_provider.dart at develop · egovernments/punjab-mgramseva ,punjab-mgramseva/search_connection_repo.dart at develop · egovernments/punjab-mgramseva

View → punjab-mgramseva/Dashboard.dart at develop · egovernments/punjab-mgramseva , punjab-mgramseva/search_expense.dart at develop · egovernments/punjab-mgramseva

Model → punjab-mgramseva/water_connections.dart at develop · egovernments/punjab-mgramseva