Page Comparison

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

User will be Landed/Navigated Users are redirected to this screen after selection of if they select the GPWSC Dashboard option on Home Screenthe home screen.

...

User Interaction on Screen

...

Users can select the year month from the drop-down which contains the list of financial yearsthe 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 user , users can search connections by using connection ID.
User Users can can see the connection connections data based on the property type by selecting on respective tabs 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.dart https://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

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
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

Code Block
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

Versions Compared

Old Version 11

New Version Current

Key