/// /// Copyright © 2016-2020 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} from '@angular/core'; import {Store} from '@ngrx/store'; import {AppState} from '@core/core.state'; import {EntityComponent} from '../../components/entity/entity.component'; import {FormBuilder, FormGroup, Validators} from '@angular/forms'; import {EntityType} from '@shared/models/entity-type.models'; import {NULL_UUID} from '@shared/models/id/has-uuid'; import {ActionNotificationShow} from '@core/notification/notification.actions'; import {TranslateService} from '@ngx-translate/core'; import {EntityViewInfo} from '@app/shared/models/entity-view.models'; import {Observable} from 'rxjs'; import {map} from 'rxjs/operators'; import {DataKeyType} from '@shared/models/telemetry/telemetry.models'; import {EntityId} from '@app/shared/models/id/entity-id'; @Component({ selector: 'tb-entity-view', templateUrl: './entity-view.component.html', styleUrls: ['./entity-view.component.scss'] }) export class EntityViewComponent extends EntityComponent { entityType = EntityType; dataKeyType = DataKeyType; entityViewScope: 'tenant' | 'customer' | 'customer_user'; allowedEntityTypes = [EntityType.DEVICE, EntityType.ASSET]; maxStartTimeMs: Observable; minEndTimeMs: Observable; selectedEntityId: Observable; constructor(protected store: Store, protected translate: TranslateService, public fb: FormBuilder) { super(store); } ngOnInit() { this.entityViewScope = this.entitiesTableConfig.componentsData.entityViewScope; super.ngOnInit(); this.maxStartTimeMs = this.entityForm.get('endTimeMs').valueChanges; this.minEndTimeMs = this.entityForm.get('startTimeMs').valueChanges; this.selectedEntityId = this.entityForm.get('entityId').valueChanges; } hideDelete() { if (this.entitiesTableConfig) { return !this.entitiesTableConfig.deleteEnabled(this.entity); } else { return false; } } isAssignedToCustomer(entity: EntityViewInfo): boolean { return entity && entity.customerId && entity.customerId.id !== NULL_UUID; } buildForm(entity: EntityViewInfo): FormGroup { return this.fb.group( { name: [entity ? entity.name : '', [Validators.required]], type: [entity ? entity.type : null, [Validators.required]], entityId: [entity ? entity.entityId : null, [Validators.required]], startTimeMs: [entity ? entity.startTimeMs : null], endTimeMs: [entity ? entity.endTimeMs : null], keys: this.fb.group( { attributes: this.fb.group( { cs: [entity && entity.keys && entity.keys.attributes ? entity.keys.attributes.cs : null], sh: [entity && entity.keys && entity.keys.attributes ? entity.keys.attributes.sh : null], ss: [entity && entity.keys && entity.keys.attributes ? entity.keys.attributes.ss : null], } ), timeseries: [entity && entity.keys && entity.keys.timeseries ? entity.keys.timeseries : null] } ), additionalInfo: this.fb.group( { description: [entity && entity.additionalInfo ? entity.additionalInfo.description : ''], } ) } ); } updateForm(entity: EntityViewInfo) { this.entityForm.patchValue({name: entity.name}); this.entityForm.patchValue({type: entity.type}); this.entityForm.patchValue({entityId: entity.entityId}); this.entityForm.patchValue({startTimeMs: entity.startTimeMs}); this.entityForm.patchValue({endTimeMs: entity.endTimeMs}); this.entityForm.patchValue({ keys: { attributes: { cs: entity.keys && entity.keys.attributes ? entity.keys.attributes.cs : null, sh: entity.keys && entity.keys.attributes ? entity.keys.attributes.sh : null, ss: entity.keys && entity.keys.attributes ? entity.keys.attributes.ss : null, }, timeseries: entity.keys && entity.keys.timeseries ? entity.keys.timeseries : null } }); this.entityForm.patchValue({additionalInfo: {description: entity.additionalInfo ? entity.additionalInfo.description : ''}}); } onEntityViewIdCopied($event) { this.store.dispatch(new ActionNotificationShow( { message: this.translate.instant('entity-view.idCopiedMessage'), type: 'success', duration: 750, verticalPosition: 'bottom', horizontalPosition: 'right' })); } }