UI customisations: Customisable product name & footer text

[jonnyry]

Allow the following to be customisable via the use of environment/deployment variables:

• Product Name
• Footer text

Nb. these have already been customised in issue #2, however this ticket extends the ability to customise them via variables.

[vvcb]

It will also be great to have a deployment time and commit hash and/or version tag in the footer.

And conditional CSS so that the Dev, test and prod deployments are visually different.

[jonnyry]

Proposed solution:

Variables

Var name	Description	Example	Mandatory	Default if not set	Where set/generated	Fixed in issue
UI_PRODUCT_NAME	TRE product name shown in UI	Azure TRE	no	(not shown)	config.yaml for local make deployments, GitHub Actions variable for GitHub Actions deploy	(this issue)
UI_FOOTER_TEXT	Footer text in bottom status panel of UI	Azure Trusted Research Environment	no	(not shown)	config.yaml for local make deployments, GitHub Actions variable for GitHub Actions deploy	(this issue)
UI_ENV_NAME	Text to shown on environment label in UI	DEV, STAGE, TEST	no	Azure TRE	config.yaml for local make deployments, GitHub Actions variable for GitHub Actions deploy	(this issue)
UI_ENV_LABEL_COLOUR	Background colour of label	#555555	no	Azure Trusted Research Environment	config.yaml for local make deployments, GitHub Actions variable for GitHub Actions deploy	(this issue)
DEPLOY_TIME	(Last) deployment time	2023-11-27 T13:24:30	no	(not shown)	Generated in GitHub Action / Makefile on deploy	#5
GITHUB_REF	GitHub REF - i.e. branch name OR tag	develop, v0.15.2	no	(not shown)	Generated in GitHub Action / Makefile on deploy	#5
GITHUB_HASH	Commit hash	1e4683f	no	(not shown)	Generated in GitHub Action / Makefile on deploy	#5

Placement in the UI

[jonnyry]

@vvcb could you review the above before I implement the changes?

[vvcb]

@jonnyry , this looks comprehensive. 🚀 Happy for this to be implemented.

[jonnyry]

Splitting into three issues due to complexities around Git ref/hash & potential for merging back upstream:

• UI customisations: Customisable product name & footer text #6 (this one) - will allow customisation of Product Name, Footer Text
• UI customisation: Show Git repo, ref, hash & deploy time in status panel #5 - will show Git Ref, Git Hash & Deploy Time in status bar
• UI customisations: Add environment label to UI header bar #4 will show Environment Name, Environment Label Colour