Monthly Dashboard

Owned by krishnaji
Dec 30, 2021
2 min read

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

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

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

Files Path

Primary Files: https://github.com/egovernments/punjab-mgramseva/blob/develop/frontend/mgramseva/lib/screeens/dashboard/Dashboard.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

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

SL

End Point

Request Method

Request Info

SL

End Point

Request Method

Request Info

1

dashboard-analytics/dashboard/getChartV2

POST

aggregationRequestDto : {}

requestDate : {}

headers : {}

RequestInfo : {}

2

ws-services/wc/_revenueCollectionData

POST

tenantId : {}
fromDate : {}
toDate : {}

RequestInfo : {}

3

echallan-services/eChallan/v1/_chalanCollectionData

POST

tenantId : {}
fromDate : {}
toDate : {}

RequestInfo : {}

4

/filestore/v1/files

POST

tenantId : {}

module : {}

5

/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

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

5

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 → https://github.com/egovernments/punjab-mgramseva/blob/develop/frontend/mgramseva/lib/screeens/dashboard/Dashboard.dart , 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 → https://github.com/egovernments/punjab-mgramseva/blob/develop/frontend/mgramseva/lib/providers/dashboard_provider.dart , https://github.com/misdwss/punjab-mgramseva/blob/develop/frontend/mgramseva/lib/providers/revenuedashboard_provider.dart