UI: Added trim value for created device, improvement created default rule chain and view queue-type-list

ui-ngx/src/app/modules/home/components/profile/add-device-profile-dialog.component.html

@@ -49,7 +49,6 @@
               [queueType]="serviceType"
               formControlName="defaultQueueName">
             </tb-queue-type-list>
-            <div class="tb-hint" translate>device-profile.select-queue-hint</div>
             <mat-form-field fxHide class="mat-block">
               <mat-label translate>device-profile.type</mat-label>
               <mat-select formControlName="type" required>

ui-ngx/src/app/modules/home/components/profile/device-profile.component.html

@@ -57,7 +57,6 @@
         [queueType]="serviceType"
         formControlName="defaultQueueName">
       </tb-queue-type-list>
-      <div class="tb-hint" translate>device-profile.select-queue-hint</div>
       <mat-form-field fxHide class="mat-block">
         <mat-label translate>device-profile.type</mat-label>
         <mat-select formControlName="type" required>

ui-ngx/src/app/modules/home/components/rule-chain/rule-chain-autocomplete.component.ts

@@ -202,8 +202,8 @@ export class RuleChainAutocompleteComponent implements ControlValueAccessor, OnI
   createDefaultRuleChain($event: Event, ruleChainName: string) {
     $event.preventDefault();
     this.ruleChainAutocomplete.closePanel();
-    this.ruleChainService.createDefaultRuleChain(ruleChainName).subscribe((ruleChain) => {
-      this.updateView(ruleChain.id.id);
+    this.ruleChainService.createDefaultRuleChain(ruleChainName.trim()).subscribe((ruleChain) => {
+      this.selectRuleChainFormGroup.get('ruleChainId').patchValue(ruleChain);
     });
   }
 }

ui-ngx/src/app/modules/home/components/wizard/device-wizard-dialog.component.html

@@ -102,7 +102,6 @@
                   [queueType]="serviceType"
                   formControlName="defaultQueueName">
                 </tb-queue-type-list>
-                <div class="tb-hint" translate>device-profile.select-queue-hint</div>
               </div>
             </div>
             <mat-checkbox formControlName="gateway" style="padding-bottom: 16px;">

ui-ngx/src/app/modules/home/components/wizard/device-wizard-dialog.component.ts

@@ -25,8 +25,12 @@ import {
   createDeviceProfileConfiguration,
   createDeviceProfileTransportConfiguration,
   DeviceProfile,
-  DeviceProfileType, DeviceProvisionConfiguration, DeviceProvisionType,
-  DeviceTransportType, deviceTransportTypeConfigurationInfoMap, deviceTransportTypeHintMap,
+  DeviceProfileType,
+  DeviceProvisionConfiguration,
+  DeviceProvisionType,
+  DeviceTransportType,
+  deviceTransportTypeConfigurationInfoMap,
+  deviceTransportTypeHintMap,
   deviceTransportTypeTranslationMap
 } from '@shared/models/device.models';
 import { MatHorizontalStepper } from '@angular/material/stepper';
@@ -43,7 +47,8 @@ import { StepperSelectionEvent } from '@angular/cdk/stepper';
 import { BreakpointObserver, BreakpointState } from '@angular/cdk/layout';
 import { MediaBreakpoints } from '@shared/models/constants';
 import { RuleChainId } from '@shared/models/id/rule-chain-id';
-import {ServiceType} from "@shared/models/queue.models";
+import { ServiceType } from '@shared/models/queue.models';
+import { deepTrim } from '@core/utils';
 
 @Component({
   selector: 'tb-device-wizard',
@@ -108,7 +113,7 @@ export class DeviceWizardDialogComponent extends
         deviceProfileId: [null, Validators.required],
         newDeviceProfileTitle: [{value: null, disabled: true}],
         defaultRuleChainId: [{value: null, disabled: true}],
-        defaultQueueName: [''],
+        defaultQueueName: [{value: null, disabled: true}],
         description: ['']
       }
     );
@@ -288,7 +293,7 @@ export class DeviceWizardDialogComponent extends
       if (this.deviceWizardFormGroup.get('defaultRuleChainId').value) {
         deviceProfile.defaultRuleChainId = new RuleChainId(this.deviceWizardFormGroup.get('defaultRuleChainId').value);
       }
-      return this.deviceProfileService.saveDeviceProfile(deviceProfile).pipe(
+      return this.deviceProfileService.saveDeviceProfile(deepTrim(deviceProfile)).pipe(
         map(profile => profile.id),
         tap((profileId) => {
           this.deviceWizardFormGroup.patchValue({
@@ -319,7 +324,7 @@ export class DeviceWizardDialogComponent extends
         id: this.customerFormGroup.get('customerId').value
       };
     }
-    return this.data.entitiesTableConfig.saveEntity(device);
+    return this.data.entitiesTableConfig.saveEntity(deepTrim(device));
   }
 
   private saveCredentials(device: BaseData<HasId>): Observable<boolean> {

ui-ngx/src/app/shared/components/queue/queue-type-list.component.html

@@ -40,4 +40,5 @@
   <mat-error *ngIf="queueFormGroup.get('queue').hasError('required')">
     {{ 'queue.name_required' | translate }}
   </mat-error>
+  <mat-hint class="tb-hint" translate [fxShow]="!disabled">device-profile.select-queue-hint</mat-hint>
 </mat-form-field>