Moved description fields to one standard

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

@@ -89,7 +89,7 @@
       </tb-gallery-image-input>
       <mat-form-field class="mat-block">
         <mat-label translate>asset-profile.description</mat-label>
-        <textarea matInput formControlName="description" rows="2"></textarea>
+        <textarea matInput formControlName="description" cdkTextareaAutosize cdkAutosizeMinRows="1" rows="1"></textarea>
       </mat-form-field>
     </fieldset>
   </form>

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

@@ -114,7 +114,7 @@
       </tb-gallery-image-input>
       <mat-form-field class="mat-block">
         <mat-label translate>device-profile.description</mat-label>
-        <textarea matInput formControlName="description" rows="2"></textarea>
+        <textarea matInput formControlName="description" cdkTextareaAutosize cdkAutosizeMinRows="1" rows="1"></textarea>
       </mat-form-field>
       <mat-form-field *ngIf="standalone" class="mat-block">
         <mat-label translate>device-profile.transport-type</mat-label>

ui-ngx/src/app/modules/home/pages/asset/asset.component.html

@@ -110,7 +110,7 @@
       <div formGroupName="additionalInfo">
         <mat-form-field class="mat-block">
           <mat-label translate>asset.description</mat-label>
-          <textarea matInput formControlName="description" rows="2"></textarea>
+          <textarea matInput formControlName="description" cdkTextareaAutosize cdkAutosizeMinRows="1" rows="1"></textarea>
         </mat-form-field>
       </div>
     </fieldset>

ui-ngx/src/app/modules/home/pages/customer/customer.component.html

@@ -83,11 +83,8 @@
           {{ 'customer.title-max-length' | translate }}
         </mat-error>
       </mat-form-field>
+      <tb-contact [parentForm]="entityForm" [isEdit]="isEdit"></tb-contact>
       <div formGroupName="additionalInfo" class="flex flex-col">
-        <mat-form-field class="mat-block">
-          <mat-label translate>customer.description</mat-label>
-          <textarea matInput formControlName="description" rows="2"></textarea>
-        </mat-form-field>
         <section class="tb-default-dashboard flex flex-1 flex-col" *ngIf="entity?.id">
           <section class="flex flex-1 flex-col gt-sm:flex-row">
             <tb-dashboard-autocomplete
@@ -103,8 +100,11 @@
             </mat-checkbox>
           </section>
         </section>
+        <mat-form-field class="mat-block">
+          <mat-label translate>customer.description</mat-label>
+          <textarea matInput formControlName="description" cdkTextareaAutosize cdkAutosizeMinRows="1" rows="1"></textarea>
+        </mat-form-field>
       </div>
-      <tb-contact [parentForm]="entityForm" [isEdit]="isEdit"></tb-contact>
     </fieldset>
   </form>
 </div>

ui-ngx/src/app/modules/home/pages/dashboard/dashboard-form.component.html

@@ -124,12 +124,6 @@
           {{ 'dashboard.title-max-length' | translate }}
         </mat-error>
       </mat-form-field>
-      <div formGroupName="configuration" class="flex flex-col">
-        <mat-form-field class="mat-block">
-          <mat-label translate>dashboard.description</mat-label>
-          <textarea matInput formControlName="description" rows="2"></textarea>
-        </mat-form-field>
-      </div>
       <tb-entity-list
         *ngIf="isAdd"
         formControlName="assignedCustomerIds"
@@ -150,6 +144,12 @@
                                 formControlName="image">
         </tb-gallery-image-input>
       </div>
+      <div formGroupName="configuration" class="flex flex-col mt-5">
+        <mat-form-field class="mat-block">
+          <mat-label translate>dashboard.description</mat-label>
+          <textarea matInput formControlName="description" cdkTextareaAutosize cdkAutosizeMinRows="1" rows="1"></textarea>
+        </mat-form-field>
+      </div>
     </fieldset>
   </form>
 </div>

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

@@ -150,7 +150,7 @@
         </div>
         <mat-form-field class="mat-block">
           <mat-label translate>device.description</mat-label>
-          <textarea matInput formControlName="description" rows="2"></textarea>
+          <textarea matInput formControlName="description" cdkTextareaAutosize cdkAutosizeMinRows="1" rows="1"></textarea>
         </mat-form-field>
       </div>
     </fieldset>

ui-ngx/src/app/modules/home/pages/edge/edge.component.html

@@ -198,7 +198,7 @@
       <div formGroupName="additionalInfo" class="flex flex-col">
         <mat-form-field class="mat-block">
           <mat-label translate>edge.description</mat-label>
-          <textarea matInput formControlName="description" rows="2"></textarea>
+          <textarea matInput formControlName="description" cdkTextareaAutosize cdkAutosizeMinRows="1" rows="1"></textarea>
         </mat-form-field>
       </div>
     </fieldset>

ui-ngx/src/app/modules/home/pages/entity-view/entity-view.component.html

@@ -161,7 +161,7 @@
       <div formGroupName="additionalInfo">
         <mat-form-field class="mat-block">
           <mat-label translate>entity-view.description</mat-label>
-          <textarea matInput formControlName="description" rows="2"></textarea>
+          <textarea matInput formControlName="description" cdkTextareaAutosize cdkAutosizeMinRows="1" rows="1"></textarea>
         </mat-form-field>
       </div>
     </fieldset>

ui-ngx/src/app/modules/home/pages/mobile/bundes/mobile-bundle-dialog.component.html

@@ -73,7 +73,7 @@
         </tb-entity-autocomplete>
         <mat-form-field appearance="outline">
           <mat-label translate>mobile.description</mat-label>
-          <textarea matInput formControlName="description" rows="1"></textarea>
+          <textarea matInput formControlName="description" cdkTextareaAutosize cdkAutosizeMinRows="1" rows="1"></textarea>
         </mat-form-field>
       </form>
     </mat-step>

ui-ngx/src/app/modules/home/pages/notification/recipient/recipient-notification-dialog.component.html

@@ -155,7 +155,7 @@
       </section>
       <mat-form-field class="mat-block">
         <mat-label translate>notification.description</mat-label>
-        <input matInput formControlName="description">
+        <textarea matInput formControlName="description" cdkTextareaAutosize cdkAutosizeMinRows="1" rows="1"></textarea>
       </mat-form-field>
     </section>
   </div>

ui-ngx/src/app/modules/home/pages/notification/rule/rule-notification-dialog.component.html

@@ -150,7 +150,7 @@
         <section formGroupName="additionalConfig">
           <mat-form-field class="mat-block">
             <mat-label translate>notification.description</mat-label>
-            <input matInput formControlName="description">
+            <textarea matInput formControlName="description" cdkTextareaAutosize cdkAutosizeMinRows="1" rows="1"></textarea>
           </mat-form-field>
         </section>
       </form>
@@ -204,7 +204,7 @@
         <section formGroupName="additionalConfig">
           <mat-form-field class="mat-block">
             <mat-label translate>notification.description</mat-label>
-            <input matInput formControlName="description">
+            <textarea matInput formControlName="description" cdkTextareaAutosize cdkAutosizeMinRows="1" rows="1"></textarea>
           </mat-form-field>
         </section>
       </form>
@@ -233,7 +233,7 @@
         <section formGroupName="additionalConfig">
           <mat-form-field class="mat-block">
             <mat-label translate>notification.description</mat-label>
-            <input matInput formControlName="description">
+            <textarea matInput formControlName="description" cdkTextareaAutosize cdkAutosizeMinRows="1" rows="1"></textarea>
           </mat-form-field>
         </section>
       </form>
@@ -287,7 +287,7 @@
         <section formGroupName="additionalConfig">
           <mat-form-field class="mat-block">
             <mat-label translate>notification.description</mat-label>
-            <input matInput formControlName="description">
+            <textarea matInput formControlName="description" cdkTextareaAutosize cdkAutosizeMinRows="1" rows="1"></textarea>
           </mat-form-field>
         </section>
       </form>
@@ -343,7 +343,7 @@
         <section formGroupName="additionalConfig">
           <mat-form-field class="mat-block">
             <mat-label translate>notification.description</mat-label>
