Help/FAQ section Citizen UI
- JaganKumar
- Ramkrishna Sahoo
Objective
Product Page:
To enable citizens to access features such as Pay Via WhatsApp.
Shows specific data to provide a brief about the particular tenant.
Dynamic Data:
The dynamic data are displayed in Orange cells. We get the dynamic data from the particular service APIs. These APIs are made open search, So that Citizens can check these data even if they are not logged in.
MDMS:
We are getting the static data like Helpline , Service Center, Pay Via whats app link and validity of an application from the MDMS config.
If we do not want any of the card to be displayed, then we can remove them from MDMS for the particular service.
"MdmsCriteria": {
"tenantId": "pb",
"moduleDetails": [
{
"moduleName": "common-masters",
"masterDetails": [
{
"name": "StaticData"
}
]
}
]
}Add Link to FAQs and How it works for each module:
We can add FAQs and How it works link in the mdms for each service.
Navigation URL for FAQs: "/digit-ui/citizen/{module}-faq"
(Replace {module} with moduleCode. For Ex: "/digit-ui/citizen/pt-faq")
Navigation URL for How it works : "/digit-ui/citizen/{module}-how-it-works"
(Replace {module} with moduleCode. For Ex: "/digit-ui/citizen/pt-how-it-works")
Object reference:
{"id": 2331,
"name": "PT_FAQ_S",
"url": "digit-ui-card",
"displayName": "FAQs",
"orderNumber": 1,
"parentModule": "PT",
"enabled": true,
"navigationURL": "/digit-ui/citizen/pt-faq",
"leftIcon": "propertyIcon",
"sidebar": "digit-ui-links",
"sidebarURL": "/digit-ui/citizen/pt-home" }
FAQs:
Users can check for frequently asked / common questions in this page.
We are using a common screen for all the modules FAQs. Based on the module code, the FAQs are rendered from MDMS.
Add new FAQs to the list:
We can add new FAQs to the list by adding a new object in the MDMS config for the respective service.
Object reference:
"TL" : {
"faqs": [{
"question": "TL_FAQ_QUES_ONE",
"answer": "TL_FAQ_ANS_ONE"}
]}
MDMS:
FAQs are added for each service from MDMS Config.
We can add more faqs in the MDMS and those will be shown in UI.
"MdmsCriteria": {
"tenantId": "pb",
"moduleDetails": [
{
"moduleName": "common-masters",
"masterDetails": [
{
"name": "faqs"
}
]
}
]
}How it Works ? :
Users can check what they can do or how they can get the benefits of a particular service.
We are using a common screen for all the modules How it works section. Based on the module code, the Cards are rendered from MDMS.
Add new Card to the list:
We can add new Card to the list by adding a new object in the MDMS config for the respective service.
On Language change, the link to the videos also changes.
Object reference:
{"moduleCode" : "PT",
"videosJson": [{
"headerLabel": "ADD_PROPERTY",
"description": "ADD_PROPERTY_VIDEO_DESC",
"en_IN": "http://media.w3.org/2010/05/sintel/trailer.mp4",
"hi_IN": "http://media.w3.org/2010/05/sintel/trailer.mp4"},
"pdfHeader": "CITIZEN_CHARTER_DOCUMENT",
"pdfDesc": "CITIZEN_CHARTER_DOC_DESC"}
MDMS:
How it works Properties and Videos link are added for each service from MDMS Config.
"MdmsCriteria": {
"tenantId": "pb",
"moduleDetails": [
{
"moduleName": "common-masters",
"masterDetails": [
{
"name": "howItWorks"
}
]
}
]
}
API Calls to get the dynamic data :
Service | Navigation Screen URL | API | Payload Params | |
|---|---|---|---|---|
| 1 | PT |
|
|
|
| 2 | TL |
|
|
|
| 3 | WS |
|
|
|
| 4 | PGR |
|
|
|
| 5 | BPA |
|
|
|
| 6 | MCOLLECT |
|
|
|