88 lines
3.4 KiB
TypeScript
88 lines
3.4 KiB
TypeScript
///
|
|
/// Copyright © 2016-2023 The Thingsboard Authors
|
|
///
|
|
/// Licensed under the Apache License, Version 2.0 (the "License");
|
|
/// you may not use this file except in compliance with the License.
|
|
/// You may obtain a copy of the License at
|
|
///
|
|
/// http://www.apache.org/licenses/LICENSE-2.0
|
|
///
|
|
/// Unless required by applicable law or agreed to in writing, software
|
|
/// distributed under the License is distributed on an "AS IS" BASIS,
|
|
/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
/// See the License for the specific language governing permissions and
|
|
/// limitations under the License.
|
|
///
|
|
|
|
import { Inject, Injectable, Type } from '@angular/core';
|
|
import { Observable } from 'rxjs';
|
|
import { MatDialog, MatDialogConfig } from '@angular/material/dialog';
|
|
import { TranslateService } from '@ngx-translate/core';
|
|
import { AuthService } from '@core/auth/auth.service';
|
|
import { DynamicComponentFactoryService } from '@core/services/dynamic-component-factory.service';
|
|
import { CommonModule } from '@angular/common';
|
|
import { mergeMap, tap } from 'rxjs/operators';
|
|
import { CustomDialogComponent } from './custom-dialog.component';
|
|
import {
|
|
CustomDialogContainerComponent,
|
|
CustomDialogContainerData
|
|
} from '@home/components/widget/dialog/custom-dialog-container.component';
|
|
import { SHARED_MODULE_TOKEN } from '@shared/components/tokens';
|
|
import { HOME_COMPONENTS_MODULE_TOKEN, SHARED_HOME_COMPONENTS_MODULE_TOKEN } from '@home/components/tokens';
|
|
|
|
@Injectable()
|
|
export class CustomDialogService {
|
|
|
|
private customModules: Array<Type<any>>
|
|
|
|
constructor(
|
|
private translate: TranslateService,
|
|
private authService: AuthService,
|
|
private dynamicComponentFactoryService: DynamicComponentFactoryService,
|
|
@Inject(SHARED_MODULE_TOKEN) private sharedModule: Type<any>,
|
|
@Inject(SHARED_HOME_COMPONENTS_MODULE_TOKEN) private sharedHomeComponentsModule: Type<any>,
|
|
@Inject(HOME_COMPONENTS_MODULE_TOKEN) private homeComponentsModule: Type<any>,
|
|
public dialog: MatDialog
|
|
) {
|
|
}
|
|
|
|
setAdditionalModules(modules: Array<Type<any>>) {
|
|
this.customModules = modules;
|
|
}
|
|
|
|
customDialog(template: string, controller: (instance: CustomDialogComponent) => void, data?: any,
|
|
config?: MatDialogConfig): Observable<any> {
|
|
const modules = [this.sharedModule, CommonModule, this.sharedHomeComponentsModule, this.homeComponentsModule];
|
|
if (Array.isArray(this.customModules)) {
|
|
modules.push(...this.customModules);
|
|
}
|
|
return this.dynamicComponentFactoryService.createDynamicComponentFactory(
|
|
class CustomDialogComponentInstance extends CustomDialogComponent {}, template, modules).pipe(
|
|
mergeMap((factory) => {
|
|
const dialogData: CustomDialogContainerData = {
|
|
controller,
|
|
customComponentFactory: factory,
|
|
data
|
|
};
|
|
let dialogConfig: MatDialogConfig = {
|
|
disableClose: true,
|
|
panelClass: ['tb-dialog', 'tb-fullscreen-dialog'],
|
|
data: dialogData
|
|
};
|
|
if (config) {
|
|
dialogConfig = {...dialogConfig, ...config};
|
|
}
|
|
return this.dialog.open<CustomDialogContainerComponent, CustomDialogContainerData, any>(
|
|
CustomDialogContainerComponent,
|
|
dialogConfig).afterClosed().pipe(
|
|
tap(() => {
|
|
this.dynamicComponentFactoryService.destroyDynamicComponentFactory(factory);
|
|
})
|
|
);
|
|
}
|
|
));
|
|
}
|
|
|
|
}
|
|
|