Browse Source

Gateway - General Config - Security: added static height for username field

pull/11057/head
mpetrov 2 years ago
parent
commit
59cf88a656
  1. 100
      ui-ngx/src/app/modules/home/components/widget/lib/gateway/gateway-configuration.component.html

100
ui-ngx/src/app/modules/home/components/widget/lib/gateway/gateway-configuration.component.html

@ -93,64 +93,66 @@
matTooltip="{{ 'gateway.hints.token' | translate }}">info_outlined matTooltip="{{ 'gateway.hints.token' | translate }}">info_outlined
</mat-icon> </mat-icon>
</mat-form-field> </mat-form-field>
<div class="tb-form-row no-border no-padding tb-standard-fields" <section>
*ngIf="gatewayConfigGroup.get('thingsboard.security.type').value === 'usernamePassword'"> <div class="tb-form-row no-border no-padding tb-standard-fields"
<mat-form-field appearance="outline" class="flex" subscriptSizing="dynamic"> *ngIf="gatewayConfigGroup.get('thingsboard.security.type').value === 'usernamePassword'">
<mat-label translate>security.clientId</mat-label> <mat-form-field appearance="outline" class="flex">
<input matInput formControlName="clientId"/> <mat-label translate>security.clientId</mat-label>
<mat-error *ngIf="gatewayConfigGroup.get('thingsboard.security.clientId').hasError('required')"> <input matInput formControlName="clientId"/>
{{ 'security.clientId-required' | translate }} <mat-error *ngIf="gatewayConfigGroup.get('thingsboard.security.clientId').hasError('required')">
</mat-error> {{ 'security.clientId-required' | translate }}
<tb-copy-button </mat-error>
matSuffix <tb-copy-button
miniButton="false" matSuffix
*ngIf="gatewayConfigGroup.get('thingsboard.security.clientId').value" miniButton="false"
[copyText]="gatewayConfigGroup.get('thingsboard.security.clientId').value" *ngIf="gatewayConfigGroup.get('thingsboard.security.clientId').value"
tooltipText="{{ 'gateway.copy-client-id' | translate }}" [copyText]="gatewayConfigGroup.get('thingsboard.security.clientId').value"
tooltipPosition="above" tooltipText="{{ 'gateway.copy-client-id' | translate }}"
icon="content_copy"> tooltipPosition="above"
</tb-copy-button> icon="content_copy">
<mat-icon matIconSuffix style="cursor:pointer;" </tb-copy-button>
matTooltip="{{ 'gateway.hints.client-id' | translate }}">info_outlined <mat-icon matIconSuffix style="cursor:pointer;"
</mat-icon> matTooltip="{{ 'gateway.hints.client-id' | translate }}">info_outlined
</mat-form-field> </mat-icon>
<mat-form-field appearance="outline" class="flex" subscriptSizing="dynamic"> </mat-form-field>
<mat-label translate>security.username</mat-label> <mat-form-field appearance="outline" class="flex">
<input matInput formControlName="username"/> <mat-label translate>security.username</mat-label>
<mat-error *ngIf="gatewayConfigGroup.get('thingsboard.security.username').hasError('required')"> <input matInput formControlName="username"/>
{{ 'security.username-required' | translate }} <mat-error *ngIf="gatewayConfigGroup.get('thingsboard.security.username').hasError('required')">
</mat-error> {{ '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 <tb-copy-button
matSuffix matSuffix
miniButton="false" miniButton="false"
*ngIf="gatewayConfigGroup.get('thingsboard.security.username').value" *ngIf="gatewayConfigGroup.get('thingsboard.security.password').value"
[copyText]="gatewayConfigGroup.get('thingsboard.security.username').value" [copyText]="gatewayConfigGroup.get('thingsboard.security.password').value"
tooltipText="{{ 'gateway.copy-username' | translate }}" tooltipText="{{ 'gateway.copy-password' | 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.username' | translate }}">info_outlined matTooltip="{{ 'gateway.hints.password' | translate }}">info_outlined
</mat-icon> </mat-icon>
</mat-form-field> </mat-form-field>
</div> </section>
<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
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>
<tb-error style="margin-top: -12px; display: block;" fxFlex="100" <tb-error style="margin-top: -12px; display: block;" fxFlex="100"
*ngIf="gatewayConfigGroup.get('thingsboard.security.type').value === 'usernamePassword'" *ngIf="gatewayConfigGroup.get('thingsboard.security.type').value === 'usernamePassword'"
[error]="gatewayConfigGroup.get('thingsboard.security').hasError('atLeastOne') ? [error]="gatewayConfigGroup.get('thingsboard.security').hasError('atLeastOne') ?

Loading…
Cancel
Save