Add support for env variables in config map.

backend/.gitignore

@@ -11,6 +11,7 @@ local.*
 local-*.*
 .env.local
 .env.*.local
+env.list
 
 # Log files
 npm-debug.log*

frontend/.env

@@ -1,4 +1,4 @@
 # base-level env settings
-VITE_APP_API_ROOT=http://localhost:8080
 VITE_APP_TITLE=Operating Funding Model
-
+VITE_BANNER_COLOR=blue
+VITE_BANNER_ENVIRONMENT=Local

frontend/src/components/util/NavBar.vue

@@ -122,9 +122,9 @@ export default {
   },
   data() {
     return {
-      drawer: null,
-      bannerEnvironment: '{tbd}', //TODO: replace value with null during integration with backend
-      bannerColor: 'blue' //TODO: replace value with null during integration with backend
+      drawer: null
+      // bannerEnvironment: '{tbd}', //TODO: replace value with null during integration with backend
+      // bannerColor: 'blue' //TODO: replace value with null during integration with backend
     }
   },
   async created() {
@@ -142,6 +142,14 @@ export default {
     //will render a home screen and menu with minimal errors given no authorization/backend integration.
     //Thus the following related code is only temporarly and expected to be replaced.
     ...mapState(useAuthStore, ['isAuthorizedUser', 'CCP_ROLE', 'OPS_ROLE', 'PCM_ROLE']),
+    bannerColor() {
+      console.log('color', import.meta.env.VITE_BANNER_COLOR)
+      return import.meta.env.VITE_BANNER_COLOR
+    },
+    bannerEnvironment() {
+      console.log('env', import.meta.env.VITE_BANNER_ENVIRONMENT)
+      return import.meta.env.VITE_BANNER_ENVIRONMENT
+    },
     items() {
       return [
         {

tools/openshift/frontend.dc.yaml

@@ -55,6 +55,9 @@ objects:
               ports:
                 - containerPort: 2015
                   protocol: TCP
+              envFrom:
+                - configMapRef:
+                    name: ecc-ofm-frontend-config-map
               readinessProbe:
                 failureThreshold: 3
                 httpGet: