@ -14,9 +14,11 @@
/// limitations under the License.
/// limitations under the License.
///
///
import { Component , Inject } from '@angular/core' ; import { Component , DestroyRef , Inject } from '@angular/core' ;
import { takeUntilDestroyed } from '@angular/core/rxjs-interop' ;
import { MAT_DIALOG_DATA , MatDialog , MatDialogRef } from '@angular/material/dialog' ; import { MAT_DIALOG_DATA , MatDialog , MatDialogRef } from '@angular/material/dialog' ;
import { Router } from '@angular/router' ; import { Router } from '@angular/router' ;
import { FormBuilder , FormControl , FormGroup , Validators } from '@angular/forms' ;
import { Store } from '@ngrx/store' ; import { Store } from '@ngrx/store' ;
import { AppState } from '@core/core.state' ; import { AppState } from '@core/core.state' ;
import { DialogComponent } from '@shared/components/dialog.component' ; import { DialogComponent } from '@shared/components/dialog.component' ;
@ -70,15 +72,21 @@ export type InstallState =
export class TbIotHubInstallDialogComponent extends DialogComponent < TbIotHubInstallDialogComponent > { export class TbIotHubInstallDialogComponent extends DialogComponent < TbIotHubInstallDialogComponent > {
ItemType = ItemType ; ItemType = ItemType ;
EntityType = EntityType ;
item : MpItemVersionView ; item : MpItemVersionView ;
typeTranslations = itemTypeTranslations ; typeTranslations = itemTypeTranslations ;
state : InstallState = 'confirm' ; state ! : InstallState ;
errorMessage = '' ; errorMessage = '' ;
entityDetailsUrl : string | null = null ; entityDetailsUrl : string | null = null ;
selectedEntityId : EntityId | null = null ; selectedEntityId : EntityId | null = null ;
pendingOverwrite : PendingOverwrite | null = null ; pendingOverwrite : PendingOverwrite | null = null ;
ruleChainInstallForm ! : FormGroup < {
setAsDefault : FormControl < boolean > ;
entityType : FormControl < EntityType > ;
entityId : FormControl < string | null > ;
} > ;
private readonly selectEntityConfig : Partial < Record < ItemType , SelectEntityConfig > > = { private readonly selectEntityConfig : Partial < Record < ItemType , SelectEntityConfig > > = {
[ ItemType . CALCULATED_FIELD ] : { [ ItemType . CALCULATED_FIELD ] : {
@ -92,13 +100,7 @@ export class TbIotHubInstallDialogComponent extends DialogComponent<TbIotHubInst
defaultType : EntityType.DEVICE_PROFILE , defaultType : EntityType.DEVICE_PROFILE ,
required : true , required : true ,
promptKey : 'iot-hub.select-entity-for-alarm-rule' , promptKey : 'iot-hub.select-entity-for-alarm-rule' ,
} , }
[ ItemType . RULE_CHAIN ] : {
allowed : [ EntityType . DEVICE_PROFILE , EntityType . ASSET_PROFILE ] ,
defaultType : EntityType.DEVICE_PROFILE ,
required : true ,
promptKey : 'iot-hub.select-profile-for-rule-chain' ,
} ,
} ; } ;
get activeSelectEntityConfig ( ) : SelectEntityConfig | null { get activeSelectEntityConfig ( ) : SelectEntityConfig | null {
@ -115,10 +117,47 @@ export class TbIotHubInstallDialogComponent extends DialogComponent<TbIotHubInst
private iotHubApiService : IotHubApiService , private iotHubApiService : IotHubApiService ,
private deviceProfileService : DeviceProfileService , private deviceProfileService : DeviceProfileService ,
private assetProfileService : AssetProfileService , private assetProfileService : AssetProfileService ,
private ruleChainService : RuleChainService private ruleChainService : RuleChainService ,
private fb : FormBuilder ,
private destroyRef : DestroyRef
) { ) {
super ( store , router , dialogRef ) ; super ( store , router , dialogRef ) ;
this . item = data . item ; this . item = data . item ;
this . state = this . computeInitialState ( ) ;
if ( this . item . type === ItemType . RULE_CHAIN ) {
this . initRuleChainForm ( ) ;
}
}
private computeInitialState ( ) : InstallState {
return this . activeSelectEntityConfig || this . item . type === ItemType . RULE_CHAIN
? 'select-entity'
: 'confirm' ;
}
private initRuleChainForm ( ) : void {
this . ruleChainInstallForm = this . fb . group ( {
setAsDefault : this.fb.nonNullable.control < boolean > ( false ) ,
entityType : this.fb.nonNullable.control < EntityType > ( EntityType . DEVICE_PROFILE ) ,
entityId : this.fb.control < string | null > ( null )
} ) ;
this . ruleChainInstallForm . controls . setAsDefault . valueChanges
. pipe ( takeUntilDestroyed ( this . destroyRef ) )
. subscribe ( setAsDefault = > {
const entityIdCtrl = this . ruleChainInstallForm . controls . entityId ;
if ( setAsDefault ) {
entityIdCtrl . setValidators ( Validators . required ) ;
} else {
entityIdCtrl . clearValidators ( ) ;
entityIdCtrl . setValue ( null ) ;
}
entityIdCtrl . updateValueAndValidity ( ) ;
} ) ;
this . ruleChainInstallForm . controls . entityType . valueChanges
. pipe ( takeUntilDestroyed ( this . destroyRef ) )
. subscribe ( ( ) = > {
this . ruleChainInstallForm . controls . entityId . setValue ( null ) ;
} ) ;
} }
getTypeLabel ( ) : string { getTypeLabel ( ) : string {
@ -126,39 +165,33 @@ export class TbIotHubInstallDialogComponent extends DialogComponent<TbIotHubInst
return key ? this . translate . instant ( key ) : '' ; return key ? this . translate . instant ( key ) : '' ;
} }
install ( ) : void { onEntitySelectInstall ( ) : void {
if ( this . item . type === ItemType . CALCULATED_FIELD || this . item . type === ItemType . ALARM_RULE ) { if ( ! this . selectedEntityId ) {
this . state = 'select-entity' ;
return ; return ;
} }
this . doI nstall( ) ; this . i nstall( ) ;
} }
installAsEntityProfileDefault ( ) : void { onRuleChainInstall ( ) : void {
this . state = 'select-entity' ; const { setAsDefault , entityType , entityId } = this . ruleChainInstallForm . getRawValue ( ) ;
} if ( ! setAsDefault ) {
this . selectedEntityId = null ;
selectEntityBack ( ) : void { this . install ( ) ;
this . selectedEntityId = null ;
this . state = 'confirm' ;
}
onSelectEntityInstall ( ) : void {
if ( ! this . selectedEntityId ) {
return ; return ;
} }
if ( this . item . type !== ItemType . RULE_CHAIN ) { if ( ! entityId ) {
this . doInstall ( ) ;
return ; return ;
} }
this . resolveOverwrite ( this . selectedEntityId ) . subscribe ( { const profileEntityId : EntityId = { entityType , id : entityId } ;
this . selectedEntityId = profileEntityId ;
this . resolveOverwrite ( profileEntityId ) . subscribe ( {
next : ( pending ) = > { next : ( pending ) = > {
if ( pending ) { if ( pending ) {
this . pendingOverwrite = pending ; this . pendingOverwrite = pending ;
this . state = 'confirm-overwrite' ; this . state = 'confirm-overwrite' ;
} else { } else {
this . pendingOverwrite = null ; this . pendingOverwrite = null ;
this . doI nstall( ) ; this . i nstall( ) ;
} }
} , } ,
error : ( err ) = > { error : ( err ) = > {
@ -170,7 +203,7 @@ export class TbIotHubInstallDialogComponent extends DialogComponent<TbIotHubInst
} }
confirmOverwriteReplace ( ) : void { confirmOverwriteReplace ( ) : void {
this . doI nstall( ) ; this . i nstall( ) ;
} }
confirmOverwriteCancel ( ) : void { confirmOverwriteCancel ( ) : void {
@ -204,7 +237,7 @@ export class TbIotHubInstallDialogComponent extends DialogComponent<TbIotHubInst
) ; ) ;
} }
doI nstall( ) : void { i nstall( ) : void {
this . state = 'installing' ; this . state = 'installing' ;
const versionId = this . item . id as string ; const versionId = this . item . id as string ;
const data = this . selectedEntityId ? { entityId : this.selectedEntityId } : undefined ; const data = this . selectedEntityId ? { entityId : this.selectedEntityId } : undefined ;
Igor Kulikov
4 months ago