fix skills errors & ui fixes + chat main platform

Author: Awakich

package-lock.json

@@ -45,7 +45,6 @@
     "class-transformer": "^0.5.1",
     "core-js": "^3.23.4",
     "dayjs": "^1.11.3",
-    "file-saver": "^2.0.5",
     "fuse.js": "^6.6.2",
     "js-base64": "^3.7.7",
     "js-cookie": "^3.0.5",

package.json

@@ -17,19 +17,25 @@
   @if (skills()) {
   <div class="list__items">
     @for (s of skills(); track $index) {
-    <app-skill-card [skill]="s" (click)="onSkillClick(s.id)"></app-skill-card>
+    <app-skill-card [skill]="s" (click)="onSkillClick(s.id, s.isFromTrajectory)"></app-skill-card>
     }
   </div>
   }
 </div>
 
 <app-modal [open]="nonConfirmerModalOpen()">
   <div class="confirm">
-    <h4 class="confirm__title text-heading-4">У вас нет активной подписки</h4>
+    <h4 class="confirm__title text-heading-4">
+      {{ isFromTrajectoryModal() ? "Этот навык из траектории" : "У вас нет активной подписки" }}
+    </h4>
     <div class="cancel__confirm">
       <img alt="more image" src="assets\images\trajectories\more.svg" class="confirm__image" />
       <p class="text-body-12 cancel__subtext">
-        Чтобы получить доступ ко всем возможностям платформы, оформите подписку прямо сейчас!
+        {{
+          isFromTrajectoryModal()
+            ? "Чтобы получить доступ к этому навыку выберите нужную траекторию или завершите выбранную ранее траекторию!"
+            : "Чтобы получить доступ ко всем возможностям платформы, оформите подписку прямо сейчас!"
+        }}
       </p>
 
       <div class="cancel__buttons-group">
@@ -42,11 +48,11 @@ <h4 class="confirm__title text-heading-4">У вас нет активной по
         >
 
         <app-button
-          routerLink="/subscription"
+          [routerLink]="isFromTrajectoryModal() ? '/trackCar' : '/subscription'"
           style="width: 100%"
           customTypographyClass="text-body-12"
           [color]="'primary'"
-          >Купить</app-button
+          >{{ isFromTrajectoryModal() ? "К траекториям" : "Купить" }}</app-button
         >
       </div>
     </div>

projects/skills/src/app/skills/list/list.component.html

@@ -60,6 +60,7 @@ export class SkillsListComponent implements OnInit, OnDestroy {
   subscriptionType = signal<SubscriptionData["lastSubscriptionType"]>(null);
 
   nonConfirmerModalOpen = signal(false);
+  isFromTrajectoryModal = signal(false);
 
   ngOnInit(): void {
     const profileSub = this.profileService.getSubscriptionData().subscribe(r => {
@@ -94,10 +95,11 @@ export class SkillsListComponent implements OnInit, OnDestroy {
     this.skills.set(filteredSkills);
   }
 
-  onSkillClick(skillId: number) {
+  onSkillClick(skillId: number, isFromTrajectory: boolean) {
     this.skillService.setSkillId(skillId);
     this.router.navigate(["skills", skillId]).catch(err => {
       if (err.status === 403) {
+        this.isFromTrajectoryModal.set(isFromTrajectory);
         this.nonConfirmerModalOpen.set(true);
       }
     });

projects/skills/src/app/skills/list/list.component.ts

@@ -25,8 +25,8 @@
       {{ skill.quantityOfLevels | pluralize: ["уровень", "уровня", "уровней"] }}
     </div>
 
-    @if (!skill.freeAccess) {
-    <div class="skill-card__price text-body-12">Доступно в подписке PRO</div>
+    @if (skill.requiresSubscription) {
+    <div class="skill-card__price text-body-12">Доступно в подписке</div>
     } @if (skill.overdue) {
     <div class="skill-card__lost text-body-12">Просроченный навык</div>
     } @if(skill.isDone) {

projects/skills/src/app/skills/shared/skill-card/skill-card.component.html

@@ -7,6 +7,8 @@ export interface Skill {
   fileLink: string;
   whoCreated: string;
   description: string;
+  isFromTrajectory: boolean;
+  requiresSubscription: boolean;
   isDone: boolean;
   freeAccess: boolean;
   overdue?: boolean;

projects/skills/src/models/skill.model.ts

@@ -73,7 +73,7 @@ export class FeedFilterComponent implements OnInit, OnDestroy {
   filterOptions = [
     { label: "Новости", value: "news" },
     { label: "Вакансии", value: "vacancy" },
-    { label: "Новые проекты", value: "project" },
+    { label: "Новости проектов", value: "project" },
   ];
 
   includedFilters = signal<string[]>([]);

projects/social_platform/src/app/office/feed/filter/feed-filter.component.ts

@@ -14,7 +14,7 @@
       <app-autocomplete-input
         class="filter__autocomplete"
         [suggestions]="specsOptions()"
-        [slimVersion]="true"
+        [slimVersion]="false"
         fieldToDisplay="name"
         valueField="name"
         formControlName="speciality"
@@ -25,7 +25,7 @@
       <app-autocomplete-input
         class="filter__autocomplete"
         [suggestions]="skillsOptions()"
-        [slimVersion]="true"
+        [slimVersion]="false"
         fieldToDisplay="name"
         valueField="name"
         formControlName="keySkill"

projects/social_platform/src/app/office/members/filters/members-filters.component.html

@@ -1,4 +1,5 @@
 @use "styles/responsive";
+@use "styles/typography";
 
 .filters {
   display: flex;
@@ -67,8 +68,18 @@
     display: flex;
     gap: 10px;
     align-items: center;
-    width: 168px;
+    padding: 12px 20px;
+    color: var(--black);
+    background-color: var(--white);
+    border: 1px solid var(--gray);
+    border-radius: var(--rounded-lg);
+    // width: 168px;
     font-size: 12px;
+
+    span {
+      color: var(--dark-grey);
+      @include typography.body-16;
+    }
   }
 
   &__autocomplete {

projects/social_platform/src/app/office/members/filters/members-filters.component.scss

@@ -202,6 +202,11 @@ export class OnboardingStageZeroComponent implements OnInit, OnDestroy {
     {
       value: 2024,
       id: 24,
+      label: "2024",
+    },
+    {
+      value: 2025,
+      id: 25,
       label: "н.в",
     },
   ];