From f9629404f4c1773c30c85f549b4df86d830b76b3 Mon Sep 17 00:00:00 2001
From: romandivonchuk <74153212+romandivonchuk@users.noreply.github.com>
Date: Fri, 3 Dec 2021 17:04:26 +0200
Subject: [PATCH] Create workshop#673 (#682)

---
 src/app/shared/styles/create-form.scss        | 20 +++++++++++++++++++
 .../create-photo-form.component.html          | 10 ++++++----
 .../create-about-form.component.html          |  4 ++--
 .../create-address.component.scss             |  2 +-
 .../create-description-form.component.html    | 10 ++++++----
 .../create-description-form.component.scss    |  2 +-
 .../teacher-form/teacher-form.component.html  | 10 ++++++----
 7 files changed, 42 insertions(+), 16 deletions(-)

diff --git a/src/app/shared/styles/create-form.scss b/src/app/shared/styles/create-form.scss
index d209cfaf6c..7ec1f0f007 100644
--- a/src/app/shared/styles/create-form.scss
+++ b/src/app/shared/styles/create-form.scss
@@ -178,3 +178,23 @@ button:focus {
   border-bottom: 2px solid #E3E3E3;
   margin: 1rem 0;
 }
+
+.wrapper-border {
+  border: 1px solid #E3E3E3;
+  border-radius: 25px;
+  padding: 20px;
+
+  textarea::-webkit-scrollbar {
+    width: 10px;
+  }
+
+  textarea::-webkit-resizer {
+    opacity: 0;
+  }
+
+  .step-textarea {
+    border: none;
+    border-radius: 0;
+    padding: 0;
+  }
+}
diff --git a/src/app/shell/personal-cabinet/provider/create-provider/create-photo-form/create-photo-form.component.html b/src/app/shell/personal-cabinet/provider/create-provider/create-photo-form/create-photo-form.component.html
index 67c1a74db8..b216e8d91d 100644
--- a/src/app/shell/personal-cabinet/provider/create-provider/create-photo-form/create-photo-form.component.html
+++ b/src/app/shell/personal-cabinet/provider/create-provider/create-photo-form/create-photo-form.component.html
@@ -10,14 +10,16 @@
         {{status.name}}
       </mat-option>
     </mat-select>
-  </mat-form-field> 
+  </mat-form-field>
 
   <label class="step-label"> Опис <span class="step-required">*</span></label>
   <mat-form-field appPlaceholderStyling floatLabel="never" appearance="none">
-    <textarea matInput class="step-textarea" placeholder="Максимум {{constants.MAX_DESCRIPTION_LENGTH}} символів"
-      formControlName="description" maxlength="{{constants.MAX_DESCRIPTION_LENGTH}}"></textarea>
+    <div class="wrapper-border">
+      <textarea matInput class="step-textarea" placeholder="Максимум {{constants.MAX_DESCRIPTION_LENGTH}} символів"
+        formControlName="description" maxlength="{{constants.MAX_DESCRIPTION_LENGTH}}"></textarea>
+    </div>
   </mat-form-field>
   <app-validation-hint-for-input type="requiredField"
     [invalid]="PhotoFormGroup.get('description').invalid && PhotoFormGroup.get('description').touched">
   </app-validation-hint-for-input>
-</form>
\ No newline at end of file
+</form>
diff --git a/src/app/shell/personal-cabinet/provider/create-workshop/create-about-form/create-about-form.component.html b/src/app/shell/personal-cabinet/provider/create-workshop/create-about-form/create-about-form.component.html
index 08bf79357b..775e2d0989 100644
--- a/src/app/shell/personal-cabinet/provider/create-workshop/create-about-form/create-about-form.component.html
+++ b/src/app/shell/personal-cabinet/provider/create-workshop/create-about-form/create-about-form.component.html
@@ -62,7 +62,7 @@
         <mat-form-field>
           <input matInput class="step-input step-input-age" type="number" formControlName="minAge" appDigitOnly
             maxlength="2" appMinMax [directiveFormControl]="AboutFormGroup.get('minAge')" [min]="constants.AGE_MIN"
-            [max]="constants.AGE_MAX">
+            [max]="AboutFormGroup.get('maxAge').value ? AboutFormGroup.get('maxAge').value - 1 : constants.AGE_MAX">
         </mat-form-field>
       </div>
       <app-validation-hint-for-input type="requiredField"
@@ -75,7 +75,7 @@
         <p class="step-text">До</p>
         <mat-form-field>
           <input matInput class="step-input step-input-age" type="number" formControlName="maxAge" appDigitOnly
-            maxlength="2" [directiveFormControl]="AboutFormGroup.get('maxAge')" appMinMax [min]="constants.AGE_MIN"
+            maxlength="2" [directiveFormControl]="AboutFormGroup.get('maxAge')" appMinMax [min]="AboutFormGroup.get('minAge').value ? AboutFormGroup.get('minAge').value + 1 : constants.AGE_MIN"
             [max]="constants.AGE_MAX">
         </mat-form-field>
 
