Citizen Landing page Config

Owned by JaganKumar
Last updated: Oct 07, 2022 by Ramkrishna Sahoo
2 min read

Description:

Details about how the Banner image and Citizen Services Card are rendered

 

UI Implementation:

The link to banner images and the labels and links of citizen services on the citizen services card are defined in the below MDMS file.

https://github.com/egovernments/egov-mdms-data/blob/DEV/data/pb/common-masters/uiHomePage.json

Banner Image:

For mobile and desktop we have different banner images link. We can change the images link on the below object

"appBannerDesktop":{

"code": "APP_BANNER_DESKTOP",

"name": "App Banner Desktop View",

"bannerUrl": "https://s3.ap-south-1.amazonaws.com/egov-qa-assets/app-banner-web.jpg", "enabled": true},

"appBannerMobile":{

"code": "APP_BANNER_MOBILE",

"name": "App Banner Mobile View",

"bannerUrl": "https://s3.ap-south-1.amazonaws.com/egov-qa-assets/app-banner-mobile.jpg", "enabled": true},

Citizen Services Card and Information & Updates Props:

Here we have two objects citizenServicesCard and informationAndUpdatesCard. Both of them have sideOption object which is a link to View All page.

props object contains the objects that we want to show on these two cards.

We can change the label of the cards and add the navigation URL for each prop, On Click of which it will navigate to the respective screen

"citizenServicesCard":{

"code": "HOME_CITIZEN_SERVICES_CARD",

"name": "Home Citizen services Card",

"enabled": true,

"headerLabel": "DASHBOARD_CITIZEN_SERVICES_LABEL",

"sideOption": {

"name": "DASHBOARD_VIEW_ALL_LABEL",

"enabled": true,

"navigationUrl": "/digit-ui/citizen/all-services" },

"props": [

{

"code": "CITIZEN_SERVICE_PGR",

"name": "Complaints",

"label": "ES_PGR_HEADER_COMPLAINT",

"enabled": true,

"navigationUrl": "/digit-ui/citizen/pgr-home"},]},

WhatsApp Banner Image and link to WhatsApp Bot:

Similar to Banner image, for WhatsApp Banner Image, we have two objects for mobile and desktop view. On click of the image it will redirect to WhatsApp bot. The redirection URL is defined in the navigation URL param.

"whatsAppBannerDesktop":{

"code": "WHATSAPP_BANNER_DESKTOP",

"name": "WhatsApp Banner Desktop View",

"bannerUrl": "https://s3.ap-south-1.amazonaws.com/egov-qa-assets/whatsapp-web.jpg", "enabled": true,

"navigationUrl": "https://api.whatsapp.com/send?phone=918744060444&text=mSeva"},

"whatsAppBannerMobile":{

"code": "WHATSAPP_BANNER_MOBILE",

"name": "WhatsApp Banner Mobile View",

"bannerUrl": "https://s3.ap-south-1.amazonaws.com/egov-qa-assets/whatsapp-mobile.jpg", "enabled": true,

"navigationUrl": "https://api.whatsapp.com/send?phone=918744060444&text=mSeva"}