add draft icon in info-card, & assigned button in program detail

Author: Awakich

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

@@ -101,12 +101,13 @@
           } } @if (isUserMember && !isUserManager && !isUserExpert) {
           <app-button
             size="medium"
-            [style.opacity]="registerDateExpired ? '0.5' : '1'"
-            [disabled]="!!registerDateExpired"
+            [style.opacity]="registerDateExpired || isProjectAssigned ? '0.5' : '1'"
+            [disabled]="!!registerDateExpired || isProjectAssigned"
+            [appearance]="isProjectAssigned ? 'outline' : 'inline'"
             (click)="toggleSubmitProjectModal()"
             customTypographyClass="text-body-12 bar__add-project"
           >
-            <span>подать проект</span>
+            <span>{{ isProjectAssigned ? "вы подали проект" : "подать проект" }}</span>
             <i appIcon icon="plus" appSquare="10"></i>
           </app-button>
           } @if ((isUserManager || isUserExpert) && isUserMember) {
@@ -235,7 +236,11 @@
                       <div class="project__item--info">
                         <app-avatar [url]="project.imageAddress" [size]="40"></app-avatar>
                         <p class="text-body-12">
-                          {{ project.name }}
+                          {{
+                            project.name.length > 20
+                              ? project.name.slice(0, 16) + "..."
+                              : project.name
+                          }}
                         </p>
                       </div>
                       <app-input

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

@@ -155,6 +155,10 @@ export class DeatilComponent implements OnInit, OnDestroy {
     return type !== undefined && type === 3;
   }
 
+  get isProjectAssigned() {
+    return !!this.memberProjects.find(project => project.leader === this.profile?.id);
+  }
+
   // Методы для управления состоянием ошибок через сервис
   setAssignProjectToProgramError(error: { non_field_errors: string[] }): void {
     this.projectAdditionalService.setAssignProjectToProgramError(error);
@@ -414,6 +418,7 @@ export class DeatilComponent implements OnInit, OnDestroy {
       const profileDataSub$ = this.authService.profile.pipe(filter(user => !!user)).subscribe({
         next: user => {
           this.userType.set(user!.userType);
+          this.profile = user;
           this.cdRef.detectChanges();
         },
       });
@@ -444,10 +449,6 @@ export class DeatilComponent implements OnInit, OnDestroy {
 
       this.isInProfileInfo();
 
-      this.skillsProfileService.getSubscriptionData().subscribe(r => {
-        this.isSubscriptionActive.set(r.isSubscribed);
-      });
-
       this.subscriptions.push(profileDataSub$);
     }
   }

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

@@ -129,6 +129,21 @@
   <div class="card__info">
     @if (type === 'projects') {
     <div class="card__info--program">
+      @if (info.partnerProgram || info.draft) { @if (info.partnerProgram && info.draft) {
+      <div
+        class="card__info--program-icon"
+        (mouseenter)="programProjectHovered = true"
+        (mouseleave)="programProjectHovered = false"
+      >
+        <i appIcon icon="program" appSquare="8"></i>
+      </div>
+
+      @if (programProjectHovered) {
+      <div class="card__info--project-partner">
+        <p class="text-body-6">проект привязан к программе {{ info.partnerProgram.name }}</p>
+      </div>
+      } }
+
       <app-button
         [routerLink]="'/office/projects/' + info?.id"
         customTypographyClass="text-body-6"
@@ -138,18 +153,21 @@
         проект
       </app-button>
 
-      @if (info.partnerProgram) {
       <div
         class="card__info--program-icon"
-        (mouseenter)="programProjectHovered = true"
-        (mouseleave)="programProjectHovered = false"
+        (mouseenter)="iconHovered = true"
+        (mouseleave)="iconHovered = false"
       >
-        <i appIcon icon="program" appSquare="8"></i>
+        <i appIcon [icon]="info.draft ? 'box' : 'program'" appSquare="8"></i>
       </div>
 
-      @if (programProjectHovered) {
+      @if (iconHovered) {
       <div class="card__info--project-partner">
-        <p class="text-body-6">проект привязан к программе {{ info.partnerProgram.name }}</p>
+        <p class="text-body-6">
+          @if (info.draft) { проект пока еще не опубликовали. } @else { проект привязан к программе
+          {{ info.partnerProgram.name }}
+          }
+        </p>
       </div>
       } }
     </div>

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

@@ -62,6 +62,7 @@
       top: 63%;
       left: 30%;
       padding: 3px 5px;
+      background-color: var(--light-white);
       border: 0.5px solid var(--medium-grey-for-outline);
       border-radius: var(--rounded-lg);
 

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

@@ -58,6 +58,8 @@ export class InfoCardComponent implements OnInit {
   haveBadge = this.calculateHaveBadge();
 
   programProjectHovered = false;
+  iconHovered = false;
+  draftProjectHovered = false;
 
   ngOnInit(): void {}