UI: Fixed load device-profile details

This commit is contained in:
Vladyslav_Prykhodko 2020-12-21 18:59:54 +02:00
parent 8fe13a2c7a
commit f566bff84a

View File

@ -15,9 +15,9 @@
limitations under the License. limitations under the License.
--> -->
<mat-tab *ngIf="entity" <mat-tab *ngIf="entity" #transportType="matTab"
label="{{ 'device-profile.transport-configuration' | translate }}" #transportType="matTab"> label="{{ 'device-profile.transport-configuration' | translate }}">
<div class="mat-padding" [formGroup]="detailsForm"> <div class="mat-padding" [formGroup]="detailsForm" *ngIf="transportType.isActive">
<mat-form-field class="mat-block"> <mat-form-field class="mat-block">
<mat-label translate>device-profile.transport-type</mat-label> <mat-label translate>device-profile.transport-type</mat-label>
<mat-select formControlName="transportType" required> <mat-select formControlName="transportType" required>
@ -40,19 +40,19 @@
</div> </div>
</div> </div>
</mat-tab> </mat-tab>
<mat-tab *ngIf="entity" <mat-tab *ngIf="entity" #alarmRules="matTab"
label="{{'device-profile.alarm-rules-with-count' | translate: label="{{'device-profile.alarm-rules-with-count' | translate:
{count: entity.profileData?.alarms?.length ? entity.profileData.alarms.length : 0} {count: entity.profileData?.alarms?.length ? entity.profileData.alarms.length : 0}
}}" #alarmRules="matTab"> }}">
<div class="mat-padding" [formGroup]="detailsForm"> <div class="mat-padding" [formGroup]="detailsForm" *ngIf="alarmRules.isActive">
<div formGroupName="profileData"> <div formGroupName="profileData">
<tb-device-profile-alarms formControlName="alarms" [deviceProfileId]="entity.id"></tb-device-profile-alarms> <tb-device-profile-alarms formControlName="alarms" [deviceProfileId]="entity.id"></tb-device-profile-alarms>
</div> </div>
</div> </div>
</mat-tab> </mat-tab>
<mat-tab *ngIf="entity" <mat-tab *ngIf="entity" #deviceProvisioning="matTab"
label="{{ 'device-profile.device-provisioning' | translate }}" #deviceProvisioning="matTab"> label="{{ 'device-profile.device-provisioning' | translate }}">
<div class="mat-padding" [formGroup]="detailsForm"> <div class="mat-padding" [formGroup]="detailsForm" *ngIf="deviceProvisioning.isActive">
<div formGroupName="profileData"> <div formGroupName="profileData">
<tb-device-profile-provision-configuration formControlName="provisionConfiguration"> <tb-device-profile-provision-configuration formControlName="provisionConfiguration">
</tb-device-profile-provision-configuration> </tb-device-profile-provision-configuration>
@ -70,7 +70,7 @@
</div> </div>
</div> </div>
</mat-tab> </mat-tab>
<mat-tab *ngIf="entity && !isEdit" <mat-tab *ngIf="entity && !isEdit" #auditLogsTab="matTab"
label="{{ 'audit-log.audit-logs' | translate }}" #auditLogsTab="matTab"> label="{{ 'audit-log.audit-logs' | translate }}">
<tb-audit-log-table detailsMode="true" [active]="auditLogsTab.isActive" [auditLogMode]="auditLogModes.ENTITY" [entityId]="entity.id"></tb-audit-log-table> <tb-audit-log-table detailsMode="true" [active]="auditLogsTab.isActive" [auditLogMode]="auditLogModes.ENTITY" [entityId]="entity.id"></tb-audit-log-table>
</mat-tab> </mat-tab>