Merge pull request #252 from PROCOLLAB-github/restriction-fields

Restriction fields

Author: Awakich

projects/social_platform/src/app/office/features/news-form/news-form.component.html

@@ -11,6 +11,7 @@
       placeholder="сегодня был хороший день"
       (paste)="onPaste($event)"
       (keydown.meta.enter)="onSubmit()"
+      [maxLength]="15940"
     ></app-input>
     <i appIcon icon="send" appSquare="12" class="form__send" (click)="onSubmit()"></i>
   </div>

projects/social_platform/src/app/office/features/project-rating/project-rating.component.html

@@ -29,6 +29,7 @@
         size="big"
         [formControlName]="criterion.id"
         placeholder="Небольшой комментарий, если необходимо"
+        [maxLength]="50"
       ></app-textarea>
 
       @if (form.get(criterion.id.toString())?.errors?.['maxlength']) {

projects/social_platform/src/app/office/features/project-rating/project-rating.component.ts

@@ -49,7 +49,6 @@ import { ControlErrorPipe } from "@corelib";
     RangeCriterionInputComponent,
     BooleanCriterionComponent,
     ReactiveFormsModule,
-    ControlErrorPipe,
   ],
   templateUrl: "./project-rating.component.html",
   styleUrl: "./project-rating.component.scss",

projects/social_platform/src/app/office/onboarding/stage-one/stage-one.component.scss

@@ -5,8 +5,15 @@
   &__greeting {
     position: relative;
     display: flex;
+    flex-direction: column;
     gap: 10px;
-    align-items: center;
+    max-width: 100%;
+
+    @include responsive.apply-desktop {
+      flex-direction: row;
+      align-items: center;
+      max-width: 60%;
+    }
   }
 }
 

projects/social_platform/src/app/office/onboarding/stage-two/stage-two.component.scss

@@ -5,8 +5,15 @@
   &__greeting {
     position: relative;
     display: flex;
+    flex-direction: column;
     gap: 10px;
-    align-items: center;
+    max-width: 100%;
+
+    @include responsive.apply-desktop {
+      flex-direction: row;
+      align-items: center;
+      max-width: 60%;
+    }
   }
 }
 
@@ -15,6 +22,14 @@
   display: inline-flex;
   gap: 10px;
   align-items: center;
