fix invite-card design, length of naming & description in project-vacancy-card, disable cv button

Author: Awakich

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

@@ -510,6 +510,8 @@ <h3 class="text-body-14 cancel__title" style="flex-wrap: wrap; width: 90%">
           <app-button
             (click)="sendCVEmail()"
             size="medium"
+            style="opacity: 0, 5"
+            [disabled]="true"
             appearance="outline"
             customTypographyClass="text-body-12"
             >cкачать CV</app-button

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

@@ -6,7 +6,7 @@
     <div class="invite__top">
       <p class="text-body-12">{{ invite.role }}</p>
       @if(invite.isAccepted === null) {
-      <p class="text-body-12 invite__status">• Приглашение отправлено</p>
+      <p class="text-body-12 invite__status">• приглашение отправлено</p>
       }
     </div>
 

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

@@ -37,10 +37,12 @@
 
   &__top {
     display: flex;
+    align-items: center;
+    justify-content: space-between;
     gap: 15px;
     padding-bottom: 5px;
     margin-bottom: 15px;
-    border-bottom: 1px solid var(--dark-grey);
+    border-bottom: 0.5px solid var(--dark-grey);
   }
 
   &__warning-modal {

projects/social_platform/src/app/office/features/news-form/news-form.component.scss

@@ -11,7 +11,6 @@
     ::ng-deep app-input {
       input {
         width: 100%;
-        padding: 12px 105px 6px 0;
         background-color: transparent;
         border-bottom: 0.5px solid var(--medium-grey-for-outline);
       }

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

@@ -23,7 +23,13 @@ <h3 class="text-body-12 lists__title">метаданные</h3>
 
           <li class="lists__item">
             <i appIcon icon="goal" class="lists__icon" appSquare="10"></i>
-            <p class="text-body-10">{{ user.speciality ?? "не указана" }}</p>
+            <p class="text-body-10">
+              {{
+                (user.speciality.length > 13
+                  ? user.speciality.slice(0, 10) + "..."
+                  : user.speciality) ?? "не указана"
+              }}
+            </p>
           </li>
         </ul>
       </div>
@@ -151,7 +157,7 @@ <h3 class="text-body-12 about__title">обо мне</h3>
             <h3 class="text-body-12 lists__title">контакты</h3>
             <i class="lists__icon" icon="phone" appIcon appSquare="12"></i>
           </div>
-          <ul>
+          <ul class="lists__list">
             @for (link of user.links.slice(0, 3); track $index) {
             <li class="lists__item text-body-10">
               <ng-container

projects/social_platform/src/app/office/projects/detail/shared/project-vacancy-card/project-vacancy-card.component.html

@@ -11,18 +11,28 @@
         borderColor="accent"
       ></app-avatar>
       <div class="vacancy__project--info">
-        <p class="text-body-10" style="color: var(--black)">{{ vacancy.project.name }}</p>
+        <p class="text-body-10" style="color: var(--black)">
+          {{
+            vacancy.project.name.length > 20
+              ? vacancy.project.name.slice(0, 13) + "..."
+              : vacancy.project.name
+          }}
+        </p>
         <p class="text-body-10">
           {{ vacancy.datetimeCreated | dayjs: "format":"DD.MM.YY • HH:MM" }}
         </p>
       </div>
     </div>
     } @else {
-    <p class="text-body-12 vacancy__role">{{ vacancy.role }}</p>
+    <p class="text-body-12 vacancy__role">
+      {{ vacancy.role.length > 20 ? vacancy.role.slice(0, 17) + "..." : vacancy.role }}
+    </p>
     }
     <div class="vacancy__info--top">
       @if (type === 'vacancies') {
-      <p class="text-body-12 vacancy__role">{{ vacancy.role }}</p>
+      <p class="text-body-12 vacancy__role">
+        {{ vacancy.role.length > 20 ? vacancy.role.slice(0, 17) + "..." : vacancy.role }}
+      </p>
       }
       <div class="vacancy__salary">
         <i appIcon icon="contacts" appWidth="5" appHeight="8"></i>

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

@@ -73,7 +73,12 @@
             @if (myInvites.length) {
             <ul class="page__invites--list">
               @for (invite of myInvites; track invite.id) {
-              <app-info-card type="invite" [info]="invite"></app-info-card>
+              <app-info-card
+                (onRejectingInvite)="acceptOrRejectInvite()"
+                (onAcceptingInvite)="acceptOrRejectInvite()"
+                type="invite"
+                [info]="invite"
+              ></app-info-card>
               }
             </ul>
             } @else {

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

@@ -151,6 +151,10 @@ export class ProjectsComponent implements OnInit, OnDestroy {
     this.renderer.setStyle(this.filterBody.nativeElement, "transform", "translateY(0)");
   }
 
+  acceptOrRejectInvite(): void {
+    this.myInvites = [];
+  }
+
   closeFilter(): void {
     this.isFilterOpen = false;
   }