v1.2

Monthly 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

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:

Secondary Files:

API Details

End PointRequest MethodRequest 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

WidgetsFile PathDescription

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 →

View →

Controller →

PreviousDashboardsNextCollections Dashboard

Last updated