add filter for projects & update project & profile

Author: Awakich

package.json

@@ -3,7 +3,8 @@
   "version": "0.0.0",
   "scripts": {
     "ng": "ng",
-    "start": "ng serve social_platform",
+    "start:social": "ng serve social_platform --open",
+    "start:skills": "ng serve skills --open",
     "build:social:dev": "npm run build:sprite && ng build social_platform --configuration=development",
     "build:social:prod": "npm run build:sprite && ng build social_platform --configuration=production",
     "build:skills:prod": "ng build skills --configuration=production",

projects/core/src/consts/filter-tags.ts

@@ -0,0 +1,7 @@
+/** @format */
+
+export const filterTags = [
+  { id: 2, label: "Все проекты", value: null },
+  { id: 1, label: "Оцененные", value: true },
+  { id: 0, label: "Не оцененные", value: false },
+];

projects/core/src/consts/list-direction-project.ts

@@ -0,0 +1,44 @@
+/** @format */
+
+export const directionProjectList = [
+  {
+    id: 0,
+    value: "Технология",
+    label: "Технология",
+  },
+  {
+    id: 1,
+    value: "IT",
+    label: "IT",
+  },
+  {
+    id: 2,
+    value: "Транспорт",
+    label: "Транспорт",
+  },
+  {
+    id: 3,
+    value: "им Био",
+    label: "Хим Био",
+  },
+  {
+    id: 4,
+    value: "Дизайн",
+    label: "Дизайн",
+  },
+  {
+    id: 5,
+    value: "Мультимедиа",
+    label: "Мультимедиа",
+  },
+  {
+    id: 6,
+    value: "СоцТех",
+    label: "СоцТех",
+  },
+  {
+    id: 7,
+    value: "Урбанистика",
+    label: "Урбанистика",
+  },
+];

projects/core/src/consts/list-roles-members.ts

@@ -0,0 +1,39 @@
+/** @format */
+
+export const rolesMembersList = [
+  {
+    id: 0,
+    value: "Наставник",
+    label: "Наставник",
+  },
+  {
+    id: 1,
+    value: "Руководитель проекта",
+    label: "Руководитель проекта",
+  },
+  {
+    id: 2,
+    value: "Руководитель направления",
+    label: "Руководитель направления",
+  },
+  {
+    id: 3,
+    value: "Проектный менеджер",
+    label: "Проектный менеджер",
+  },
+  {
+    id: 4,
+    value: "Руководитель трека",
+    label: "Руководитель трека",
+  },
+  {
+    id: 5,
+    value: "PR-менеджер",
+    label: "PR-менеджер",
+  },
+  {
+    id: 6,
+    value: "Участник",
+    label: "Участник",
+  },
+];

projects/core/src/consts/list-track-project.ts

@@ -0,0 +1,29 @@
+/** @format */
+
+export const trackProjectList = [
+  {
+    id: 0,
+    value: "Технологическое лидерство",
+    label: "Технологическое лидерство",
+  },
+  {
+    id: 1,
+    value: "Индустриальные",
+    label: "Индустриальные",
+  },
+  {
+    id: 2,
+    value: "Инициативные",
+    label: "Инициативные",
+  },
+  {
+    id: 3,
+    value: "Стратегические",
+    label: "Стратегические",
+  },
+  {
+    id: 4,
+    value: "Научные",
+    label: "Научные",
+  },
+];

projects/core/src/consts/navProjectItems.ts

@@ -9,21 +9,21 @@ export const navItems = [
   {
     step: "contacts",
     src: "/assets/images/projects/edit/contacts.svg",
-    label: "Контакты",
+    label: "Контакты и ссылки",
   },
   {
     step: "achievements",
     src: "/assets/images/projects/edit/achievements.svg",
     label: "Достижения",
   },
-  {
-    step: "team",
-    src: "/assets/images/projects/edit/members.svg",
-    label: "Участники",
-  },
   {
     step: "vacancies",
     src: "/assets/images/projects/edit/vacancies.svg",
     label: "Вакансии",
   },
+  {
+    step: "team",
+    src: "/assets/images/projects/edit/team.svg",
+    label: "Команда",
+  },
 ];

projects/core/src/environments/environments.ts

@@ -0,0 +1,5 @@
+/** @format */
+
+export const environments = {
+  links: [],
+};

projects/skills/src/app/task/shared/relations-task/relations-task.component.html

@@ -3,10 +3,18 @@
 <div class="relations">
   <h2 class="relations__title">{{ data.text }}</h2>
   <div class="relations__description" [innerHTML]="description"></div>
-  <div class="relations__wrapper">
+  <div class="relations__wrapper" style="position: relative">
+    <svg
+      #svgOverlay
+      class="svg-overlay"
+      style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none"
+    ></svg>
+
     <div class="relations__column">
       @for (_ of Array(data.connectLeft.length); track $index) {
       <div
+        #leftItem
+        [attr.data-id]="data.connectLeft[$index].id"
         class="relations__item relations__a"
         [class.relations__item--active]="
           resultLeft().includes(data.connectLeft[$index].id) ||
@@ -27,6 +35,8 @@ <h2 class="relations__title">{{ data.text }}</h2>
     <div class="relations__column" [class.relations__column--grid]="isImageGrid">
       @for (_ of Array(data.connectRight.length); track $index) {
       <div
+        #rightItem
+        [attr.data-id]="data.connectRight[$index].id"
         class="relations__item relations__b"
         (click)="onSelectRight(data.connectRight[$index].id)"
         [class.relations__item--active]="resultRight().includes(data.connectRight[$index].id)"

projects/skills/src/app/task/shared/relations-task/relations-task.component.scss

@@ -43,10 +43,7 @@
     flex-direction: column;
     gap: 10px;
     min-width: 220px;
-
-    &:nth-child(2) {
-      flex-grow: 1;
-    }
+    flex-grow: 1;
 
     &--grid {
       display: grid;