Changing Dashboard Logos and Headers

There are 5 configurations enabled here for the dashboard pages.

All of these configurations will be done in the UI configuration file, which can be found in the dashboard-ms micro service. You can access this file in this manner: dashboard-ms > src > assets > config > ui_config.json.

There are certain keys specified for each configuration to be changed as mentioned below. If there is a need to change any of these configurations, the users need to go to specified location directory (in ui_config.json) as shown below and make the changes:

dashboard_header1_title : This key is used to change the title of the cQube dashboard page mentioned at the top. It is depicted in the image below:

dashboard_header1_image : This key is used to change the image of the cQube dashboard page present at the top. The size of the image should be 32px * 32px. It is depicted in the image below:

dashboard_header1_image

The user needs to upload the image into the specified directory: dashboard-ms > src > assets > images

dashboard_header2_title : This key is used to change the state name in the title of the cQube dashboard. It is depicted in the image below:

dashboard_header2_title

dashboard_header2_image1 : This key is used to change the first image next to the title of the cQube dashboard. The size of the image should be 45px * <Any>. It is depicted in the image below:

dashboard_header2_image1

The user needs to upload the image into the specified directory: dashboard-ms > src > assets > images

dashboard_header2_image2 : This key is used to change the second image next to the title of the cQube dashboard. The size of the image should be 45px * 45px. It is depicted in the image below:

dashboard_header2_image2

The user needs to upload the image into the specified directory: dashboard-ms > src > assets > images

Post making the changes, the user needs to redeploy the code again as explained below.

Steps for redeploying cQube UI post changes

Run the commands below in the given order to redeploy the UI config file changes for them to be reflected in the visualization layer:

sudo docker stop dashboard_app

sudo docker rm dashboard_app

sudo docker rmi dashboard_ms:1

cd cqube-devops/microservices/dashboard-ms

sudo git pull

sudo docker build -t dashboard_ms:1 .

sudo docker run -d -p 4200:80 --network cqube_net --name dashboard_app dashboard_ms:1