/// /// Copyright © 2016-2019 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, SkipSelf} from '@angular/core'; import {ErrorStateMatcher, MAT_DIALOG_DATA, MatDialogRef} from '@angular/material'; import {PageComponent} from '@shared/components/page.component'; import {Store} from '@ngrx/store'; import {AppState} from '@core/core.state'; import {FormBuilder, FormControl, FormGroup, FormGroupDirective, NgForm, Validators} from '@angular/forms'; import {DeviceService} from '@core/http/device.service'; import {EntityId} from '@shared/models/id/entity-id'; import {EntityType} from '@shared/models/entity-type.models'; import {forkJoin, Observable} from 'rxjs'; import {AssetService} from '@core/http/asset.service'; import {EntityViewService} from '@core/http/entity-view.service'; export interface AddEntitiesToCustomerDialogData { customerId: string; entityType: EntityType; } @Component({ selector: 'tb-add-entities-to-customer-dialog', templateUrl: './add-entities-to-customer-dialog.component.html', providers: [{provide: ErrorStateMatcher, useExisting: AddEntitiesToCustomerDialogComponent}], styleUrls: [] }) export class AddEntitiesToCustomerDialogComponent extends PageComponent implements OnInit, ErrorStateMatcher { addEntitiesToCustomerFormGroup: FormGroup; submitted = false; entityType: EntityType; assignToCustomerTitle: string; assignToCustomerText: string; constructor(protected store: Store, @Inject(MAT_DIALOG_DATA) public data: AddEntitiesToCustomerDialogData, private deviceService: DeviceService, private assetService: AssetService, private entityViewService: EntityViewService, @SkipSelf() private errorStateMatcher: ErrorStateMatcher, public dialogRef: MatDialogRef, public fb: FormBuilder) { super(store); this.entityType = data.entityType; } ngOnInit(): void { this.addEntitiesToCustomerFormGroup = this.fb.group({ entityIds: [null, [Validators.required]] }); switch (this.data.entityType) { case EntityType.DEVICE: this.assignToCustomerTitle = 'device.assign-device-to-customer'; this.assignToCustomerText = 'device.assign-device-to-customer-text'; break; case EntityType.ASSET: // TODO: break; case EntityType.ENTITY_VIEW: // TODO: break; } } isErrorState(control: FormControl | null, form: FormGroupDirective | NgForm | null): boolean { const originalErrorState = this.errorStateMatcher.isErrorState(control, form); const customErrorState = !!(control && control.invalid && this.submitted); return originalErrorState || customErrorState; } cancel(): void { this.dialogRef.close(false); } assign(): void { this.submitted = true; const entityIds: Array = this.addEntitiesToCustomerFormGroup.get('entityIds').value; const tasks: Observable[] = []; entityIds.forEach( (entityId) => { tasks.push(this.getAssignToCustomerTask(this.data.customerId, entityId)); } ); forkJoin(tasks).subscribe( () => { this.dialogRef.close(true); } ); } private getAssignToCustomerTask(customerId: string, entityId: string): Observable { switch (this.data.entityType) { case EntityType.DEVICE: return this.deviceService.assignDeviceToCustomer(customerId, entityId); break; case EntityType.ASSET: return this.assetService.assignAssetToCustomer(customerId, entityId); break; case EntityType.ENTITY_VIEW: return this.entityViewService.assignEntityViewToCustomer(customerId, entityId); break; } } }