add button for project adding to program

Author: Awakich

projects/social_platform/src/app/office/program/detail/main/main.component.html

@@ -33,6 +33,13 @@ <h1 class="info__title">{{ program.name }}</h1>
           </div>
         </div>
         <div class="info__actions">
+          @if (program.isUserMember || program.isUserManager) {
+          <app-button (click)="addProject()" customTypographyClass="text-body-12 bar__add-project">
+            <span class="bar__add-project-text">Добавить проект</span>
+            <i appIcon icon="plus" appSquare="10"></i>
+          </app-button>
+          }
+
           <a
             class="info__presentation"
             [href]="program.presentationAddress"

projects/social_platform/src/app/office/program/detail/main/main.component.scss

@@ -92,6 +92,21 @@
   }
 }
 
+.bar__add-project {
+  display: flex;
+  align-items: center;
+  cursor: pointer;
+
+  i {
+    display: block;
+    margin-left: 6px;
+  }
+}
+
+.bar__add-project-text {
+  display: inline;
+}
+
 .about {
   &__head {
     display: flex;

projects/social_platform/src/app/office/program/detail/main/main.component.ts

@@ -10,7 +10,7 @@ import {
   ViewChild,
 } from "@angular/core";
 import { ProgramService } from "@office/program/services/program.service";
-import { ActivatedRoute, RouterLink } from "@angular/router";
+import { ActivatedRoute, Router, RouterLink } from "@angular/router";
 import { concatMap, fromEvent, map, noop, of, Subscription, tap, throttleTime } from "rxjs";
 import { Program } from "@office/program/models/program.model";
 import { ProgramNewsService } from "@office/program/services/program-news.service";
@@ -24,6 +24,7 @@ import { AvatarComponent } from "@ui/components/avatar/avatar.component";
 import { ApiPagination } from "@models/api-pagination.model";
 import { TagComponent } from "@ui/components/tag/tag.component";
 import { NewsFormComponent } from "@office/shared/news-form/news-form.component";
+import { ProjectService } from "@office/services/project.service";
 
 /**
  * Главный компонент детальной страницы программы
@@ -91,6 +92,8 @@ export class ProgramDetailMainComponent implements OnInit, OnDestroy {
   constructor(
     private readonly programService: ProgramService,
     private readonly programNewsService: ProgramNewsService,
+    private readonly projectService: ProjectService,
+    private readonly router: Router,
     private readonly route: ActivatedRoute,
     private readonly cdRef: ChangeDetectorRef
   ) {}
@@ -252,6 +255,19 @@ export class ProgramDetailMainComponent implements OnInit, OnDestroy {
     this.readFullDescription = !isExpanded;
   }
 
+  addProject(): void {
+    this.projectService.create().subscribe(project => {
+      this.projectService.projectsCount.next({
+        ...this.projectService.projectsCount.getValue(),
+        my: this.projectService.projectsCount.getValue().my + 1,
+      });
+
+      this.router
+        .navigateByUrl(`/office/projects/${project.id}/edit?editingStep=main`)
+        .then(() => console.debug("Route change from ProjectsComponent"));
+    });
+  }
+
   program?: Program;
   registerDateExpired!: boolean;
   descriptionExpandable!: boolean;