diff --git a/frontend/README.md b/frontend/README.md index 14baf4906..9ba3248d8 100644 --- a/frontend/README.md +++ b/frontend/README.md @@ -13,8 +13,8 @@ TypeScript cannot handle type information for `.vue` imports by default, so we r If the standalone TypeScript plugin doesn't feel fast enough to you, Volar has also implemented a [Take Over Mode](https://github.com/johnsoncodehk/volar/discussions/471#discussioncomment-1361669) that is more performant. You can enable it by the following steps: 1. Disable the built-in TypeScript Extension - 1) Run `Extensions: Show Built-in Extensions` from VSCode's command palette - 2) Find `TypeScript and JavaScript Language Features`, right click and select `Disable (Workspace)` + 1. Run `Extensions: Show Built-in Extensions` from VSCode's command palette + 2. Find `TypeScript and JavaScript Language Features`, right click and select `Disable (Workspace)` 2. Reload the VSCode window by running `Developer: Reload Window` from the command palette. ## Customize configuration @@ -38,3 +38,7 @@ npm run dev ```sh npm run build ``` + +### Note + +For FAM local and dev environment, we connect with TEST identity provider (TEST-IDIR, TEST-BUSINESSBCEID) for login options. The main reason of that is because we don't have any dev business bceid account can used for testing, so we have to use the TEST-BUSINESSBCEID. And it's better to use the same environment for both IDIR and BUSINESSBCEID, so we can config the same logout chain for both. Use TEST-IDIR in local won't impact any login functionality, work same as DEV-IDIR. diff --git a/frontend/public/env.json b/frontend/public/env.json index c6ac2b737..e0bddb638 100644 --- a/frontend/public/env.json +++ b/frontend/public/env.json @@ -1,4 +1,5 @@ -{ "fam_admin_management_api_base_url": { +{ + "fam_admin_management_api_base_url": { "sensitive": false, "type": "string", "value": "http://localhost:8001" @@ -31,7 +32,7 @@ "frontend_logout_chain_url": { "sensitive": false, "type": "string", - "value": "https://logontest7.gov.bc.ca/clp-cgi/logoff.cgi?retnow=1&returl=https://dev.loginproxy.gov.bc.ca/auth/realms/standard/protocol/openid-connect/logout?redirect_uri=" + "value": "https://logontest7.gov.bc.ca/clp-cgi/logoff.cgi?retnow=1&returl=https://test.loginproxy.gov.bc.ca/auth/realms/standard/protocol/openid-connect/logout?redirect_uri=" }, "front_end_redirect_base_url": { "sensitive": false, @@ -41,11 +42,16 @@ "fam_console_idp_name": { "sensitive": false, "type": "string", - "value": "DEV-IDIR" + "value": "TEST-IDIR" + }, + "fam_console_idp_name_bceid": { + "sensitive": false, + "type": "string", + "value": "TEST-BCEIDBUSINESS" }, "target_env": { "sensitive": false, "type": "string", "value": "dev" } -} +} \ No newline at end of file diff --git a/frontend/readme.md b/frontend/readme.md deleted file mode 100644 index 14baf4906..000000000 --- a/frontend/readme.md +++ /dev/null @@ -1,40 +0,0 @@ -# fam-frontend - -This template should help get you started developing with Vue 3 in Vite. - -## Recommended IDE Setup - -[VSCode](https://code.visualstudio.com/) + [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar) (and disable Vetur) + [TypeScript Vue Plugin (Volar)](https://marketplace.visualstudio.com/items?itemName=Vue.vscode-typescript-vue-plugin). - -## Type Support for `.vue` Imports in TS - -TypeScript cannot handle type information for `.vue` imports by default, so we replace the `tsc` CLI with `vue-tsc` for type checking. In editors, we need [TypeScript Vue Plugin (Volar)](https://marketplace.visualstudio.com/items?itemName=Vue.vscode-typescript-vue-plugin) to make the TypeScript language service aware of `.vue` types. - -If the standalone TypeScript plugin doesn't feel fast enough to you, Volar has also implemented a [Take Over Mode](https://github.com/johnsoncodehk/volar/discussions/471#discussioncomment-1361669) that is more performant. You can enable it by the following steps: - -1. Disable the built-in TypeScript Extension - 1) Run `Extensions: Show Built-in Extensions` from VSCode's command palette - 2) Find `TypeScript and JavaScript Language Features`, right click and select `Disable (Workspace)` -2. Reload the VSCode window by running `Developer: Reload Window` from the command palette. - -## Customize configuration - -See [Vite Configuration Reference](https://vitejs.dev/config/). - -## Project Setup - -```sh -npm run install-frontend -``` - -### Compile and Hot-Reload for Development - -```sh -npm run dev -``` - -### Type-Check, Compile and Minify for Production - -```sh -npm run build -``` diff --git a/frontend/src/components/Landing.vue b/frontend/src/components/Landing.vue index 8d914a78d..e23f504bc 100644 --- a/frontend/src/components/Landing.vue +++ b/frontend/src/components/Landing.vue @@ -32,8 +32,7 @@ import TreeLogs from '@/assets/images/tree-logs.jpg'; outlined label="Login with BCeID" id="login-bceid-button" - disabled - @click="AuthService.login()" + @click="AuthService.loginBceid()" > diff --git a/frontend/src/components/common/ProfileSidebar.vue b/frontend/src/components/common/ProfileSidebar.vue index 8bfdc1b94..7e1a80e7c 100644 --- a/frontend/src/components/common/ProfileSidebar.vue +++ b/frontend/src/components/common/ProfileSidebar.vue @@ -1,16 +1,23 @@