+
+  ::ng-deep {
+    app-tooltip {
+      .tooltip__content--right {
+        top: 110%;
+      }
+    }
+  }
 }
 
 .content {

projects/social_platform/src/app/office/profile/edit/edit.component.html

@@ -180,6 +180,7 @@ <h1 class="profile__title">редактирование профиля</h1>
                 type="text"
                 placeholder="москва"
                 formControlName="city"
+                [maxLength]="100"
               ></app-input>
               @if (city | controlError: "required") {
               <div class="text-body-10 error">
@@ -265,6 +266,7 @@ <h1 class="profile__title">редактирование профиля</h1>
               type="text"
               placeholder="я java developer, очень люблю котиков"
               formControlName="aboutMe"
+              [maxLength]="300"
             ></app-textarea>
             @if (aboutMe | controlError: "required") {
             <div class="text-body-10 error">
@@ -394,6 +396,7 @@ <h1 class="profile__title">редактирование профиля</h1>
                 [error]="organizationName | controlError"
                 placeholder="вуз / колледж / школа"
                 formControlName="organizationName"
+                [maxLength]="100"
               ></app-input>
               @if (organizationName | controlError: "required") {
               <div class="text-body-10 error">
@@ -413,6 +416,7 @@ <h1 class="profile__title">редактирование профиля</h1>
                 [error]="description | controlError"
                 placeholder="бизнес информатика"
                 formControlName="description"
+                [maxLength]="400"
               ></app-input>
               @if (description | controlError: "required") {
               <div class="text-body-10 error">
@@ -589,6 +593,7 @@ <h1 class="profile__title">редактирование профиля</h1>
                 type="text"
                 placeholder="проколлаб"
                 formControlName="organization"
+                [maxLength]="50"
               ></app-input>
               @if (organization | controlError: "required") {
               <div class="text-body-10 error">
@@ -631,6 +636,7 @@ <h1 class="profile__title">редактирование профиля</h1>
                 type="text"
                 placeholder="проект начал свое существование с 2020 года"
                 formControlName="descriptionWork"
+                [maxLength]="400"
               ></app-textarea>
               @if (descriptionWork | controlError: "required") {
               <div class="text-body-10 error">

projects/social_platform/src/app/office/projects/edit/services/project-form.service.ts

@@ -76,7 +76,7 @@ export class ProjectFormService {
       coverImageAddress: [""],
       actuality: ["", [Validators.maxLength(1000)]],
       targetAudience: ["", [Validators.maxLength(500)]],
-      problem: ["", [Validators.maxLength(1000)]],
+      problem: ["", [Validators.maxLength(400)]],
       partnerProgramId: [null],
       achievements: this.fb.array([]),
       title: [""],
@@ -306,8 +306,8 @@ export class ProjectFormService {
     partnerProgramFields.forEach(field => {
       const validators: ValidatorFn[] = [];
       if (field.isRequired) validators.push(Validators.required);
-      if (field.fieldType === "text") validators.push(Validators.maxLength(50));
-      if (field.fieldType === "textarea") validators.push(Validators.maxLength(100));
+      if (field.fieldType === "text") validators.push(Validators.maxLength(500));
+      if (field.fieldType === "textarea") validators.push(Validators.maxLength(500));
       const initialValue = field.fieldType === "checkbox" ? false : "";
       const fieldCtrl = new FormControl(initialValue, validators);
       this.additionalForm.addControl(field.name, fieldCtrl);

projects/social_platform/src/app/office/projects/edit/services/project-vacancy.service.ts

@@ -60,7 +60,7 @@ export class ProjectVacancyService {
     this.vacancyForm = this.fb.group({
       role: [null],
       skills: [[]],
-      description: [""],
+      description: ["", [Validators.maxLength(3500)]],
       requiredExperience: [null],
       workFormat: [null],
       salary: [""],

projects/social_platform/src/app/office/projects/edit/shared/project-additional-step/project-additional-step.component.html

@@ -21,6 +21,7 @@
           formControlName="{{ field.name }}"
           [error]="control | controlError: 'required'"
           [placeholder]="field.helpText"
+          [maxLength]="500"
         ></app-input>
         } } @case ("textarea") {
         <label
@@ -37,6 +38,7 @@
           formControlName="{{ field.name }}"
           [error]="control | controlError"
           [placeholder]="field.helpText"
+          [maxLength]="500"
         ></app-textarea>
         } } @case ("checkbox") {
         <div

projects/social_platform/src/app/office/projects/edit/shared/project-main-step/project-main-step.component.html

@@ -99,6 +99,7 @@
           formControlName="name"
           [error]="(name | controlError) || projSubmitInitiated"
           placeholder="название"
+          [maxLength]="256"
         ></app-input>
         @if ((name | controlError: "required") || projSubmitInitiated) {
         <div class="text-body-10 error">
@@ -115,6 +116,7 @@
           formControlName="region"
           [error]="(region | controlError) || projSubmitInitiated"
           placeholder="введите регион"
+          [maxLength]="256"
         ></app-input>
         @if ((region | controlError: "required") || projSubmitInitiated) {
         <div class="text-body-10 error">
@@ -180,6 +182,7 @@
       formControlName="problem"
       [error]="(problem | controlError) || projSubmitInitiated"
       placeholder="улучшить качество жизни студентов"
+      [maxLength]="1000"
     ></app-input>
     @if ((problem | controlError: "required") || projSubmitInitiated) {
     <div class="text-body-10 error">
@@ -203,6 +206,7 @@
       [error]="(description | controlError) || projSubmitInitiated"
       formControlName="description"
       placeholder="проект начал свое существование с 2020 года"
+      [maxLength]="800"
     ></app-textarea>
     @if ((description | controlError: "required") || projSubmitInitiated) {
     <div class="text-body-10 error">
@@ -228,6 +232,7 @@
         formControlName="actuality"
         [error]="actuality | controlError"
         placeholder="указом президента от 03.07.2023 "
+        [maxLength]="1000"
       ></app-textarea>
       @if ((actuality | controlError: "required")) {
       <div class="text-body-10 error">
@@ -250,6 +255,7 @@
         [error]="(targetAudience | controlError) || projSubmitInitiated"
         formControlName="targetAudience"
         placeholder="30% потери времени студентов во время работы"
+        [maxLength]="500"
       ></app-textarea>
       @if ((targetAudience | controlError: "required") || projSubmitInitiated) {
       <div class="text-body-10 error">