Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Non-Prod Environment Banners #3994

Closed
6 tasks
ninosamson opened this issue Nov 25, 2024 · 0 comments
Closed
6 tasks

Non-Prod Environment Banners #3994

ninosamson opened this issue Nov 25, 2024 · 0 comments
Assignees
@bidyashish @CarlyCotton
Labels
Ministry Ministry Features
Milestone
Full-Time "Asset"

Comments

@ninosamson
Copy link
Collaborator

ninosamson commented Nov 25, 2024 •
edited by andrewsignori-aot
Loading

User Story:
As a SIMS application, we need to have distinct identifiers for lower environments so users have a clear visual indicator of what environment they are using.

Acceptance Criteria:

  • Add permanent banner at top of page for DEV, TEST and STG environments
  • Copy: "Non-Production [environment] Environment"; bold and centred
  • Banner Color: #e3a82b (BC Gold)

Example:
image.png

Technical

  • Create a different banner/ribbon to be displayed above the top navigation menu similar to the screenshot in the ACs.
  • Should be created on the main pages of the apps. If needed, create a component to share it.
  • Create a new env variable to be added to GitHub APP_ENV or similar to be used as a condition to display the banner.
@ninosamson ninosamson added Business Items under Business Consideration Ministry Ministry Features labels Nov 25, 2024
@ninosamson ninosamson changed the title Non-Prod Banner - Ministry Non-Prod Environment Banners Nov 25, 2024
@CarlyCotton CarlyCotton self-assigned this Nov 27, 2024
@CarlyCotton CarlyCotton added Dev & Architecture Development and Architecture and removed Business Items under Business Consideration labels Nov 28, 2024
@andrewsignori-aot andrewsignori-aot removed the Dev & Architecture Development and Architecture label Nov 28, 2024
@bidyashish bidyashish self-assigned this Jan 15, 2025
github-merge-queue bot pushed a commit that referenced this issue Jan 21, 2025
@bidyashish
#3994 - Non-Prod Environment Banners (#4252)
7e018ba 
**Acceptance Criteria:**
- [x] Add permanent banner at top of page for DEV, TEST and STG
environments
- [x] Copy: "Non-Production [environment] Environment"; bold and centred
- [x] Banner Color: #e3a82b (BC Gold)

**Technical**
- [x] Create a different banner/ribbon to be displayed above the top
navigation menu similar to the screenshot in the ACs.
- [x] Should be created on the main pages of the apps. If needed, create
a component to share it.
- [x] Create a new env variable to be added to GitHub `APP_ENV` or
similar to be used as a condition to display the banner.

Sample URL of height 18px top
https://logontest7.gov.bc.ca/clp-cgi/error.cgi

**DEMO**
1. APP_ENV=production

![image](https://github.com/user-attachments/assets/d1740285-bfa4-4fdd-8e38-d5f98f0ff8b5)
2. APP_ENV=dev/test/staging

![image](https://github.com/user-attachments/assets/ff5dab4f-ff6f-4677-bd22-d1937801d2c6)
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@bidyashish bidyashish

@CarlyCotton CarlyCotton

Labels
Ministry Ministry Features
Projects
None yet
Milestone
Full-Time "Asset"
Development

No branches or pull requests
5 participants
@bidyashish @ninosamson @andrewsignori-aot @CarlyCotton @AnnaPBashkatova