add logic of getting leader projects & modals for errors

Author: Awakich

projects/social_platform/src/app/auth/services/auth.service.ts

@@ -11,6 +11,8 @@ import {
   RegisterResponse,
 } from "../models/http.model";
 import { User, UserRole } from "../models/user.model";
+import { Project } from "@office/models/project.model";
+import { ApiPagination } from "@office/models/api-pagination.model";
 
 /**
  * Сервис аутентификации и управления пользователями
@@ -123,6 +125,14 @@ export class AuthService {
     );
   }
 
+  /**
+   * Получить проекты где пользователь leader
+   * @returns Observable проектов внутри профиля
+   */
+  getLeaderProjects(): Observable<ApiPagination<Project>> {
+    return this.apiService.get(`${this.AUTH_USERS_URL}/projects/leader/`);
+  }
+
   /**
    * Получить роли, которые может изменить текущий пользователь
    * @returns Observable с массивом изменяемых ролей

projects/social_platform/src/app/office/features/detail/detail.component.html

@@ -538,7 +538,7 @@ <h3 class="text-body-12 lists__title">выберите проект и роль
                   <div class="project__item--info">
                     <app-avatar [url]="project.imageAddress" [size]="40"></app-avatar>
                     <p class="text-body-12">
-                      {{ project.name | truncate: 20 }}
+                      {{ project.name ?? "Проект без названия" | truncate: 20 }}
                     </p>
                   </div>
                   <app-input
@@ -601,6 +601,53 @@ <h3 class="text-body-12 lists__title">выберите проект и роль
             </div>
           </app-modal>
 
+          <app-modal
+            [open]="showActiveInviteModal"
+            (openChange)="showActiveInviteModal = !showActiveInviteModal"
+          >
+            <div class="cancel" style="padding: 0px; width: 300px">
+              <div class="cancel__top">
+                <p class="cancel__title text-body-14">
+                  У данного участника уже есть активное приглашение в проект
+                </p>
+              </div>
+
+              <i appIcon icon="straight-face" appSquare="50" style="margin: 36px 0px"></i>
+
+              <app-button
+                style="width: 100%"
+                customTypographyClass="text-body-12"
+                size="big"
+                (click)="routingToMyProjects()"
+                >перейти в проекты</app-button
+              >
+            </div>
+          </app-modal>
+
+          <app-modal
+            [open]="showNoInProgramModal"
+            (openChange)="showNoInProgramModal = !showNoInProgramModal"
+          >
+            <div class="cancel" style="padding: 0px; width: 300px">
+              <div class="cancel__top">
+                <p class="cancel__title text-body-14">
+                  Пользователь не зарегистрирован в программе, поэтому нельзя отправить приглашение
+                  в данный проект
+                </p>
+              </div>
+
+              <i appIcon icon="sad-smile" appSquare="50" style="margin: 36px 0px"></i>
+
+              <app-button
+                style="width: 100%"
+                customTypographyClass="text-body-12"
+                size="big"
+                (click)="routingToMyProjects()"
+                >перейти в проекты</app-button
+              >
+            </div>
+          </app-modal>
+
           <app-modal
             [open]="showSuccessInviteModal"
             (openChange)="showSuccessInviteModal = !showSuccessInviteModal"

projects/social_platform/src/app/office/features/detail/detail.component.ts

@@ -9,7 +9,7 @@ import { ActivatedRoute, Router, RouterModule } from "@angular/router";
 import { AuthService } from "@auth/services";
 import { AvatarComponent } from "@ui/components/avatar/avatar.component";
 import { TooltipComponent } from "@ui/components/tooltip/tooltip.component";
-import { concatMap, filter, map, of, Subscription, tap } from "rxjs";
+import { concatMap, EMPTY, filter, map, Observable, of, Subscription, tap } from "rxjs";
 import { User } from "@auth/models/user.model";
 import { Collaborator } from "@office/models/collaborator.model";
 import { ProjectService } from "@office/services/project.service";
@@ -35,6 +35,7 @@ import { TruncatePipe } from "projects/core/src/lib/pipes/truncate.pipe";
 import { ControlErrorPipe, ValidationService } from "@corelib";
 import { ErrorMessage } from "@error/models/error-message";
 import { InviteService } from "@office/services/invite.service";
+import { ApiPagination } from "@office/models/api-pagination.model";
 
 @Component({
   selector: "app-detail",
@@ -134,6 +135,8 @@ export class DeatilComponent implements OnInit, OnDestroy {
   showApproveSkillModal = false;
   showSendInviteModal = false;
   showNoProjectsModal = false;
+  showActiveInviteModal = false;
+  showNoInProgramModal = false;
   showSuccessInviteModal = false;
   readAllModal = false;
 
@@ -400,9 +403,17 @@ export class DeatilComponent implements OnInit, OnDestroy {
       next: () => {
         this.showSendInviteModal = false;
         this.showSuccessInviteModal = true;
+
         this.inviteForm.reset();
         this.selectedProjectId = null;
       },
+      error: err => {
+        if (err.error.user[0].includes("проект относится к программе")) {
+          this.showNoInProgramModal = true;
+        } else if (err.error.user[0].includes("активное приглашение")) {
+          this.showActiveInviteModal = true;
+        }
+      },
     });
   }
 
@@ -537,17 +548,20 @@ export class DeatilComponent implements OnInit, OnDestroy {
 
       this.isInProfileInfo();
 
-      this.subscriptions.push(profileDataSub$);
+      const profileLeaderProjectsSub$ = this.authService.getLeaderProjects().subscribe({
+        next: (projects: ApiPagination<Project>) => {
+          this.profileProjects.set(projects.results);
+        },
+      });
+
+      this.subscriptions.push(profileDataSub$, profileLeaderProjectsSub$);
     }
   }
 
   private isInProfileInfo(): void {
     const profileInfoSub$ = this.authService.profile.subscribe({
       next: profile => {
         this.profile = profile;
-        this.profileProjects.set(
-          this.profile?.projects.filter(project => project.leader === this.profile?.id)
-        );
 
         if (this.info() && this.listType === "project") {
           this.isInProject = this.info()