refactor(form): replace matAutosize by cdkAutosize (DEV-968) (#754)

* refactor(form): replace matAutosize by cdkAutosize (DEV-968)

* refactor(form): replace matAutosize by cdkAutosize (DEV-968)

Author: kilchenmann

src/app/project/ontology/ontology-form/ontology-form.component.html

@@ -22,8 +22,8 @@
 
         <mat-form-field class="large-field ontology-comment">
             <textarea matInput [formControl]="ontologyForm.controls['comment']"
-                [placeholder]="'Comment'" [value]="ontologyComment"
-                matTextareaAutosize matAutosizeMinRows="6" matAutosizeMaxRows="12">
+                placeholder="Comment" [value]="ontologyComment"
+                [cdkTextareaAutosize]="true" [cdkAutosizeMinRows]="6" [cdkAutosizeMaxRows]="12">
             </textarea>
         </mat-form-field>
 

src/app/project/ontology/property-form/property-form.component.html

@@ -65,7 +65,7 @@
         <!-- comment/description -->
         <div class="large-field string-literal-container">
             <app-string-literal-input
-                [placeholder]="'Comment'"
+                placeholder="Comment"
                 [value]="comments"
                 [disabled]="(resClassIri && propertyInfo.propDef)"
                 [textarea]="true"

src/app/project/ontology/resource-class-form/resource-class-form.component.html

@@ -34,7 +34,7 @@
             <!-- description -->
             <div class="large-field string-literal-container more-space-top">
                 <app-string-literal-input
-                    [placeholder]="'Comment'"
+                    placeholder="Comment"
                     [value]="resourceClassComments"
                     [textarea]="true"
                     (touched)="resourceClassCommentsTouched = $event"

src/app/project/project-form/project-form.component.html

@@ -41,16 +41,6 @@
             {{ formErrors.description }}
         </mat-hint>
 
-        <!-- <mat-form-field class="large-field">
-            <textarea matInput matTextareaAutosize matAutosizeMinRows="6" matAutosizeMaxRows="12"
-                      [placeholder]=" 'appLabels.form.project.general.description' | translate "
-                      [formControl]="form.controls['description']">
-            </textarea>
-            <mat-hint *ngIf="formErrors.description">
-                {{ formErrors.description }}
-            </mat-hint>
-        </mat-form-field> -->
-
         <!-- institution -->
         <!--
         <mat-form-field class="large">

src/app/workspace/resource/resource-link-form/resource-link-form.component.html

@@ -19,9 +19,12 @@
         </mat-form-field>
 
         <mat-form-field class="large-field ontology-comment">
-            <textarea matInput [formControl]="form.controls['comment']"
-                [placeholder]="'Comment'"
-                matTextareaAutosize matAutosizeMinRows="6" matAutosizeMaxRows="12">
+            <textarea matInput
+                placeholder="Comment"
+                [formControl]="form.controls['comment']"
+                [cdkTextareaAutosize]="true"
+                [cdkAutosizeMinRows]="6"
+                [cdkAutosizeMaxRows]="12">
             </textarea>
         </mat-form-field>
 

src/app/workspace/resource/values/boolean-value/boolean-value.component.html

@@ -14,15 +14,14 @@
         </mat-error>
         <mat-form-field class="large-field value-component-comment">
             <textarea
-                    matInput
-                    cdkTextareaAutosize
-                    cdkAutosizeMinRows="1"
-                    cdkAutosizeMaxRows="6"
-                    [formControlName]="'comment'"
-                    class="comment"
-                    placeholder="Comment"
-                    type="text"
-                    spellcheck="false">
+                matInput
+                class="comment"
+                placeholder="Comment"
+                spellcheck="false"
+                [cdkTextareaAutosize]="true"
+                [cdkAutosizeMinRows]="1"
+                [cdkAutosizeMaxRows]="6"
+                [formControlName]="'comment'">
             </textarea>
         </mat-form-field>
     </span>

src/app/workspace/resource/values/color-value/color-value.component.html

@@ -29,14 +29,13 @@
         <mat-form-field class="large-field value-component-comment">
             <textarea
                 matInput
-                cdkTextareaAutosize
-                cdkAutosizeMinRows="1"
-                cdkAutosizeMaxRows="6"
-                [formControlName]="'comment'"
                 class="comment"
                 placeholder="Comment"
-                type="text"
-                spellcheck="false">
+                spellcheck="false"
+                [cdkTextareaAutosize]="true"
+                [cdkAutosizeMinRows]="1"
+                [cdkAutosizeMaxRows]="6"
+                [formControlName]="'comment'">
             </textarea>
         </mat-form-field>
     </span>

src/app/workspace/resource/values/date-value/date-value.component.html

@@ -27,16 +27,16 @@
 
         <!-- Comment field -->
         <mat-form-field class="large-field value-component-comment">
-            <textarea matInput
-                      cdkTextareaAutosize
-                      cdkAutosizeMinRows="1"
-                      cdkAutosizeMaxRows="6"
-                      [formControlName]="'comment'"
-                      class="comment"
-                      placeholder="Comment"
-                      type="text"
-                      spellcheck="false">
-          </textarea>
+            <textarea
+                matInput
+                class="comment"
+                placeholder="Comment"
+                spellcheck="false"
+                [cdkTextareaAutosize]="true"
+                [cdkAutosizeMinRows]="1"
+                [cdkAutosizeMaxRows]="6"
+                [formControlName]="'comment'">
+            </textarea>
         </mat-form-field>
     </span>
 </ng-template>

src/app/workspace/resource/values/decimal-value/decimal-value.component.html

@@ -21,15 +21,15 @@
             </mat-error>
         </mat-form-field>
         <mat-form-field class="large-field value-component-comment">
-            <textarea matInput
-                      cdkTextareaAutosize
-                      cdkAutosizeMinRows="1"
-                      cdkAutosizeMaxRows="6"
-                      [formControlName]="'comment'"
-                      class="comment"
-                      placeholder="Comment"
-                      type="text"
-                      spellcheck="false">
+            <textarea
+                matInput
+                class="comment"
+                placeholder="Comment"
+                spellcheck="false"
+                [cdkTextareaAutosize]="true"
+                [cdkAutosizeMinRows]="1"
+                [cdkAutosizeMaxRows]="6"
+                [formControlName]="'comment'">
             </textarea>
         </mat-form-field>
     </span>

src/app/workspace/resource/values/geoname-value/geoname-value.component.html

@@ -28,15 +28,15 @@
             </mat-error>
         </mat-form-field>
         <mat-form-field class="large-field value-component-comment">
-            <textarea matInput
-                      cdkTextareaAutosize
-                      cdkAutosizeMinRows="1"
-                      cdkAutosizeMaxRows="6"
-                      [formControlName]="'comment'"
-                      class="comment"
-                      placeholder="Comment"
-                      type="text"
-                      spellcheck="false">
+            <textarea
+                matInput
+                class="comment"
+                placeholder="Comment"
+                spellcheck="false"
+                [cdkTextareaAutosize]="true"
+                [cdkAutosizeMinRows]="1"
+                [cdkAutosizeMaxRows]="6"
+                [formControlName]="'comment'">
             </textarea>
         </mat-form-field>
     </span>