mirror of
https://github.com/bitwarden/browser
synced 2026-02-05 03:03:26 +00:00
e5f83ff086
Extract core functionality from `libs/angular` to allow teams to depend on `libs/ui-common` instead. Moves the following functionality to `ui-common`. - `I18nPipe`. `libs/angular` still has an old copy but `components` depends on the new variant from `ui-common`. - `safeProvider`, `SafeProvider` and `SafeInjectionToken`. `libs/angular`re-exports these to avoid needing to update all consumers.
50 lines
1.4 KiB
TypeScript
50 lines
1.4 KiB
TypeScript
// FIXME: Update this file to be type safe and remove this and next line
|
|
// @ts-strict-ignore
|
|
import { CommonModule } from "@angular/common";
|
|
import { Component, Input, OnInit, Output, EventEmitter } from "@angular/core";
|
|
|
|
import { I18nPipe } from "@bitwarden/ui-common";
|
|
|
|
import { IconButtonModule } from "../icon-button";
|
|
|
|
type BannerTypes = "premium" | "info" | "warning" | "danger";
|
|
|
|
const defaultIcon: Record<BannerTypes, string> = {
|
|
premium: "bwi-star",
|
|
info: "bwi-info-circle",
|
|
warning: "bwi-exclamation-triangle",
|
|
danger: "bwi-error",
|
|
};
|
|
|
|
@Component({
|
|
selector: "bit-banner",
|
|
templateUrl: "./banner.component.html",
|
|
standalone: true,
|
|
imports: [CommonModule, IconButtonModule, I18nPipe],
|
|
})
|
|
export class BannerComponent implements OnInit {
|
|
@Input("bannerType") bannerType: BannerTypes = "info";
|
|
@Input() icon: string;
|
|
@Input() useAlertRole = true;
|
|
@Input() showClose = true;
|
|
|
|
@Output() onClose = new EventEmitter<void>();
|
|
|
|
ngOnInit(): void {
|
|
this.icon ??= defaultIcon[this.bannerType];
|
|
}
|
|
|
|
get bannerClass() {
|
|
switch (this.bannerType) {
|
|
case "danger":
|
|
return "tw-bg-danger-100 tw-border-b-danger-700";
|
|
case "info":
|
|
return "tw-bg-info-100 tw-border-b-info-700";
|
|
case "premium":
|
|
return "tw-bg-success-100 tw-border-b-success-700";
|
|
case "warning":
|
|
return "tw-bg-warning-100 tw-border-b-warning-700";
|
|
}
|
|
}
|
|
}
|