/// /// 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 { BaseData, HasId } from '@shared/models/base-data'; import { UntypedFormBuilder, UntypedFormGroup } from '@angular/forms'; import { PageComponent } from '@shared/components/page.component'; import { ChangeDetectorRef, Directive, EventEmitter, Input, OnInit, Output } from '@angular/core'; import { Store } from '@ngrx/store'; import { AppState } from '@core/core.state'; import { EntityAction } from '@home/models/entity/entity-component.models'; import { EntityTableConfig } from '@home/models/entity/entities-table-config.models'; import { PageLink } from '@shared/models/page/page-link'; import { deepTrim } from '@core/utils'; // @dynamic @Directive() // eslint-disable-next-line @angular-eslint/directive-class-suffix export abstract class EntityComponent, P extends PageLink = PageLink, L extends BaseData = T, C extends EntityTableConfig = EntityTableConfig> extends PageComponent implements OnInit { entityForm: UntypedFormGroup; isEditValue: boolean; isDetailsPage = false; @Input() set entitiesTableConfig(entitiesTableConfig: C) { this.setEntitiesTableConfig(entitiesTableConfig); } get entitiesTableConfig(): C { return this.entitiesTableConfigValue; } @Input() set isEdit(isEdit: boolean) { this.isEditValue = isEdit; this.cd.markForCheck(); this.updateFormState(); } get isEdit() { return this.isEditValue; } get isAdd(): boolean { return this.entityValue && (!this.entityValue.id || !this.entityValue.id.id); } @Input() set entity(entity: T) { this.entityValue = entity; if (this.entityForm) { this.entityForm.markAsPristine(); this.updateForm(entity); } } get entity(): T { return this.entityValue; } @Output() entityAction = new EventEmitter>(); protected constructor(protected store: Store, protected fb: UntypedFormBuilder, protected entityValue: T, protected entitiesTableConfigValue: C, protected cd: ChangeDetectorRef) { super(store); this.entityForm = this.buildForm(this.entityValue); } ngOnInit() { } onEntityAction($event: Event, action: string) { const entityAction = {event: $event, action, entity: this.entity} as EntityAction; let handled = false; if (this.entitiesTableConfig) { handled = this.entitiesTableConfig.onEntityAction(entityAction); } if (!handled) { this.entityAction.emit(entityAction); } } updateFormState() { if (this.entityForm) { if (this.isEditValue) { this.entityForm.enable({emitEvent: false}); } else { this.entityForm.disable({emitEvent: false}); } } } entityFormValue() { const formValue = this.entityForm ? {...this.entityForm.getRawValue()} : {}; return this.prepareFormValue(formValue); } prepareFormValue(formValue: any): any { return deepTrim(formValue); } protected setEntitiesTableConfig(entitiesTableConfig: C) { this.entitiesTableConfigValue = entitiesTableConfig; } abstract buildForm(entity: T): UntypedFormGroup; abstract updateForm(entity: T); }