/// /// 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 } from '@angular/core'; import { DialogComponent } from '@shared/components/dialog.component'; import { Store } from '@ngrx/store'; import { AppState } from '@core/core.state'; import { Router } from '@angular/router'; import { MAT_DIALOG_DATA, MatDialogRef } from '@angular/material/dialog'; import { FormBuilder, FormGroup } from '@angular/forms'; import { TranslateService } from '@ngx-translate/core'; import { isNotEmptyStr } from '@core/utils'; export interface JsonObjectEditDialogData { jsonValue: object; required?: boolean; title?: string; saveLabel?: string; cancelLabel?: string; } @Component({ selector: 'tb-object-edit-dialog', templateUrl: './json-object-edit-dialog.component.html', styleUrls: [] }) export class JsonObjectEditDialogComponent extends DialogComponent { jsonFormGroup: FormGroup; title = this.translate.instant('details.edit-json'); saveButtonLabel = this.translate.instant('action.save'); cancelButtonLabel = this.translate.instant('action.cancel'); required = this.data.required === true; constructor(protected store: Store, protected router: Router, @Inject(MAT_DIALOG_DATA) public data: JsonObjectEditDialogData, public dialogRef: MatDialogRef, public fb: FormBuilder, private translate: TranslateService) { super(store, router, dialogRef); if (isNotEmptyStr(this.data.title)) { this.title = this.data.title; } if (isNotEmptyStr(this.data.saveLabel)) { this.saveButtonLabel = this.data.saveLabel; } if (isNotEmptyStr(this.data.cancelLabel)) { this.cancelButtonLabel = this.data.cancelLabel; } this.jsonFormGroup = this.fb.group({ json: [this.data.jsonValue, []] }); } cancel(): void { this.dialogRef.close(undefined); } add(): void { this.dialogRef.close(this.jsonFormGroup.get('json').value); } }