From 30cfda777b3026f10f41f41be52fdd728d56d930 Mon Sep 17 00:00:00 2001
From: Vladyslav_Prykhodko <vprykhodko@thingsboard.io>
Date: Thu, 14 Aug 2025 15:44:17 +0300
Subject: [PATCH] UI: Fixed autofill password

---
 .../home/components/ai-model/ai-model-dialog.component.html | 6 +++---
 .../rule-node/common/credentials-config.component.html      | 4 ++--
 .../rule-node/external/rabbit-mq-config.component.html      | 2 +-
 .../rule-node/external/send-email-config.component.html     | 2 +-
 .../sms/aws-sns-provider-configuration.component.html       | 2 +-
 .../app/modules/home/pages/admin/mail-server.component.html | 2 +-
 6 files changed, 9 insertions(+), 9 deletions(-)

diff --git a/ui-ngx/src/app/modules/home/components/ai-model/ai-model-dialog.component.html b/ui-ngx/src/app/modules/home/components/ai-model/ai-model-dialog.component.html
index 860e615410..5f9c189399 100644
--- a/ui-ngx/src/app/modules/home/components/ai-model/ai-model-dialog.component.html
+++ b/ui-ngx/src/app/modules/home/components/ai-model/ai-model-dialog.component.html
@@ -59,7 +59,7 @@
             @if (providerFieldsList.includes('personalAccessToken')) {
               <mat-form-field class="mat-block flex-1" appearance="outline">
                 <mat-label translate>ai-models.personal-access-token</mat-label>
-                <input type="password" required matInput formControlName="personalAccessToken">
+                <input type="password" required matInput formControlName="personalAccessToken" autocomplete="new-password">
                 <tb-toggle-password matSuffix></tb-toggle-password>
                 <mat-error *ngIf="aiModelForms.get('configuration').get('providerConfig').get('personalAccessToken').hasError('required')">
                   {{ 'ai-models.personal-access-token-required' | translate }}
@@ -115,7 +115,7 @@
             @if (providerFieldsList.includes('apiKey')) {
               <mat-form-field class="mat-block flex-1" appearance="outline">
                 <mat-label translate>ai-models.api-key</mat-label>
-                <input type="password" required matInput formControlName="apiKey">
+                <input type="password" required matInput formControlName="apiKey" autocomplete="new-password">
                 <tb-toggle-password matSuffix></tb-toggle-password>
                 <mat-error *ngIf="aiModelForms.get('configuration').get('providerConfig').get('apiKey').hasError('required')">
                   {{ 'ai-models.api-key-required' | translate }}
@@ -143,7 +143,7 @@
             @if (providerFieldsList.includes('secretAccessKey')) {
               <mat-form-field class="mat-block flex-1" appearance="outline">
                 <mat-label translate>ai-models.secret-access-key</mat-label>
-                <input type="password" required matInput formControlName="secretAccessKey">
+                <input type="password" required matInput formControlName="secretAccessKey" autocomplete="new-password">
                 <tb-toggle-password matSuffix></tb-toggle-password>
                 <mat-error *ngIf="aiModelForms.get('configuration').get('providerConfig').get('secretAccessKey').hasError('required')">
                   {{ 'ai-models.secret-access-key-required' | translate }}
diff --git a/ui-ngx/src/app/modules/home/components/rule-node/common/credentials-config.component.html b/ui-ngx/src/app/modules/home/components/rule-node/common/credentials-config.component.html
index 7f7d50db3e..59bfa7ce9f 100644
--- a/ui-ngx/src/app/modules/home/components/rule-node/common/credentials-config.component.html
+++ b/ui-ngx/src/app/modules/home/components/rule-node/common/credentials-config.component.html
@@ -49,7 +49,7 @@
           </mat-form-field>
           <mat-form-field class="mat-block">
             <mat-label translate>rule-node-config.password</mat-label>
-            <input type="password" [required]="passwordFieldRequired" matInput formControlName="password">
+            <input type="password" [required]="passwordFieldRequired" matInput formControlName="password" autocomplete="new-password">
             <tb-toggle-password matSuffix></tb-toggle-password>
             <mat-error *ngIf="credentialsConfigFormGroup.get('password').hasError('required')">
               {{ 'rule-node-config.password-required' | translate }}
@@ -85,7 +85,7 @@
           </tb-file-input>
           <mat-form-field class="mat-block">
             <mat-label translate>rule-node-config.private-key-password</mat-label>
-            <input type="password" matInput formControlName="password">
+            <input type="password" matInput formControlName="password" autocomplete="new-password">
             <tb-toggle-password matSuffix></tb-toggle-password>
           </mat-form-field>
         </ng-template>
diff --git a/ui-ngx/src/app/modules/home/components/rule-node/external/rabbit-mq-config.component.html b/ui-ngx/src/app/modules/home/components/rule-node/external/rabbit-mq-config.component.html
index 0676af17f9..6adf2e6a4e 100644
--- a/ui-ngx/src/app/modules/home/components/rule-node/external/rabbit-mq-config.component.html
+++ b/ui-ngx/src/app/modules/home/components/rule-node/external/rabbit-mq-config.component.html
@@ -64,7 +64,7 @@
   </mat-form-field>
   <mat-form-field class="mat-block">
     <mat-label translate>rule-node-config.password</mat-label>
-    <input type="password" matInput formControlName="password">
+    <input type="password" matInput formControlName="password" autocomplete="new-password">
     <tb-toggle-password matSuffix></tb-toggle-password>
   </mat-form-field>
   <mat-checkbox formControlName="automaticRecoveryEnabled">
diff --git a/ui-ngx/src/app/modules/home/components/rule-node/external/send-email-config.component.html b/ui-ngx/src/app/modules/home/components/rule-node/external/send-email-config.component.html
index 0e9db748bf..545f9ba985 100644
--- a/ui-ngx/src/app/modules/home/components/rule-node/external/send-email-config.component.html
+++ b/ui-ngx/src/app/modules/home/components/rule-node/external/send-email-config.component.html
@@ -109,7 +109,7 @@
     </mat-form-field>
     <mat-form-field class="mat-block" floatLabel="always">
       <mat-label translate>rule-node-config.password</mat-label>
-      <input matInput type="password" placeholder="{{ 'rule-node-config.enter-password' | translate }}" formControlName="password">
+      <input matInput type="password" placeholder="{{ 'rule-node-config.enter-password' | translate }}" formControlName="password" autocomplete="new-password">
       <tb-toggle-password matSuffix></tb-toggle-password>
     </mat-form-field>
   </section>
diff --git a/ui-ngx/src/app/modules/home/components/sms/aws-sns-provider-configuration.component.html b/ui-ngx/src/app/modules/home/components/sms/aws-sns-provider-configuration.component.html
index 14d4a227ff..afd272e1cd 100644
--- a/ui-ngx/src/app/modules/home/components/sms/aws-sns-provider-configuration.component.html
+++ b/ui-ngx/src/app/modules/home/components/sms/aws-sns-provider-configuration.component.html
@@ -25,7 +25,7 @@
   </mat-form-field>
   <mat-form-field class="mat-block">
     <mat-label translate>admin.aws-secret-access-key</mat-label>
-    <input required type="password" matInput formControlName="secretAccessKey">
+    <input required type="password" matInput formControlName="secretAccessKey" autocomplete="new-password">
     <tb-toggle-password matSuffix></tb-toggle-password>
     <mat-error *ngIf="awsSnsProviderConfigurationFormGroup.get('secretAccessKey').hasError('required')">
       {{ 'admin.aws-secret-access-key-required' | translate }}
diff --git a/ui-ngx/src/app/modules/home/pages/admin/mail-server.component.html b/ui-ngx/src/app/modules/home/pages/admin/mail-server.component.html
index 948571dbe0..a3dc30da87 100644
--- a/ui-ngx/src/app/modules/home/pages/admin/mail-server.component.html
+++ b/ui-ngx/src/app/modules/home/pages/admin/mail-server.component.html
@@ -136,7 +136,7 @@
                   </mat-form-field>
                   <mat-form-field class="mat-block flex-1">
                     <mat-label translate>admin.proxy-password</mat-label>
-                    <input matInput type="password" formControlName="proxyPassword" autocomplete="new-proxy-password">
+                    <input matInput type="password" formControlName="proxyPassword" autocomplete="new-password">
                     <tb-toggle-password matSuffix></tb-toggle-password>
                   </mat-form-field>
                 </div>