-            <input matInput formControlName="description">
+            <textarea matInput formControlName="description" cdkTextareaAutosize cdkAutosizeMinRows="1" rows="1"></textarea>
           </mat-form-field>
         </section>
       </form>
@@ -402,7 +402,7 @@
         <section formGroupName="additionalConfig">
           <mat-form-field class="mat-block">
             <mat-label translate>notification.description</mat-label>
-            <input matInput formControlName="description">
+            <textarea matInput formControlName="description" cdkTextareaAutosize cdkAutosizeMinRows="1" rows="1"></textarea>
           </mat-form-field>
         </section>
       </form>
@@ -439,7 +439,7 @@
         <section formGroupName="additionalConfig">
           <mat-form-field class="mat-block">
             <mat-label translate>notification.description</mat-label>
-            <input matInput formControlName="description">
+            <textarea matInput formControlName="description" cdkTextareaAutosize cdkAutosizeMinRows="1" rows="1"></textarea>
           </mat-form-field>
         </section>
       </form>
@@ -464,7 +464,7 @@
         <section formGroupName="additionalConfig">
           <mat-form-field class="mat-block">
             <mat-label translate>notification.description</mat-label>
-            <input matInput formControlName="description">
+            <textarea matInput formControlName="description" cdkTextareaAutosize cdkAutosizeMinRows="1" rows="1"></textarea>
           </mat-form-field>
         </section>
       </form>
@@ -501,7 +501,7 @@
         <section formGroupName="additionalConfig">
           <mat-form-field class="mat-block">
             <mat-label translate>notification.description</mat-label>
-            <input matInput formControlName="description">
+            <textarea matInput formControlName="description" cdkTextareaAutosize cdkAutosizeMinRows="1" rows="1"></textarea>
           </mat-form-field>
         </section>
       </form>
@@ -538,7 +538,7 @@
         <section formGroupName="additionalConfig">
           <mat-form-field class="mat-block">
             <mat-label translate>notification.description</mat-label>
-            <input matInput formControlName="description">
+            <textarea matInput formControlName="description" cdkTextareaAutosize cdkAutosizeMinRows="1" rows="1"></textarea>
           </mat-form-field>
         </section>
       </form>
@@ -551,7 +551,7 @@
         <section formGroupName="additionalConfig">
           <mat-form-field class="mat-block">
             <mat-label translate>notification.description</mat-label>
-            <input matInput formControlName="description">
+            <textarea matInput formControlName="description" cdkTextareaAutosize cdkAutosizeMinRows="1" rows="1"></textarea>
           </mat-form-field>
         </section>
       </form>
@@ -574,7 +574,7 @@
         <section formGroupName="additionalConfig">
           <mat-form-field class="mat-block">
             <mat-label translate>notification.description</mat-label>
-            <input matInput formControlName="description">
+            <textarea matInput formControlName="description" cdkTextareaAutosize cdkAutosizeMinRows="1" rows="1"></textarea>
           </mat-form-field>
         </section>
       </form>
@@ -587,7 +587,7 @@
         <section formGroupName="additionalConfig">
           <mat-form-field class="mat-block">
             <mat-label translate>notification.description</mat-label>
-            <input matInput formControlName="description">
+            <textarea matInput formControlName="description" cdkTextareaAutosize cdkAutosizeMinRows="1" rows="1"></textarea>
           </mat-form-field>
         </section>
       </form>
@@ -650,7 +650,7 @@
         <section formGroupName="additionalConfig">
           <mat-form-field class="mat-block">
             <mat-label translate>notification.description</mat-label>
-            <input matInput formControlName="description">
+            <textarea matInput formControlName="description" cdkTextareaAutosize cdkAutosizeMinRows="1" rows="1"></textarea>
           </mat-form-field>
         </section>
       </form>

ui-ngx/src/app/modules/home/pages/ota-update/ota-update.component.html

@@ -177,7 +177,7 @@
       <div formGroupName="additionalInfo">
         <mat-form-field class="mat-block">
           <mat-label translate>ota-update.description</mat-label>
