UI: Fixed UI build
This commit is contained in:
Vladyslav_Prykhodko
parent
bf534e2836
commit
95fb479504
@ -67,97 +67,97 @@
|
|||||||
</mat-form-field>
|
</mat-form-field>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<div class="tb-form-panel">
|
||||||
<div class="tb-form-panel">
|
<div translate class="tb-form-panel-title">security.security</div>
|
||||||
<div translate class="tb-form-panel-title">security.security</div>
|
<ng-container formGroupName="security">
|
||||||
<ng-container formGroupName="security">
|
<tb-toggle-select class="toggle-group" formControlName="type">
|
||||||
<tb-toggle-select class="toggle-group" formControlName="type">
|
<tb-toggle-option *ngFor="let securityType of securityTypes | keyvalue"
|
||||||
<tb-toggle-option *ngFor="let securityType of securityTypes | keyvalue"
|
[value]="securityType.key">{{ securityType.value | translate }}
|
||||||
[value]="securityType.key">{{ securityType.value | translate }}</tb-toggle-option>
|
</tb-toggle-option>
|
||||||
</tb-toggle-select>
|
</tb-toggle-select>
|
||||||
<mat-form-field appearance="outline"
|
<mat-form-field appearance="outline"
|
||||||
*ngIf="gatewayConfigGroup.get('thingsboard.security.type').value.toLowerCase().includes('accesstoken')">
|
*ngIf="gatewayConfigGroup.get('thingsboard.security.type').value.toLowerCase().includes('accesstoken')">
|
||||||
<mat-label translate>security.access-token</mat-label>
|
<mat-label translate>security.access-token</mat-label>
|
||||||
<input matInput formControlName="accessToken"/>
|
<input matInput formControlName="accessToken"/>
|
||||||
<mat-error *ngIf="gatewayConfigGroup.get('thingsboard.security.accessToken').hasError('required')">
|
<mat-error *ngIf="gatewayConfigGroup.get('thingsboard.security.accessToken').hasError('required')">
|
||||||
{{ 'security.access-token-required' | translate }}
|
{{ 'security.access-token-required' | translate }}
|
||||||
</mat-error>
|
</mat-error>
|
||||||
<tb-copy-button
|
|
||||||
matSuffix
|
|
||||||
miniButton="false"
|
|
||||||
*ngIf="gatewayConfigGroup.get('thingsboard.security.accessToken').value"
|
|
||||||
[copyText]="gatewayConfigGroup.get('thingsboard.security.accessToken').value"
|
|
||||||
tooltipText="{{ 'device.copy-access-token' | translate }}"
|
|
||||||
tooltipPosition="above"
|
|
||||||
icon="content_copy">
|
|
||||||
</tb-copy-button>
|
|
||||||
<mat-icon matIconSuffix style="cursor:pointer;"
|
|
||||||
matTooltip="{{ 'gateway.hints.token' | translate }}">info_outlined
|
|
||||||
</mat-icon>
|
|
||||||
</mat-form-field>
|
|
||||||
<section>
|
|
||||||
<div class="tb-form-row no-border no-padding tb-standard-fields"
|
|
||||||
*ngIf="gatewayConfigGroup.get('thingsboard.security.type').value === 'usernamePassword'">
|
|
||||||
<mat-form-field appearance="outline" class="flex">
|
|
||||||
<mat-label translate>security.clientId</mat-label>
|
|
||||||
<input matInput formControlName="clientId"/>
|
|
||||||
<mat-error *ngIf="gatewayConfigGroup.get('thingsboard.security.clientId').hasError('required')">
|
|
||||||
{{ 'security.clientId-required' | translate }}
|
|
||||||
</mat-error>
|
|
||||||
<tb-copy-button
|
|
||||||
matSuffix
|
|
||||||
miniButton="false"
|
|
||||||
*ngIf="gatewayConfigGroup.get('thingsboard.security.clientId').value"
|
|
||||||
[copyText]="gatewayConfigGroup.get('thingsboard.security.clientId').value"
|
|
||||||
tooltipText="{{ 'gateway.copy-client-id' | translate }}"
|
|
||||||
tooltipPosition="above"
|
|
||||||
icon="content_copy">
|
|
||||||
</tb-copy-button>
|
|
||||||
<mat-icon matIconSuffix style="cursor:pointer;"
|
|
||||||
matTooltip="{{ 'gateway.hints.client-id' | translate }}">info_outlined
|
|
||||||
</mat-icon>
|
|
||||||
</mat-form-field>
|
|
||||||
<mat-form-field appearance="outline" class="flex">
|
|
||||||
<mat-label translate>security.username</mat-label>
|
|
||||||
<input matInput formControlName="username"/>
|
|
||||||
<mat-error *ngIf="gatewayConfigGroup.get('thingsboard.security.username').hasError('required')">
|
|
||||||
{{ 'security.username-required' | translate }}
|
|
||||||
</mat-error>
|
|
||||||
<tb-copy-button
|
|
||||||
matSuffix
|
|
||||||
miniButton="false"
|
|
||||||
*ngIf="gatewayConfigGroup.get('thingsboard.security.username').value"
|
|
||||||
[copyText]="gatewayConfigGroup.get('thingsboard.security.username').value"
|
|
||||||
tooltipText="{{ 'gateway.copy-username' | translate }}"
|
|
||||||
tooltipPosition="above"
|
|
||||||
icon="content_copy">
|
|
||||||
</tb-copy-button>
|
|
||||||
<mat-icon matIconSuffix style="cursor:pointer;"
|
|
||||||
matTooltip="{{ 'gateway.hints.username' | translate }}">info_outlined
|
|
||||||
</mat-icon>
|
|
||||||
</mat-form-field>
|
|
||||||
</div>
|
|
||||||
<mat-form-field appearance="outline" subscriptSizing="dynamic"
|
|
||||||
*ngIf="gatewayConfigGroup.get('thingsboard.security.type').value === 'usernamePassword'">
|
|
||||||
<mat-label translate>gateway.password</mat-label>
|
|
||||||
<input matInput formControlName="password"/>
|
|
||||||
<tb-copy-button
|
<tb-copy-button
|
||||||
matSuffix
|
matSuffix
|
||||||
miniButton="false"
|
miniButton="false"
|
||||||
*ngIf="gatewayConfigGroup.get('thingsboard.security.password').value"
|
*ngIf="gatewayConfigGroup.get('thingsboard.security.accessToken').value"
|
||||||
[copyText]="gatewayConfigGroup.get('thingsboard.security.password').value"
|
[copyText]="gatewayConfigGroup.get('thingsboard.security.accessToken').value"
|
||||||
tooltipText="{{ 'gateway.copy-password' | translate }}"
|
tooltipText="{{ 'device.copy-access-token' | translate }}"
|
||||||
tooltipPosition="above"
|
tooltipPosition="above"
|
||||||
icon="content_copy">
|
icon="content_copy">
|
||||||
</tb-copy-button>
|
</tb-copy-button>
|
||||||
<mat-icon matIconSuffix style="cursor:pointer;"
|
<mat-icon matIconSuffix style="cursor:pointer;"
|
||||||
matTooltip="{{ 'gateway.hints.password' | translate }}">info_outlined
|
matTooltip="{{ 'gateway.hints.token' | translate }}">info_outlined
|
||||||
</mat-icon>
|
</mat-icon>
|
||||||
</mat-form-field>
|
</mat-form-field>
|
||||||
</section>
|
<section>
|
||||||
<tb-error style="margin-top: -12px; display: block;" fxFlex="100"
|
<div class="tb-form-row no-border no-padding tb-standard-fields"
|
||||||
*ngIf="gatewayConfigGroup.get('thingsboard.security.type').value === 'usernamePassword'"
|
*ngIf="gatewayConfigGroup.get('thingsboard.security.type').value === 'usernamePassword'">
|
||||||
[error]="gatewayConfigGroup.get('thingsboard.security').hasError('atLeastOne') ?
|
<mat-form-field appearance="outline" class="flex">
|
||||||
|
<mat-label translate>security.clientId</mat-label>
|
||||||
|
<input matInput formControlName="clientId"/>
|
||||||
|
<mat-error *ngIf="gatewayConfigGroup.get('thingsboard.security.clientId').hasError('required')">
|
||||||
|
{{ 'security.clientId-required' | translate }}
|
||||||
|
</mat-error>
|
||||||
|
<tb-copy-button
|
||||||
|
matSuffix
|
||||||
|
miniButton="false"
|
||||||
|
*ngIf="gatewayConfigGroup.get('thingsboard.security.clientId').value"
|
||||||
|
[copyText]="gatewayConfigGroup.get('thingsboard.security.clientId').value"
|
||||||
|
tooltipText="{{ 'gateway.copy-client-id' | translate }}"
|
||||||
|
tooltipPosition="above"
|
||||||
|
icon="content_copy">
|
||||||
|
</tb-copy-button>
|
||||||
|
<mat-icon matIconSuffix style="cursor:pointer;"
|
||||||
|
matTooltip="{{ 'gateway.hints.client-id' | translate }}">info_outlined
|
||||||
|
</mat-icon>
|
||||||
|
</mat-form-field>
|
||||||
|
<mat-form-field appearance="outline" class="flex">
|
||||||
|
<mat-label translate>security.username</mat-label>
|
||||||
|
<input matInput formControlName="username"/>
|
||||||
|
<mat-error *ngIf="gatewayConfigGroup.get('thingsboard.security.username').hasError('required')">
|
||||||
|
{{ 'security.username-required' | translate }}
|
||||||
|
</mat-error>
|
||||||
|
<tb-copy-button
|
||||||
|
matSuffix
|
||||||
|
miniButton="false"
|
||||||
|
*ngIf="gatewayConfigGroup.get('thingsboard.security.username').value"
|
||||||
|
[copyText]="gatewayConfigGroup.get('thingsboard.security.username').value"
|
||||||
|
tooltipText="{{ 'gateway.copy-username' | translate }}"
|
||||||
|
tooltipPosition="above"
|
||||||
|
icon="content_copy">
|
||||||
|
</tb-copy-button>
|
||||||
|
<mat-icon matIconSuffix style="cursor:pointer;"
|
||||||
|
matTooltip="{{ 'gateway.hints.username' | translate }}">info_outlined
|
||||||
|
</mat-icon>
|
||||||
|
</mat-form-field>
|
||||||
|
</div>
|
||||||
|
<mat-form-field appearance="outline" subscriptSizing="dynamic" style="width: 100%"
|
||||||
|
*ngIf="gatewayConfigGroup.get('thingsboard.security.type').value === 'usernamePassword'">
|
||||||
|
<mat-label translate>gateway.password</mat-label>
|
||||||
|
<input matInput formControlName="password"/>
|
||||||
|
<tb-copy-button
|
||||||
|
matSuffix
|
||||||
|
miniButton="false"
|
||||||
|
*ngIf="gatewayConfigGroup.get('thingsboard.security.password').value"
|
||||||
|
[copyText]="gatewayConfigGroup.get('thingsboard.security.password').value"
|
||||||
|
tooltipText="{{ 'gateway.copy-password' | translate }}"
|
||||||
|
tooltipPosition="above"
|
||||||
|
icon="content_copy">
|
||||||
|
</tb-copy-button>
|
||||||
|
<mat-icon matIconSuffix style="cursor:pointer;"
|
||||||
|
matTooltip="{{ 'gateway.hints.password' | translate }}">info_outlined
|
||||||
|
</mat-icon>
|
||||||
|
</mat-form-field>
|
||||||
|
</section>
|
||||||
|
<tb-error style="margin-top: -12px; display: block;" fxFlex="100"
|
||||||
|
*ngIf="gatewayConfigGroup.get('thingsboard.security.type').value === 'usernamePassword'"
|
||||||
|
[error]="gatewayConfigGroup.get('thingsboard.security').hasError('atLeastOne') ?
|
||||||
('device.client-id-or-user-name-necessary' | translate) : ''"></tb-error>
|
('device.client-id-or-user-name-necessary' | translate) : ''"></tb-error>
|
||||||
<tb-file-input
|
<tb-file-input
|
||||||
fxFlex="100"
|
fxFlex="100"
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user