diff --git a/src/app/shell/personal-cabinet/provider/create-workshop/create-address/create-address.component.scss b/src/app/shell/personal-cabinet/provider/create-workshop/create-address/create-address.component.scss
index c2e01d75c3..ab7dd7c124 100644
--- a/src/app/shell/personal-cabinet/provider/create-workshop/create-address/create-address.component.scss
+++ b/src/app/shell/personal-cabinet/provider/create-workshop/create-address/create-address.component.scss
@@ -9,4 +9,4 @@
   border-radius: 21px;
   line-height: initial;
   box-sizing: border-box;
-}
\ No newline at end of file
+}
diff --git a/src/app/shell/personal-cabinet/provider/create-workshop/create-description-form/create-description-form.component.html b/src/app/shell/personal-cabinet/provider/create-workshop/create-description-form/create-description-form.component.html
index e91e5aac98..b0d079bfb2 100644
--- a/src/app/shell/personal-cabinet/provider/create-workshop/create-description-form/create-description-form.component.html
+++ b/src/app/shell/personal-cabinet/provider/create-workshop/create-description-form/create-description-form.component.html
@@ -8,8 +8,10 @@
       {{DescriptionFormGroup.get('description').value.length}}/{{constants.MAX_DESCRIPTION_LENGTH}}</label>
   </div>
   <mat-form-field appearance="none">
-    <textarea matInput class="step-textarea step-input-field" placeholder="Максимум {{constants.MAX_DESCRIPTION_LENGTH}} символів"
+    <div class="wrapper-border">
+      <textarea matInput class="step-textarea step-input-field" placeholder="Максимум {{constants.MAX_DESCRIPTION_LENGTH}} символів"
       formControlName="description" maxlength="{{constants.MAX_DESCRIPTION_LENGTH}}"></textarea>
+    </div>
   </mat-form-field>
   <app-validation-hint-for-input type="requiredField"
     [invalid]="DescriptionFormGroup.get('description').invalid && DescriptionFormGroup.get('description').touched">
@@ -33,7 +35,7 @@
     fxLayoutAlign='center space-between'>
     <mat-radio-button #radio1 name="radioBtn1" [value]="false">Відсутні</mat-radio-button>
     <mat-radio-button #radio2 name="radioBtn2" [value]="true">Наявні</mat-radio-button>
-    <input matInput class="step-input" placeholder="Пандус/спец. обладнання" formControlName="disabilityOptionsDesc">
+    <input matInput class="step-input" [ngClass]="{'disabled-field' : !disabilityOptionRadioBtn.value}" placeholder="Пандус/спец. обладнання" formControlName="disabilityOptionsDesc">
   </mat-radio-group>
 
   <app-category-select [workshop]="workshop" [CategoryFormGroup]="DescriptionFormGroup.get('categories')">
@@ -61,5 +63,5 @@
   <app-validation-hint-for-input type="requiredField"
     [invalid]="DescriptionFormGroup.get('keyWords').invalid && DescriptionFormGroup.get('keyWords').touched">
   </app-validation-hint-for-input>
-  
-</form>
\ No newline at end of file
+
+</form>
diff --git a/src/app/shell/personal-cabinet/provider/create-workshop/create-description-form/create-description-form.component.scss b/src/app/shell/personal-cabinet/provider/create-workshop/create-description-form/create-description-form.component.scss
index 49862fa750..37867c175d 100644
--- a/src/app/shell/personal-cabinet/provider/create-workshop/create-description-form/create-description-form.component.scss
+++ b/src/app/shell/personal-cabinet/provider/create-workshop/create-description-form/create-description-form.component.scss
@@ -25,4 +25,4 @@
 .keywords-input {
   position: absolute;
   top: 5px;
-}
\ No newline at end of file
+}
diff --git a/src/app/shell/personal-cabinet/provider/create-workshop/create-teacher/teacher-form/teacher-form.component.html b/src/app/shell/personal-cabinet/provider/create-workshop/create-teacher/teacher-form/teacher-form.component.html
index bebbb6372a..9288863d34 100644
--- a/src/app/shell/personal-cabinet/provider/create-workshop/create-teacher/teacher-form/teacher-form.component.html
+++ b/src/app/shell/personal-cabinet/provider/create-workshop/create-teacher/teacher-form/teacher-form.component.html
@@ -59,9 +59,11 @@
       {{TeacherFormGroup.get('description').value.length}}/{{constants.MAX_TEACHER_DESCRIPTION_LENGTH }}</label>
   </div>
   <mat-form-field appearance="none">
-    <textarea matInput class="step-textarea step-input-field"
-      placeholder="Максимум {{constants.MAX_TEACHER_DESCRIPTION_LENGTH}} символів" formControlName="description"
-      maxlength="{{constants.MAX_TEACHER_DESCRIPTION_LENGTH}}"></textarea>
+    <div class="wrapper-border">
+      <textarea matInput class="step-textarea step-input-field"
+        placeholder="Максимум {{constants.MAX_TEACHER_DESCRIPTION_LENGTH}} символів" formControlName="description"
+        maxlength="{{constants.MAX_TEACHER_DESCRIPTION_LENGTH}}"></textarea>
+    </div>
   </mat-form-field>
   <app-validation-hint-for-input type="requiredField"
     [invalid]="TeacherFormGroup.get('description').invalid && TeacherFormGroup.get('description').touched">
@@ -73,4 +75,4 @@
     </button>
   </div>
 
-</form>
\ No newline at end of file
+</form>