Vladyslav_Prykhodko
2 years ago
6 changed files with 12 additions and 153 deletions
@ -1,46 +0,0 @@ |
|||||
<!-- |
|
||||
|
|
||||
Copyright © 2016-2024 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. |
|
||||
|
|
||||
--> |
|
||||
<mat-toolbar color="primary"> |
|
||||
<h2 translate>widgets-bundle.export</h2> |
|
||||
<span class="flex-1"></span> |
|
||||
<button mat-icon-button |
|
||||
(click)="cancel()" |
|
||||
type="button"> |
|
||||
<mat-icon class="material-icons">close</mat-icon> |
|
||||
</button> |
|
||||
</mat-toolbar> |
|
||||
<mat-progress-bar color="warn" mode="indeterminate" *ngIf="(isLoading$ | async) && !ignoreLoading"> |
|
||||
</mat-progress-bar> |
|
||||
<div mat-dialog-content> |
|
||||
<fieldset [disabled]="(isLoading$ | async) && !ignoreLoading"> |
|
||||
<mat-checkbox [formControl]="exportWidgetsFormControl">{{ 'widgets-bundle.export-widgets-bundle-widgets-prompt' | translate }}</mat-checkbox> |
|
||||
</fieldset> |
|
||||
</div> |
|
||||
<div mat-dialog-actions class="flex items-center justify-end"> |
|
||||
<button mat-button color="primary" |
|
||||
type="button" |
|
||||
[disabled]="(isLoading$ | async) && !ignoreLoading" |
|
||||
(click)="cancel()"> |
|
||||
{{ 'action.cancel' | translate }} |
|
||||
</button> |
|
||||
<button mat-raised-button color="primary" |
|
||||
(click)="export()" |
|
||||
[disabled]="(isLoading$ | async) && !ignoreLoading"> |
|
||||
{{ 'action.export' | translate }} |
|
||||
</button> |
|
||||
</div> |
|
||||
@ -1,76 +0,0 @@ |
|||||
///
|
|
||||
/// Copyright © 2016-2024 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 { Component, Inject, OnInit } from '@angular/core'; |
|
||||
import { MAT_DIALOG_DATA, MatDialogRef } from '@angular/material/dialog'; |
|
||||
import { Store } from '@ngrx/store'; |
|
||||
import { AppState } from '@core/core.state'; |
|
||||
import { FormControl } from '@angular/forms'; |
|
||||
import { Router } from '@angular/router'; |
|
||||
import { DialogComponent } from '@app/shared/components/dialog.component'; |
|
||||
import { WidgetsBundle } from '@shared/models/widgets-bundle.model'; |
|
||||
import { isDefinedAndNotNull } from '@core/utils'; |
|
||||
|
|
||||
export interface ExportWidgetsBundleDialogData { |
|
||||
widgetsBundle: WidgetsBundle; |
|
||||
includeBundleWidgetsInExport: boolean; |
|
||||
ignoreLoading?: boolean; |
|
||||
} |
|
||||
|
|
||||
export interface ExportWidgetsBundleDialogResult { |
|
||||
exportWidgets: boolean; |
|
||||
} |
|
||||
|
|
||||
@Component({ |
|
||||
selector: 'tb-export-widgets-bundle-dialog', |
|
||||
templateUrl: './export-widgets-bundle-dialog.component.html', |
|
||||
providers: [], |
|
||||
styleUrls: [] |
|
||||
}) |
|
||||
export class ExportWidgetsBundleDialogComponent extends DialogComponent<ExportWidgetsBundleDialogComponent, ExportWidgetsBundleDialogResult> |
|
||||
implements OnInit { |
|
||||
|
|
||||
widgetsBundle: WidgetsBundle; |
|
||||
|
|
||||
ignoreLoading = false; |
|
||||
|
|
||||
exportWidgetsFormControl = new FormControl(true); |
|
||||
|
|
||||
constructor(protected store: Store<AppState>, |
|
||||
protected router: Router, |
|
||||
@Inject(MAT_DIALOG_DATA) public data: ExportWidgetsBundleDialogData, |
|
||||
public dialogRef: MatDialogRef<ExportWidgetsBundleDialogComponent, ExportWidgetsBundleDialogResult>) { |
|
||||
super(store, router, dialogRef); |
|
||||
this.widgetsBundle = data.widgetsBundle; |
|
||||
this.ignoreLoading = data.ignoreLoading; |
|
||||
if (isDefinedAndNotNull(data.includeBundleWidgetsInExport)) { |
|
||||
this.exportWidgetsFormControl.patchValue(data.includeBundleWidgetsInExport, {emitEvent: false}); |
|
||||
} |
|
||||
} |
|
||||
|
|
||||
ngOnInit(): void { |
|
||||
} |
|
||||
|
|
||||
cancel(): void { |
|
||||
this.dialogRef.close(null); |
|
||||
} |
|
||||
|
|
||||
export(): void { |
|
||||
this.dialogRef.close({ |
|
||||
exportWidgets: this.exportWidgetsFormControl.value |
|
||||
}); |
|
||||
} |
|
||||
} |
|
||||
Loading…
Reference in new issue