From 6dbb4897b4816a4aa4733e0745f18dd5cd755a43 Mon Sep 17 00:00:00 2001
From: Vladyslav_Prykhodko <vprykhodko@thingsboard.io>
Date: Wed, 4 Nov 2020 20:17:56 +0200
Subject: [PATCH] UI: Fixed resize width windows device-wizard-dialog;
 improvement translate en_US

---
 .../wizard/device-wizard-dialog.component.html         |  5 ++++-
 .../wizard/device-wizard-dialog.component.scss         | 10 ++++++++++
 ui-ngx/src/assets/locale/locale.constant-en_US.json    |  2 +-
 3 files changed, 15 insertions(+), 2 deletions(-)

diff --git a/ui-ngx/src/app/modules/home/components/wizard/device-wizard-dialog.component.html b/ui-ngx/src/app/modules/home/components/wizard/device-wizard-dialog.component.html
index 362b3c14ce..8e91be0cc5 100644
--- a/ui-ngx/src/app/modules/home/components/wizard/device-wizard-dialog.component.html
+++ b/ui-ngx/src/app/modules/home/components/wizard/device-wizard-dialog.component.html
@@ -82,7 +82,8 @@
                   [selectFirstProfile]="true"
                   [editProfileEnabled]="false">
                 </tb-device-profile-autocomplete>
-                <mat-form-field fxFlex class="mat-block">
+                <mat-form-field fxFlex class="mat-block"
+                                [ngClass]="{invisible: deviceWizardFormGroup.get('addProfileType').value !== 1}">
                   <mat-label translate>device-profile.new-device-profile-name</mat-label>
                   <input matInput formControlName="newDeviceProfileTitle"
                          [required]="createProfile">
@@ -93,12 +94,14 @@
               </div>
               <div fxLayout="column" fxLayoutAlign="flex-end start">
                 <tb-rule-chain-autocomplete
+                  [ngClass]="{invisible: deviceWizardFormGroup.get('addProfileType').value !== 1}"
                   labelText="device-profile.default-rule-chain"
                   formControlName="defaultRuleChainId">
                 </tb-rule-chain-autocomplete>
               </div>
               <div fxLayout="column" fxLayoutAlign="flex-end start">
                 <tb-queue-type-list
+                  [ngClass]="{invisible: deviceWizardFormGroup.get('addProfileType').value !== 1}"
                   [queueType]="serviceType"
                   formControlName="defaultQueueName">
                 </tb-queue-type-list>
diff --git a/ui-ngx/src/app/modules/home/components/wizard/device-wizard-dialog.component.scss b/ui-ngx/src/app/modules/home/components/wizard/device-wizard-dialog.component.scss
index 55878d638b..b84ff8105f 100644
--- a/ui-ngx/src/app/modules/home/components/wizard/device-wizard-dialog.component.scss
+++ b/ui-ngx/src/app/modules/home/components/wizard/device-wizard-dialog.component.scss
@@ -22,6 +22,10 @@
       max-height: 75vh;
     }
   }
+
+  .invisible{
+    visibility: hidden;
+  }
 }
 
 :host ::ng-deep {
@@ -60,6 +64,12 @@
           height: 100%;
         }
       }
+
+      tb-device-profile-autocomplete, tb-queue-type-list{
+        .mat-form-field-wrapper{
+          width: 180px !important;
+        }
+      }
     }
   }
 }
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 e3b7b4b81d..5c044cbff0 100644
--- a/ui-ngx/src/assets/locale/locale.constant-en_US.json
+++ b/ui-ngx/src/assets/locale/locale.constant-en_US.json
@@ -874,7 +874,7 @@
         "profile-configuration": "Profile configuration",
         "transport-configuration": "Transport configuration",
         "default-rule-chain": "Default rule chain",
-        "select-queue-hint": "The queue name can be selected from a drop-down list or add a custom name.",
+        "select-queue-hint": "Select from a drop-down list or add a custom name.",
         "delete-device-profile-title": "Are you sure you want to delete the device profile '{{deviceProfileName}}'?",
         "delete-device-profile-text": "Be careful, after the confirmation the device profile and all related data will become unrecoverable.",
         "delete-device-profiles-title": "Are you sure you want to delete { count, plural, 1 {1 device profile} other {# device profiles} }?",