Page Comparison

Description:

...

Code Git Repos: https://github.com/egovernments/frontend/tree/dss-dashboard/web/dss-dashboard

Here below sample REST API calls with POSTMAN.

List the type Type of users:

1. State Level Admin

2. Commissioner

3. Domain Level Employee

...

Home page contains multiple cards, each card is clickable.

...

Figure : 1

...

There are two types of cards, i.e, Overview card and module level card.

...

Request Payload for dashboardConfig :Auth

...

Figure 1.1

auth-token : which is for authenticate the request and it will fetch from local storage key called “Employee.token”

...

API Response:

...

Figure : 1.2

roleName : Which type of user.

...

Collection Chart & Module Chart refer the figure 1

...

Figure : 1.3

Visualizations List:

In dashboardConfig response visualizations key contains all rows & charts details(refer figure 1.3).

1.Each row contains the visual details like name,vizType,noUnit,isCollapsible,charts etc(refer figure 1

...

Figure : 1.3

...

.3).

1. name - Name of visualization.

2. vizType - type of visualization like COLLECTION,MODULE,METRIC-COLLECTION, PERFORMING-METRIC,CHART.

   1. COLLECTION - In home page, contains the collection data (refer figure 1).

   2. MODULE - In home page, contains the module level data (refer figure 1).

   3. METRIC-COLLECTION -

   4. PERFORMING-METRIC -

   5. CHART -

List of visualizations:

...

Figure : 2.1 - Metric-collection.

...

Figure : 2.2 - PERFORMING-METRIC.

...

Figure : 2.3 - CHART - PIE.

...

Figure : 2.4 - Chart - LINE.

...

Figure : 2.5 - Chart - BAR.

...

Figure : 2.6 - Chart - HORIZONTAL BAR.

...

Figure : 2.7 - Chart - TABLE.

...

Figure : 2.8 - GLOBAL FILTERS.

Image Added

Figure : 2.9 - DOWNLOAD & SHARE BUTTON.

ULB Dashboard:

1. ULB Dashboard is having different filters, i.e ULB’s and Wards/Blocks. The data to the filters is loaded from below MDMS api,

...

{
"statusInfo": {
"statusCode": 200,
"statusMessage": "success",
"errorMessage": ""
},
"responseData": {
"chartType": "pie",
"visualizationCode": "topFiveComplaints",
"chartFormat": null,
"drillDownChartId": "none",
"customData": null,
"dates": null,
"filter": null,
"data": [
{
"headerName": "DSS_PGR_TOP_COMPLAINTS",
"headerValue": 2150,
"headerSymbol": "number",
"insight": null,
"plots": [
{
"label": null,
"name": "Street Light Not Working",
"value": 1295,
"symbol": "number"
},
{
"label": null,
"name": "Others",
"value": 48,
"symbol": "number"
}]}
]}}

Tabs:

Currenty dashboard is having two types of tabs,

...

{
"statusInfo": {
"statusCode": 200,
"statusMessage": "success",
"errorMessage": ""
},
"responseData": [
{
"name": "DSS_PROPERTY_TAX_DASHBOARD",
"id": "propertyTax",
"title": "From Apr 01, 2019 to Feb 04, 2020",
"visualizations": [
{
"row": 1,
"name": "DSS_REVENUE",
"vizArray": [
{
"id": 211,
"name": "DSS_OVERVIEW",
"dimensions": {
"height": 350,
"width": 5
},
"vizType": "metric-collection",
"noUnit": true,
"isCollapsible": false,
"label": "DSS_OVERVIEW",
"charts": [
{
"id": "todaysCollection",
"name": "DSS_TOTAL_COLLECTION_TODAY",
"code": "",
"chartType": "metric",
"filter": "",
"headers": []
}]}
]},

{
"row": 1,
"name": "DSS_SERVICE",
"vizArray": [
{
"id": 251,
"name": "DSS_PT_TOP_3_PERFORMING_ULBS",
"dimensions": {
"height": 250,
"width": 4
},
"vizType": "performing-metric",
"isCollapsible": false,
"label": "",
"charts": [
{
"id": "topPerformingUlbsCompletionRate",
"name": "DSS_PT_TOP_3_PERFORMING_ULBS",
"code": "",
"chartType": "bar",
"filter": "",
"headers": []
}]}
]}],
"roleId": 6,
"roleName": "Admin"
}]}

...

{
"statusInfo": {
"statusCode": 200,
"statusMessage": "success",
"errorMessage": ""
},
"responseData": [
{
"name": "DSS_PROPERTY_TAX_DASHBOARD",
"id": "propertyTax",
"title": "From Apr 01, 2019 to Feb 04, 2020",
"visualizations": [
{
"row": 1,
"name": "DSS_REVENUE",
"vizArray": [
{
"id": 211,
"name": "DSS_OVERVIEW",
"dimensions": {
"height": 350,
"width": 5
},
"vizType": "metric-collection",
"noUnit": true,
"isCollapsible": false,
"label": "DSS_OVERVIEW",
"charts": [
{
"id": "todaysCollection",
"name": "DSS_TOTAL_COLLECTION_TODAY",
"code": "",
"chartType": "metric",
"filter": "",
"headers": []
}]},
{
"id": 212,
"name": "DSS_TOTAL_CUMULATIVE_COLLECTION",
"dimensions": {
"height": 350,
"width": 7
},
"vizType": "chart",
"noUnit": true,
"isCollapsible": false,
"charts": [
{
"id": "cumulativeCollection",
"name": "Monthly",
"code": "",
"chartType": "line",
"filter": "",
"headers": []
}]}
]}],
"roleId": 6,
"roleName": "Admin"
}]}

...