add delete collaborator from project for leader

Author: Awakich

projects/social_platform/src/app/office/features/info-card/info-card.component.html

@@ -171,7 +171,25 @@
       </div>
       } }
     </div>
-    } @else if (type === 'members') {
+    } @else if (type === 'members') { @if (leaderId !== info?.userId) {
+    <div class="card__info--program">
+      <app-button
+        customTypographyClass="text-body-6"
+        size="extra-small"
+        [disabled]="true"
+        style="opacity: 0.5"
+        >выдать роль</app-button
+      >
+      <app-button
+        customTypographyClass="text-body-6"
+        size="extra-small"
+        color="red"
+        appearance="outline"
+        (click)="removeCollaboratorFromProject(info?.userId)"
+        >удалить</app-button
+      >
+    </div>
+    } @else {
     <app-button
       [routerLink]="'/office/profile/' + info?.userId"
       customTypographyClass="text-body-6"
@@ -180,7 +198,7 @@
     >
       профиль
     </app-button>
-    } @else {
+    } } @else {
     <div class="card__invite-actions">
       <app-button
         (click)="onAcceptInvite($event, info?.inviteId!)"

projects/social_platform/src/app/office/features/info-card/info-card.component.ts

@@ -1,6 +1,6 @@
 /** @format */
 
-import { Component, EventEmitter, inject, Input, OnInit, Output } from "@angular/core";
+import { Component, EventEmitter, inject, Input, OnInit, Output, signal } from "@angular/core";
 import { IndustryService } from "@services/industry.service";
 import { IconComponent, ButtonComponent } from "@ui/components";
 import { AvatarComponent } from "@ui/components/avatar/avatar.component";
@@ -34,7 +34,7 @@ import { YearsFromBirthdayPipe } from "@corelib";
     RouterLink,
   ],
 })
-export class InfoCardComponent implements OnInit {
+export class InfoCardComponent {
   private readonly inviteService = inject(InviteService);
   private readonly subscriptionService = inject(SubscriptionService);
   public readonly industryService = inject(IndustryService);
@@ -47,10 +47,13 @@ export class InfoCardComponent implements OnInit {
   @Input() canDelete?: boolean | null = false;
   @Input() isSubscribed?: boolean | null = false;
   @Input() profileId?: number;
+  @Input() leaderId?: number;
+  @Input() loggedUserId?: number;
 
   @Output() onAcceptingInvite = new EventEmitter<number>();
   @Output() onRejectingInvite = new EventEmitter<number>();
   @Output() onCreate = new EventEmitter<void>();
+  @Output() onRemoveCollaborator = new EventEmitter<number>();
 
   // Состояние компонента
   isUnsubscribeModalOpen = false;
@@ -61,7 +64,9 @@ export class InfoCardComponent implements OnInit {
   iconHovered = false;
   draftProjectHovered = false;
 
-  ngOnInit(): void {}
+  removeCollaboratorFromProject(userId: number): void {
+    this.onRemoveCollaborator.emit(userId);
+  }
 
   /**
    * Определяет, нужно ли показывать информацию о проекте

projects/social_platform/src/app/office/projects/detail/services/project-data.service.ts

@@ -28,4 +28,12 @@ export class ProjectDataService {
       filter(vacancies => !!vacancies)
     );
   }
+
+  getProjectLeaderId() {
+    return this.project$.pipe(map(project => project?.leader));
+  }
+
+  getProjectId() {
+    return this.project$.pipe(map(project => project?.id));
+  }
 }

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

@@ -3,7 +3,13 @@
 @if(team) { @if (team.length) {
 <div class="project__team">
   @for (collaborator of team; track $index) {
-  <app-info-card [info]="collaborator" type="members"></app-info-card>
+  <app-info-card
+    [leaderId]="leaderId()"
+    [loggedUserId]="loggedUserId()"
+    [info]="collaborator"
+    type="members"
+    (onRemoveCollaborator)="removeCollaboratorFromProject($event)"
+  ></app-info-card>
   }
 </div>
 } }

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

@@ -1,12 +1,14 @@
 /** @format */
 
 import { CommonModule } from "@angular/common";
-import { Component, inject, OnDestroy, OnInit } from "@angular/core";
+import { Component, inject, OnDestroy, OnInit, signal } from "@angular/core";
 import { IconComponent } from "@uilib";
 import { ProjectDataService } from "../services/project-data.service";
 import { InfoCardComponent } from "@office/features/info-card/info-card.component";
 import { Subscription } from "rxjs";
 import { Project } from "@office/models/project.model";
+import { ProjectService } from "@office/services/project.service";
+import { AuthService } from "@auth/services";
 
 /**
  * Компонент страницы команды в деательной информации о проекте
@@ -19,11 +21,15 @@ import { Project } from "@office/models/project.model";
   standalone: true,
 })
 export class ProjectTeamComponent implements OnInit, OnDestroy {
-  // сервис для работы с данными детальной информации проекта
   private readonly projectDataService = inject(ProjectDataService);
+  private readonly projectService = inject(ProjectService);
+  private readonly authService = inject(AuthService);
 
   // массив пользователей в команде
   team?: Project["collaborators"];
+  projectId = signal<number>(0);
+  loggedUserId = signal<number>(0);
+  leaderId = signal<number>(0);
 
   // массив подписок
   subscriptions: Subscription[] = [];
@@ -37,10 +43,48 @@ export class ProjectTeamComponent implements OnInit, OnDestroy {
     });
 
     teamSub$ && this.subscriptions.push(teamSub$);
+
+    const projectId$ = this.projectDataService.getProjectId().subscribe({
+      next: projectId => {
+        if (projectId) {
+          this.projectId.set(projectId);
+        }
+      },
+    });
+
+    if (location.href.includes("/team")) {
+      const leaderId$ = this.projectDataService.getProjectLeaderId().subscribe({
+        next: leaderId => {
+          if (leaderId) {
+            this.leaderId.set(leaderId);
+          }
+        },
+      });
+
+      const currentProfileId$ = this.authService.profile.subscribe({
+        next: profile => {
+          if (profile) {
+            this.loggedUserId.set(profile.id);
+          }
+        },
+      });
+
+      this.subscriptions.push(leaderId$, currentProfileId$);
+    }
+
+    this.subscriptions.push(projectId$);
   }
 
   ngOnDestroy(): void {
-    // отписка от поток, которые не нужны
     this.subscriptions.forEach($ => $.unsubscribe());
   }
+
+  removeCollaboratorFromProject(userId: number): void {
+    const index = this.team?.findIndex(p => p.userId === userId);
+    if (index !== -1) {
+      this.team?.splice(index!, 1);
+    }
+
+    this.projectService.removeColloborator(this.projectId(), userId).subscribe();
+  }
 }