40 |
Active theme: {{ _themeService.activeTheme$ | async }}
41 |
Dark theme is active: {{ _themeService.darkTheme$ | async }}
42 |
Light theme is active: {{ _themeService.lightTheme$ | async }}
43 |
44 | Theme map: {{ _themeService.map({ 'dark-theme': 'hacker vibes 👩💻', 'light-theme': 'miami vibes 🏖️' }) | async }}
45 |
46 |
17 |
18 | ---
19 |
20 | ### Usage
21 |
22 | 1. Update proxy.conf.js file to include the `VantageLoginProxyConfig` from `@td-vantage/ui-platform` and replace the `serverUrl` with Vantage Base URL:
23 |
24 | e.g.
25 |
26 | ```js
27 | const vantageLoginProxyConfig = require('@td-vantage/ui-platform/auth/config/vantageLoginProxyConfig');
28 |
29 | /* * * * * * * * * * * */
30 | /* Edit these variables to point to your */
31 | /* Vantage and local development environments */
32 | /* * * * * * * * * * * */
33 |
34 | const serverUrl = 'https://vantage.url.io'; // REPLACE WITH VANTAGE BASE URL
35 | const localUrl = 'localhost:4200';
36 | const localProto = 'http'; // http or https
37 |
38 | /* * * * * * * * * * * */
39 | /* This section contains the routes proxied through */
40 | /* your local development environment and the Vantage deployment */
41 | /* * * * * * * * * * * */
42 |
43 | const PROXY_CONFIG = {
44 | ...vantageLoginProxyConfig({ serverUrl, localUrl, localProto }),
45 | '/api': {
46 | target: serverUrl,
47 | secure: false,
48 | changeOrigin: true,
49 | },
50 | };
51 |
52 | module.exports = PROXY_CONFIG;
53 | ```
54 |
55 | 2. Import required dependencies in app.module.ts or desired NgModule.
56 |
57 | ```ts
58 | import { VantageAuthenticationModule, VantageAuthenticationInterceptor } from '@td-vantage/ui-platform/auth';
59 | import { VantageUserModule } from '@td-vantage/ui-platform/user';
60 | ```
61 |
62 | 3. Below the last import statement in the same app.module.ts file, declare interceptor providers
63 |
64 | ```ts
65 | const httpInterceptorProviders: Type