Monthly Dashboard

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

Link → {base url}/mgramseva/home/dashboard

User Interaction On Screen

• Users can select the year 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 Trend line graph plotted based on both Revenue and Expenditure.

• By selecting any Month from the table, users are navigated to the Expenditure and Revenue Dashboard screen.

• Users can see the WhatsApp Share button, by tapping on it users can share the Monthly dashboard as a screenshot via WhatsApp.

Files Path

Primary Files: punjab-mgramseva/Dashboard.dart at develop · egovernments/punjab-mgramseva https://github.com/misdwss/punjab-mgramseva/blob/develop/frontend/mgramseva/lib/screeens/dashboard/revenue_dashboard/revenue_charts.dart https://github.com/misdwss/punjab-mgramseva/blob/develop/frontend/mgramseva/lib/screeens/dashboard/revenue_dashboard/revenue_dashboard.dart

Secondary Files: https://github.com/misdwss/punjab-mgramseva/blob/develop/frontend/mgramseva/lib/screeens/dashboard/revenue_dashboard/revenue.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

End Point	Request Method	Request Info
dashboard-analytics/dashboard/getChartV2	POST	aggregationRequestDto : {} requestDate : {} headers : {} RequestInfo : {}
ws-services/wc/_revenueCollectionData	POST	tenantId : {} fromDate : {} toDate : {} RequestInfo : {}
echallan-services/eChallan/v1/_chalanCollectionData	POST	tenantId : {} fromDate : {} toDate : {} RequestInfo : {}
/filestore/v1/files	POST	tenantId : {} module : {}
/egov-url-shortening/shortener	POST	url : {}

Stack

1 → Home Screen + Monthly Dashboard + Revenue Dashboard + update connection screen

Pop → Revenue Dashboard screen → Home Screen

2 → Home Screen + Monthly Dashboard + Expenditure Dashboard + update expenditure screen

Pop → Expenditure Dashboard Screen → Home Screen

3 → Home Screen + Monthly Dashboard + Revenue Dashboard + update connection screen + Update Success

Pop → Home Screen

4 → Home Screen + Monthly Dashboard + Expenditure Dashboard + update expenditure 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
NestedDatePicker	https://github.com/misdwss/punjab-mgramseva/blob/develop/frontend/mgramseva/lib/components/Dashboard/nested_date_picker.dart	Nested Date Picker

Role Access Mapping

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

Files Path

Model → https://github.com/misdwss/punjab-mgramseva/blob/develop/frontend/mgramseva/lib/model/dashboard/revenue_chart.dart https://github.com/misdwss/punjab-mgramseva/blob/develop/frontend/mgramseva/lib/model/dashboard/revenue_dashboard.dart

View → punjab-mgramseva/Dashboard.dart at develop · egovernments/punjab-mgramseva , https://github.com/misdwss/punjab-mgramseva/blob/develop/frontend/mgramseva/lib/screeens/dashboard/revenue_dashboard/Custom%20Label%20widget/custom_tooltip_label_render.dart https://github.com/misdwss/punjab-mgramseva/blob/develop/frontend/mgramseva/lib/screeens/dashboard/revenue_dashboard/revenue_charts.dart https://github.com/misdwss/punjab-mgramseva/blob/develop/frontend/mgramseva/lib/screeens/dashboard/revenue_dashboard/revenue_dashboard.dart

Controller → punjab-mgramseva/dashboard_provider.dart at develop · egovernments/punjab-mgramseva , https://github.com/misdwss/punjab-mgramseva/blob/develop/frontend/mgramseva/lib/providers/revenuedashboard_provider.dart

​All content on this page by eGov Foundation is licensed under a Creative Commons Attribution 4.0 International License.