...
Filter component in DSS consist of 4 components :-
Date Range
DateRange component is a styling wrapper around DateRangePicker plugin.
...
ULB / DDR Filter
Filter on the basis of ULB and DDR (District) is done by selecting single or multiple instances of DDR/ ULB. DDR is an encapsulation of ULBs, and getChart API filters data on the basis of ULB tenants,
Sample request header -
| Code Block | ||
|---|---|---|
| ||
{
"aggregationRequestDto": {
"visualizationType": "METRIC",
"visualizationCode": "fsmTotalrequest",
"queryType": "",
"filters": {
"tenantId": [
"pb.jalandhar",
"pb.phagwara"
]
},
"moduleLevel": "",
"aggregationFactors": null,
"requestDate": {
"startDate": 1617215400000,
"endDate": 1627410599999,
"duration": "month",
"title": "Apr 1, 2021 - Jul 27, 2021"
}
},
... |
Component in itself uses MultiSelectDropdown component
...
Denomination
React Component named Switch which uses styled radio inputs.
...
External plugins
JSPDF
https:///todo
HTML2Canvas
...
HTML2Canvas
https://www.npmjs.com/package/html2canvas
XLXS
https://www.npmjs.com/package/xlsx