diff --git a/ui-ngx/src/app/modules/home/components/widget/lib/gateway/gateway-configuration.component.html b/ui-ngx/src/app/modules/home/components/widget/lib/gateway/gateway-configuration.component.html
index 153b6b0e14..8aeaeef2ed 100644
--- a/ui-ngx/src/app/modules/home/components/widget/lib/gateway/gateway-configuration.component.html
+++ b/ui-ngx/src/app/modules/home/components/widget/lib/gateway/gateway-configuration.component.html
@@ -80,6 +80,15 @@
{{ 'security.access-token-required' | translate }}
+
+
info_outlined
@@ -92,6 +101,15 @@
{{ 'security.clientId-required' | translate }}
+
+
info_outlined
@@ -102,6 +120,15 @@
{{ 'security.username-required' | translate }}
+
+
info_outlined
@@ -109,8 +136,17 @@
- security.password
+ gateway.password
+
+
info_outlined
diff --git a/ui-ngx/src/app/modules/home/components/widget/lib/gateway/gateway-configuration.component.scss b/ui-ngx/src/app/modules/home/components/widget/lib/gateway/gateway-configuration.component.scss
index 46292aa36e..f7562c748e 100644
--- a/ui-ngx/src/app/modules/home/components/widget/lib/gateway/gateway-configuration.component.scss
+++ b/ui-ngx/src/app/modules/home/components/widget/lib/gateway/gateway-configuration.component.scss
@@ -97,5 +97,9 @@
color: #9E9E9E;
}
}
+
+ .mat-mdc-form-field-icon-suffix {
+ display: flex;
+ }
}
diff --git a/ui-ngx/src/app/modules/home/components/widget/lib/gateway/gateway-connectors.component.ts b/ui-ngx/src/app/modules/home/components/widget/lib/gateway/gateway-connectors.component.ts
index aad857ce77..7e09a5bec0 100644
--- a/ui-ngx/src/app/modules/home/components/widget/lib/gateway/gateway-connectors.component.ts
+++ b/ui-ngx/src/app/modules/home/components/widget/lib/gateway/gateway-connectors.component.ts
@@ -21,7 +21,8 @@ import {
FormBuilder,
FormControl,
FormGroup,
- FormGroupDirective, NgForm,
+ FormGroupDirective,
+ NgForm,
UntypedFormControl,
ValidatorFn,
Validators
@@ -165,18 +166,17 @@ export class GatewayConnectorComponent extends PageComponent implements AfterVie
this.serverDataSource = new AttributeDatasource(this.attributeService, this.telemetryWsService, this.zone, this.translate);
this.dataSource = new MatTableDataSource([]);
this.connectorForm = this.fb.group({
- mode: [ConnectorConfigurationModes.BASIC, []],
- name: ['', [Validators.required, this.uniqNameRequired(), Validators.pattern(noLeadTrailSpacesRegex)]],
- type: ['', [Validators.required]],
- enableRemoteLogging: [false, []],
- logLevel: ['', [Validators.required]],
- sendDataOnlyOnChange: [false, []],
- key: ['auto'],
- class: [''],
- configuration: [''],
- configurationJson: [{}, [Validators.required]],
- basicConfig: this.fb.group({
- })
+ mode: [ConnectorConfigurationModes.BASIC, []],
+ name: ['', [Validators.required, this.uniqNameRequired(), Validators.pattern(noLeadTrailSpacesRegex)]],
+ type: ['', [Validators.required]],
+ enableRemoteLogging: [false, []],
+ logLevel: ['', [Validators.required]],
+ sendDataOnlyOnChange: [false, []],
+ key: ['auto'],
+ class: [''],
+ configuration: [''],
+ configurationJson: [{}, [Validators.required]],
+ basicConfig: this.fb.group({})
});
this.connectorForm.disable();
}
diff --git a/ui-ngx/src/assets/locale/locale.constant-en_US.json b/ui-ngx/src/assets/locale/locale.constant-en_US.json
index b751796bd6..8c17ae6f50 100644
--- a/ui-ngx/src/assets/locale/locale.constant-en_US.json
+++ b/ui-ngx/src/assets/locale/locale.constant-en_US.json
@@ -2757,6 +2757,9 @@
"connectors-table-actions": "Actions",
"connectors-table-key": "Key",
"connectors-table-class": "Class",
+ "copy-username": "Copy username",
+ "copy-password": "Copy password",
+ "copy-client-id": "Copy client ID",
"rpc-command-save-template": "Save Template",
"rpc-command-send": "Send",
"rpc-command-result": "Response",