fix adding of contacts for edit project & fix criteria visual design

Author: Awakich

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

@@ -11,7 +11,6 @@
   &__columns {
     display: flex;
     flex-direction: column;
-    align-items: center;
   }
 
   &__field {

projects/social_platform/src/app/office/program/shared/rating-card/rating-card.component.html

@@ -14,7 +14,7 @@
 
         <div class="card__naming">
           <a [routerLink]="['/office/projects/' + project.id]">
-            <p class="text-body-12 card__naming--text">{{ project.name }}</p>
+            <p class="text-body-12 card__naming--text">{{ project.name | truncate: 15 }}</p>
           </a>
 
           @if (industryService.industries | async; as industries) { @if

projects/social_platform/src/app/office/program/shared/rating-card/rating-card.component.scss

@@ -25,6 +25,7 @@
     display: flex;
     gap: 20px;
     align-items: center;
+    width: 100%;
   }
 
   &__naming {

projects/social_platform/src/app/office/program/shared/rating-card/rating-card.component.ts

@@ -40,6 +40,7 @@ import { ModalComponent } from "@ui/components/modal/modal.component";
 import { ProgramDataService } from "@office/program/services/program-data.service";
 import { AuthService } from "@auth/services";
 import { User } from "@auth/models/user.model";
+import { TruncatePipe } from "projects/core/src/lib/pipes/truncate.pipe";
 
 /**
  * Компонент карточки оценки проекта
@@ -98,6 +99,7 @@ import { User } from "@auth/models/user.model";
     RouterLink,
     TagComponent,
     ModalComponent,
+    TruncatePipe,
   ],
 })
 export class RatingCardComponent implements OnInit, AfterViewInit, OnDestroy {

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

@@ -71,45 +71,10 @@ export class ProjectContactsService {
    * @param linksFormArray FormArray, содержащий формы ссылок
    * @param projectForm основная форма проекта (FormGroup)
    */
-  public addLink(linksFormArray: FormArray, projectForm: FormGroup): void {
-    // Инициализируем сигнал при первом вызове
+  public addLink(linksFormArray: FormArray): void {
     this.initializeLinksItems(linksFormArray);
-
-    // Считываем вводимые данные
-    const linkValue = projectForm.get("link")?.value;
-
-    // Проверяем, что поле не пустое и содержит валидный URL
-    if (
-      !linkValue ||
-      !linkValue.trim() ||
-      (!linkValue.includes("https://") && !linkValue.includes("http://"))
-    ) {
-      return; // Выходим из функции, если поле пустое или невалидное
-    }
-
-    const trimmedLink = linkValue.trim();
-
-    // Проверяем, редактируется ли существующая ссылка
-    const editIdx = this.projectFormService.editIndex();
-    if (editIdx !== null) {
-      // Обновляем массив сигналов и соответствующий контрол в FormArray
-      this.linksItems.update(items => {
-        const updated = [...items];
-        updated[editIdx] = trimmedLink.value;
-        return updated;
-      });
-      linksFormArray.at(editIdx).patchValue(trimmedLink.value);
-      // Сбрасываем индекс редактирования
-      this.projectFormService.editIndex.set(null);
-    } else {
-      // Добавляем новую ссылку в сигнал и FormArray
-      this.linksItems.update(items => [...items, trimmedLink.value]);
-      linksFormArray.push(this.fb.control(trimmedLink, Validators.required));
-    }
-
-    // Очищаем поле ввода формы проекта
-    projectForm.get("link")?.reset();
-    projectForm.get("link")?.setValue("");
+    linksFormArray.push(this.fb.control("", Validators.required));
+    this.linksItems.update(items => [...items, ""]);
   }
 
   /**

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

@@ -412,32 +412,41 @@
   </div>
 
   <div [formGroup]="projectForm">
-    @if (hasLinks) {
-    <ul formArrayName="links" class="project__links--wrapper">
-      @for (control of links.controls; track i; let i = $index) {
-      <li class="project__links">
-        <fieldset style="flex-grow: 1">
-          <label class="text-body-12 field-label">ссылка на контакты и сообщества</label>
-          <app-input
-            size="big"
-            [error]="links.at(i) | controlError"
-            placeholder="@eeeasycarrer"
-            [formControlName]="i"
-          ></app-input>
-          @if (links.at(i) | controlError: "required") {
-          <div class="text-body-10 error">
-            {{ errorMessage.VALIDATION_REQUIRED }}
-          </div>
-          }
-        </fieldset>
-        <app-button class="project__links--remove" color="red" (click)="removeLink(i)" type="icon">
-          <i appIcon icon="basket" appSquare="14"></i>
-        </app-button>
-      </li>
+    <div formArrayName="links">
+      @if (hasLinks) {
+      <ul class="project__links--wrapper">
+        @for (control of linksArray.controls; track trackByIndex($index)) {
+        <li class="project__links">
+          <fieldset style="flex-grow: 1">
+            <label class="text-body-12 field-label">ссылка на контакты и сообщества</label>
+            <app-input
+              size="big"
+              [formControlName]="$index"
+              placeholder="@eeeasycarrer"
+            ></app-input>
+            @if (control.invalid && (control.touched || projSubmitInitiated)) {
+            <div class="text-body-10 error">
+              {{ errorMessage.VALIDATION_REQUIRED }}
+            </div>
+            }
+          </fieldset>
+
+          <app-button
+            class="project__links--remove"
+            color="red"
+            (click)="removeLink($index)"
+            type="icon"
+          >
+            <i appIcon icon="basket" appSquare="14"></i>
+          </app-button>
+        </li>
+        }
+      </ul>
       }
-    </ul>
-    }
+    </div>
+    <!-- ↑↑↑ formArrayName="links" закрывается здесь -->
 
+    <!-- Кнопка добавления -->
     <app-button
       (click)="addLink()"
       size="big"

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

@@ -194,7 +194,7 @@ export class ProjectMainStepComponent implements OnInit, OnDestroy {
    * Проверяет, есть ли ссылки для отображения
    */
   get hasLinks(): boolean {
-    return this.links.length > 0;
+    return this.linksArray.length > 0;
   }
 
   /**
@@ -204,12 +204,15 @@ export class ProjectMainStepComponent implements OnInit, OnDestroy {
     return this.goals.length > 0;
   }
 
+  get linksArray(): FormArray {
+    return this.projectForm.get("links") as FormArray;
+  }
+
   /**
    * Добавление ссылки
    */
-  addLink(link?: string): void {
-    this.links.push(this.fb.control(link ?? "", [Validators.required]));
-    this.projectContactsService.addLink(this.links, this.projectForm);
+  addLink(): void {
+    this.linksArray.push(this.fb.control("", Validators.required));
   }
 
   /**
@@ -225,7 +228,7 @@ export class ProjectMainStepComponent implements OnInit, OnDestroy {
    * @param index - индекс ссылки
    */
   removeLink(index: number): void {
-    this.projectContactsService.removeLink(index, this.links);
+    this.linksArray.removeAt(index);
   }
 
   /**
@@ -309,4 +312,8 @@ export class ProjectMainStepComponent implements OnInit, OnDestroy {
       this.selectedLeaderId = "";
     }
   }
+
+  trackByIndex(index: number): number {
+    return index;
+  }
 }