bitwarden/browser
1
0
Fork 0
mirror of https://github.com/bitwarden/browser synced 2025-12-19 17:53:39 +00:00
Code Issues Releases Wiki Activity

Auth/PM-9603 - AnonLayoutWrapper Dynamic content support (#10216)

Browse Source 
* PM-9603 - WIP - Untested DefaultAnonLayoutWrapperDataService

* PM-9603 - DefaultAnonLayoutWrapperSvc needs constructor

* PM-9603 - Good progress on getting storybook setup for the anon-layout-wrapper component - having issues with getting dummy component to display.

* PM-9603 - AnonLayoutWrapper Story working with default and dynamic content.

* PM-9603 - Tweak verbiage

* PM-9603 - Tweak stories; add mdx

* PM-9603 - Export AnonLayoutWrapperDataService and DefaultAnonLayoutWrapperDataService from libs/auth and wire up as default implementation in jslib-services.module

* PM-9603 - Address PR feedback
This commit is contained in:
Jared Snider
2024-07-25 16:16:54 -04:00
committed by GitHub
parent 0bf0d1ac96
commit 96648b4897
7 changed files with 357 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
libs/auth/src/angular/anon-layout/anon-layout-wrapper.mdx Normal file
View File

@@ -0,0 +1,28 @@
import { Meta, Story, Controls } from "@storybook/addon-docs";
import * as stories from "./anon-layout-wrapper.stories";
<Meta of={stories} />
# Anon Layout Wrapper
NOTE: These stories will treat "Light & Dark" mode as "Light" mode. This is done to avoid a bug with
the way that we render the same component twice in the same iframe and how that interacts with the
`router-outlet`.
## Anon Layout Wrapper Component
The auth owned `AnonLayoutWrapperComponent` orchestrates routing configuration data and feeds it
into the `AnonLayoutComponent`. See the `Anon Layout` storybook for full documentation on how to use
the `AnonLayoutWrapperComponent`.
## Default Example with all 3 outlets used
<Story of={stories.DefaultContentExample} />
## Dynamic Anon Layout Wrapper Content Example
This example demonstrates a child component using the `DefaultAnonLayoutWrapperDataService` to
dynamically set the content of the `AnonLayoutWrapperComponent`.
<Story of={stories.DynamicContentExample} />