mirror of
https://github.com/bitwarden/browser
synced 2025-12-06 00:13:28 +00:00
0fb352d8ed
* test implementation * move files * adjust import and sample router comments * add storybook docs to anon-layout * rename to AnonLayoutWrapperComponent * update storybook docs * remove references to CL and replace with 'Auth-owned' * move AnonLayoutWrapperComponent to libs * add pageTitle input * add subTitle input * translate page title/subtitle, and refactor how icon is added * update tailwind.config and component styles * adjust spacing between primary and secondary content * move switch statement to wrapper * move icon to router file * update storybook documentation * fix storybook text color in normal code blocks * remove sample route * move wrapper component back to web * remove sample route * update storybook docs
35 lines
1.1 KiB
TypeScript
35 lines
1.1 KiB
TypeScript
import { Component, OnDestroy, OnInit } from "@angular/core";
|
|
import { ActivatedRoute, RouterModule } from "@angular/router";
|
|
|
|
import { AnonLayoutComponent } from "@bitwarden/auth/angular";
|
|
import { I18nService } from "@bitwarden/common/platform/abstractions/i18n.service";
|
|
import { Icon } from "@bitwarden/components";
|
|
|
|
@Component({
|
|
standalone: true,
|
|
templateUrl: "anon-layout-wrapper.component.html",
|
|
imports: [AnonLayoutComponent, RouterModule],
|
|
})
|
|
export class AnonLayoutWrapperComponent implements OnInit, OnDestroy {
|
|
protected pageTitle: string;
|
|
protected pageSubtitle: string;
|
|
protected pageIcon: Icon;
|
|
|
|
constructor(
|
|
private route: ActivatedRoute,
|
|
private i18nService: I18nService,
|
|
) {
|
|
this.pageTitle = this.i18nService.t(this.route.snapshot.firstChild.data["pageTitle"]);
|
|
this.pageSubtitle = this.i18nService.t(this.route.snapshot.firstChild.data["pageSubtitle"]);
|
|
this.pageIcon = this.route.snapshot.firstChild.data["pageIcon"]; // don't translate
|
|
}
|
|
|
|
ngOnInit() {
|
|
document.body.classList.add("layout_frontend");
|
|
}
|
|
|
|
ngOnDestroy() {
|
|
document.body.classList.remove("layout_frontend");
|
|
}
|
|
}
|