add styles for erro icons & fix goal logic to save

Author: Awakich

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

@@ -86,14 +86,20 @@ <h1 class="project__title">редактировать проект</h1>
       "
     >
       <div class="project__warning-modal">
-        <h3 class="text-bold-body-16">📢 Внимание!</h3>
+        <h3 class="text-bold-body-16">📢 внимание!</h3>
         <p class="text-body-14">
-          Для публикации проекта, нужно заполнить все <strong>обязательные поля</strong> (они будут
+          для публикации проекта, нужно заполнить все <strong>обязательные поля</strong> (они будут
           <strong>подсвечены&nbsp;<span>красным</span></strong
           >). Если вы пока не знаете что написать, можно сохранить черновик проекта и заполнить поля
           позже :&#41;
         </p>
-        <app-button (click)="closeWarningModal()">Понятно</app-button>
+        <app-button
+          size="medium"
+          customTypographyClass="text-body-12"
+          appearance="outline"
+          (click)="closeWarningModal()"
+          >понятно</app-button
+        >
       </div>
     </app-modal>
   </main>

projects/social_platform/src/app/office/projects/edit/edit.component.ts

@@ -23,7 +23,16 @@ import { ProjectService } from "@services/project.service";
 import { ButtonComponent, IconComponent, SelectComponent } from "@ui/components";
 import { ModalComponent } from "@ui/components/modal/modal.component";
 import { ValidationService } from "projects/core";
-import { Subscription, distinctUntilChanged, forkJoin, map, of, switchMap } from "rxjs";
+import {
+  Observable,
+  Subscription,
+  distinctUntilChanged,
+  forkJoin,
+  map,
+  of,
+  switchMap,
+  tap,
+} from "rxjs";
 import { CommonModule, AsyncPipe } from "@angular/common";
 import { ProjectNavigationComponent } from "./shared/project-navigation/project-navigation.component";
 import { EditStep, ProjectStepService } from "./services/project-step.service";
@@ -446,12 +455,30 @@ export class ProjectEditComponent implements OnInit, AfterViewInit, OnDestroy {
   }
 
   private saveOrEditGoals(projectId: number) {
-    const goals = this.goals.value;
-    const hasExistingGoals = goals.some((g: Goal) => g.id);
+    const goals = this.goals.value as Goal[];
+
+    const newGoals = goals.filter(g => !g.id);
+    const existingGoals = goals.filter(g => g.id);
+
+    const requests: Observable<any>[] = [];
+
+    if (newGoals.length > 0) {
+      requests.push(this.projectGoalService.saveGoals(projectId, newGoals));
+    }
+
+    if (existingGoals.length > 0) {
+      requests.push(this.projectGoalService.editGoals(projectId, existingGoals));
+    }
+
+    if (requests.length === 0) {
+      return of(null);
+    }
 
-    return hasExistingGoals
-      ? this.projectGoalService.editGoals(projectId)
-      : this.projectGoalService.saveGoals(projectId);
+    return forkJoin(requests).pipe(
+      tap(() => {
+        this.projectGoalService.syncGoalItems(this.projectGoalService.goals);
+      })
+    );
   }
 
   private savePartners(projectId: number) {
@@ -491,18 +518,20 @@ export class ProjectEditComponent implements OnInit, AfterViewInit, OnDestroy {
   private validateAdditionalFields(): boolean {
     const partnerProgramFields = this.projectAdditionalService.getPartnerProgramFields();
 
+    // Если нет дополнительных полей - пропускаем валидацию
     if (!partnerProgramFields?.length) {
       return false;
     }
 
+    // Проверяем только обязательные поля
     const hasInvalid = this.projectAdditionalService.validateRequiredFields();
 
     if (hasInvalid) {
       this.cdRef.markForCheck();
       return true;
     }
 
-    // Подготавливаем поля для отправки
+    // Подготавливаем поля для отправки (убираем валидаторы с заполненных полей)
     this.projectAdditionalService.prepareFieldsForSubmit();
     return false;
   }

projects/social_platform/src/app/office/projects/edit/shared/project-achievement-step/project-achievement-step.component.scss

@@ -77,5 +77,6 @@
   i {
     color: var(--red) !important;
   }
+
   color: var(--red) !important;
 }

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

@@ -165,5 +165,6 @@
   i {
     color: var(--red) !important;
   }
+
   color: var(--red) !important;
 }

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

@@ -138,6 +138,7 @@
   i {
     color: var(--red) !important;
   }
+
   color: var(--red) !important;
 }
 

projects/social_platform/src/app/office/projects/edit/shared/project-partner-resources-step/project-partner-resources-step.component.scss

@@ -62,5 +62,6 @@
   i {
     color: var(--red) !important;
   }
+
   color: var(--red) !important;
 }

projects/social_platform/src/app/office/projects/edit/shared/project-team-step/project-team-step.component.scss

@@ -132,6 +132,7 @@
   i {
     color: var(--red) !important;
   }
+
   color: var(--red) !important;
 }
 

projects/social_platform/src/app/office/projects/edit/shared/project-vacancy-step/project-vacancy-step.component.scss

@@ -97,6 +97,7 @@
   i {
     color: var(--red) !important;
   }
+
   color: var(--red) !important;
 }
 

projects/social_platform/src/app/ui/components/textarea/textarea.component.scss

@@ -50,8 +50,8 @@
     display: flex;
     align-items: center;
     justify-content: center;
-    transform: translateY(-50%);
     color: var(--red) !important;
+    transform: translateY(-50%);
 
     i {
       color: var(--red) !important;