mirror of
https://github.com/bitwarden/browser.git
synced 2024-10-15 06:57:58 +02:00
40e6471070
* [SM-431] fix project name overflow * [SM-432] sort project list alphabetically * [SM-458] add delete button * [SM-430] misc UI fixes * override tw-break-words in table cell * update copy * remove unused copy
102 lines
3.2 KiB
TypeScript
102 lines
3.2 KiB
TypeScript
import {
|
|
DEFAULT_DIALOG_CONFIG,
|
|
Dialog,
|
|
DialogConfig,
|
|
DialogRef,
|
|
DIALOG_SCROLL_STRATEGY,
|
|
} from "@angular/cdk/dialog";
|
|
import { ComponentType, Overlay, OverlayContainer } from "@angular/cdk/overlay";
|
|
import {
|
|
Inject,
|
|
Injectable,
|
|
Injector,
|
|
OnDestroy,
|
|
Optional,
|
|
SkipSelf,
|
|
TemplateRef,
|
|
} from "@angular/core";
|
|
import { NavigationEnd, Router } from "@angular/router";
|
|
import { filter, Subject, switchMap, takeUntil } from "rxjs";
|
|
|
|
import { AuthService } from "@bitwarden/common/auth/abstractions/auth.service";
|
|
import { AuthenticationStatus } from "@bitwarden/common/auth/enums/authentication-status";
|
|
|
|
import { SimpleDialogOptions } from "./simple-configurable-dialog/models/simple-dialog-options";
|
|
import { SimpleConfigurableDialogComponent } from "./simple-configurable-dialog/simple-configurable-dialog.component";
|
|
|
|
@Injectable()
|
|
export class DialogService extends Dialog implements OnDestroy {
|
|
private _destroy$ = new Subject<void>();
|
|
|
|
private backDropClasses = [
|
|
"tw-fixed",
|
|
"tw-bg-black",
|
|
"tw-bg-opacity-30",
|
|
"tw-inset-0",
|
|
// CDK dialog panels have a default z-index of 1000. Matching this allows us to easily stack dialogs.
|
|
"tw-z-[1000]",
|
|
];
|
|
|
|
constructor(
|
|
/** Parent class constructor */
|
|
_overlay: Overlay,
|
|
_injector: Injector,
|
|
@Optional() @Inject(DEFAULT_DIALOG_CONFIG) _defaultOptions: DialogConfig,
|
|
@Optional() @SkipSelf() _parentDialog: Dialog,
|
|
_overlayContainer: OverlayContainer,
|
|
@Inject(DIALOG_SCROLL_STRATEGY) scrollStrategy: any,
|
|
|
|
/** Not in parent class */
|
|
@Optional() router: Router,
|
|
@Optional() authService: AuthService
|
|
) {
|
|
super(_overlay, _injector, _defaultOptions, _parentDialog, _overlayContainer, scrollStrategy);
|
|
|
|
/** Close all open dialogs if the vault locks */
|
|
if (router && authService) {
|
|
router.events
|
|
.pipe(
|
|
filter((event) => event instanceof NavigationEnd),
|
|
switchMap(() => authService.getAuthStatus()),
|
|
filter((v) => v !== AuthenticationStatus.Unlocked),
|
|
takeUntil(this._destroy$)
|
|
)
|
|
.subscribe(() => this.closeAll());
|
|
}
|
|
}
|
|
|
|
override ngOnDestroy(): void {
|
|
this._destroy$.next();
|
|
this._destroy$.complete();
|
|
super.ngOnDestroy();
|
|
}
|
|
|
|
override open<R = unknown, D = unknown, C = unknown>(
|
|
componentOrTemplateRef: ComponentType<C> | TemplateRef<C>,
|
|
config?: DialogConfig<D, DialogRef<R, C>>
|
|
): DialogRef<R, C> {
|
|
config = {
|
|
backdropClass: this.backDropClasses,
|
|
...config,
|
|
};
|
|
|
|
return super.open(componentOrTemplateRef, config);
|
|
}
|
|
|
|
/**
|
|
* Opens a simple dialog.
|
|
*
|
|
* @param {SimpleDialogOptions} simpleDialogOptions - An object containing options for the dialog.
|
|
* @returns `DialogRef` - The reference to the opened dialog.
|
|
* Contains a closed observable which can be subscribed to for determining which button
|
|
* a user pressed (see `SimpleDialogCloseType`)
|
|
*/
|
|
openSimpleDialog(simpleDialogOptions: SimpleDialogOptions): DialogRef {
|
|
// Method needs to return dialog reference so devs can sub to closed and get results.
|
|
return this.open(SimpleConfigurableDialogComponent, {
|
|
data: simpleDialogOptions,
|
|
disableClose: simpleDialogOptions.disableClose,
|
|
});
|
|
}
|
|
}
|