-          <textarea matInput formControlName="description" rows="2"></textarea>
+          <textarea matInput formControlName="description" cdkTextareaAutosize cdkAutosizeMinRows="1" rows="1"></textarea>
         </mat-form-field>
       </div>
     </fieldset>

ui-ngx/src/app/modules/home/pages/rulechain/rule-node-details.component.html

@@ -75,7 +75,7 @@
     <div formGroupName="additionalInfo">
       <mat-form-field class="mat-block">
         <mat-label translate>rulenode.rule-node-description</mat-label>
-        <textarea matInput formControlName="description" rows="1"></textarea>
+        <textarea matInput formControlName="description" cdkTextareaAutosize cdkAutosizeMinRows="1" rows="1"></textarea>
       </mat-form-field>
     </div>
   </div>

ui-ngx/src/app/modules/home/pages/rulechain/rulechain.component.html

@@ -94,7 +94,7 @@
       <div formGroupName="additionalInfo">
         <mat-form-field class="mat-block">
           <mat-label translate>rulechain.description</mat-label>
-          <textarea matInput formControlName="description" rows="2"></textarea>
+          <textarea matInput formControlName="description" cdkTextareaAutosize cdkAutosizeMinRows="1" rows="1"></textarea>
         </mat-form-field>
       </div>
     </fieldset>

ui-ngx/src/app/modules/home/pages/scada-symbol/metadata-components/scada-symbol-metadata.component.html

@@ -37,8 +37,10 @@
           <div class="fixed-title-width" translate>scada.description</div>
           <mat-form-field class="flex-1" appearance="outline" subscriptSizing="dynamic">
             <textarea matInput
+                      cdkTextareaAutosize
+                      cdkAutosizeMinRows="1"
                       formControlName="description"
-                      rows="2"></textarea>
+                      rows="1"></textarea>
           </mat-form-field>
         </div>
         <div class="tb-form-row">

ui-ngx/src/app/modules/home/pages/user/user.component.html

@@ -119,10 +119,6 @@
             }
           </mat-select>
         </mat-form-field>
-        <mat-form-field class="mat-block" appearance="outline">
-          <mat-label translate>user.description</mat-label>
-          <textarea matInput formControlName="description" rows="2"></textarea>
-        </mat-form-field>
         <section class="tb-default-dashboard flex flex-1 flex-col" *ngIf="entity?.id">
           <section class="flex flex-1 flex-col items-baseline gt-sm:flex-row">
             <tb-dashboard-autocomplete
@@ -155,6 +151,10 @@
             </mat-checkbox>
           </section>
         </section>
+        <mat-form-field class="mat-block" appearance="outline">
+          <mat-label translate>user.description</mat-label>
+          <textarea matInput formControlName="description" cdkTextareaAutosize cdkAutosizeMinRows="1" rows="1"></textarea>
+        </mat-form-field>
       </div>
     </fieldset>
   </form>

ui-ngx/src/app/modules/home/pages/widget/widget-type.component.html

@@ -58,11 +58,6 @@
                       label="{{'widget.image-preview' | translate}}"
                       formControlName="image">
       </tb-gallery-image-input>
-      <mat-form-field class="mat-block">
-        <mat-label translate>widget.description</mat-label>
-        <textarea matInput formControlName="description" rows="2" maxlength="1024" #descriptionInput></textarea>
-        <mat-hint align="end">{{descriptionInput.value?.length || 0}}/1024</mat-hint>
-      </mat-form-field>
       <tb-string-items-list
         label="{{ 'widget.tags' | translate }}"
         formControlName="tags">
@@ -75,6 +70,11 @@
           {{ 'widget.deprecated' | translate }}
         </mat-slide-toggle>
       </div>
+      <mat-form-field class="mat-block mt-5">
+        <mat-label translate>widget.description</mat-label>
+        <textarea matInput formControlName="description" cdkTextareaAutosize cdkAutosizeMinRows="1" rows="1" maxlength="1024" #descriptionInput></textarea>
+        <mat-hint align="end">{{descriptionInput.value?.length || 0}}/1024</mat-hint>
+      </mat-form-field>
     </fieldset>
   </form>
 </div>