Description:
...
{
"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"
}]}
...
Each card header is localized and having info icon with tooltip option which displays header and can display description.
Number of cards in row and in page is driven by backend. Backend provides row number to each card where it should be displayed.
Card containing option icon which contains Image download and Image share option.
Image download and share uses id from vizArray in order to differentiate each cards in a page.
Download and Share (refer figure 2.9) :
1.Download having two option to dowload data, i.e, Image and PDF
...
https://mseva-uat.lgpunjab.gov.in/egov-url-shortening/shortener
Configurations:
{
'BASE_URL': '/dashboard-analytics',
'UPLOAD_URL': '',
'POWERED_BY': 'Tarento',
'APP_NAME': '/dashboard/',
'FILE_UPLOAD':'/filestore/v1/files',
'FETCH_FILE':'/filestore/v1/files/url',
'MDMS': '/egov-mdms-service/v1/_search',
'SHORTEN_URL':'/egov-url-shortening/shortener',
'DOC_EXTENSION':['_small','_medium','_large'],
'CHART_COLOR_CODE':["#35a2eb", "#f19c56", "#4c76c7", "#ff6384", '#FFC107', '#009688', '#9C27B0', '#4CAF50',"#99d4fa", "#179cf4", "#1d9cf4", "#1sacq4", "#1gvcf4"],
'MODULE_LEVEL':[
{'dashboard':null},
{'propertytax':{'services_name':'Property Tax','filterKey':'PT'}},
{'tradelicense':{'services_name':'Trade licence','filterKey':'TL'}},
{'pgr':{'services_name':'PGR','filterKey':'PGR'}},
{'ws':{'services_name':'W&S','filterKey':'W&S'}}
],
'SERVICES': ["Property Tax", "Trade licence","PGR"]
}Github link for config : https://github.com/egovernments/frontend/blob/dss-dashboard/web/dss-dashboard/src/config/configs.js
...
Localization keys:
Module name: rainmaker-dss
...