change rate-project page to list page

Author: Awakich

…gram/detail/detail/detail.component.html …ice/program/detail/detail.component.htmlprojects/social_platform/src/app/office/program/detail/detail/detail.component.html renamed to projects/social_platform/src/app/office/program/detail/detail.component.html projects/social_platform/src/app/office/program/detail/detail/detail.component.html renamed to projects/social_platform/src/app/office/program/detail/detail.component.html

@@ -123,7 +123,7 @@
             </app-button>
           </a>
           } @if (!program.isUserManager) {
-          <!-- добавить информацию с ссылок или чего-то в дизайне телефон но не у каждой программы есть телефон в контактах -->
+          <!-- TODO: добавить информацию с ссылок или чего-то в дизайне телефон но не у каждой программы есть телефон в контактах -->
           <a class="info__contacts">
             <app-button
               [disabled]="true"

…gram/detail/detail/detail.component.scss …ice/program/detail/detail.component.scssprojects/social_platform/src/app/office/program/detail/detail/detail.component.scss renamed to projects/social_platform/src/app/office/program/detail/detail.component.scss projects/social_platform/src/app/office/program/detail/detail/detail.component.scss renamed to projects/social_platform/src/app/office/program/detail/detail.component.scss

@@ -82,8 +82,8 @@
 
     app-tooltip {
       position: absolute;
-      right: -5%;
-      bottom: 48%;
+      right: -7%;
+      bottom: 32%;
       z-index: 1000;
     }
   }

…m/detail/detail/detail.component.spec.ts …/program/detail/detail.component.spec.tsprojects/social_platform/src/app/office/program/detail/detail/detail.component.spec.ts renamed to projects/social_platform/src/app/office/program/detail/detail.component.spec.ts projects/social_platform/src/app/office/program/detail/detail/detail.component.spec.ts renamed to projects/social_platform/src/app/office/program/detail/detail.component.spec.ts

@@ -1,15 +1,14 @@
 /** @format */
 
 import { Routes } from "@angular/router";
-import { ProgramDetailComponent } from "@office/program/detail/detail/detail.component";
-import { ProgramDetailResolver } from "@office/program/detail/detail/detail.resolver";
 import { ProgramDetailMainComponent } from "@office/program/detail/main/main.component";
 import { ProgramRegisterComponent } from "@office/program/detail/register/register.component";
 import { ProgramRegisterResolver } from "@office/program/detail/register/register.resolver";
 import { ProgramProjectsResolver } from "@office/program/detail/list/projects.resolver";
 import { ProgramMembersResolver } from "@office/program/detail/list/members.resolver";
-import { RateProjectsComponent } from "./rate-projects/rate-projects.component";
 import { ProgramListComponent } from "./list/list.component";
+import { ProgramDetailComponent } from "./detail.component";
+import { ProgramDetailResolver } from "./detail.resolver";
 
 /**
  * Маршруты для детальной страницы программы
@@ -54,7 +53,8 @@ export const PROGRAM_DETAIL_ROUTES: Routes = [
       },
       {
         path: "projects-rating",
-        component: RateProjectsComponent,
+        component: ProgramListComponent,
+        data: { listType: "rating" },
       },
     ],
   },

…rogram/detail/detail/detail.component.ts …ffice/program/detail/detail.component.tsprojects/social_platform/src/app/office/program/detail/detail/detail.component.ts renamed to projects/social_platform/src/app/office/program/detail/detail.component.ts projects/social_platform/src/app/office/program/detail/detail/detail.component.ts renamed to projects/social_platform/src/app/office/program/detail/detail.component.ts

@@ -13,7 +13,7 @@
       <i appIcon icon="filter" appSquare="34"></i>
     </div>
 
-    <ul class="page__list">
+    <ul class="page__list" [class.page__list--rating]="listType === 'rating'">
       @for (listItem of searchedList; track listItem.id) {
       <li class="page__item">
         @if (listType === 'projects') {
@@ -24,10 +24,12 @@
             [project]="listItem"
           ></app-project-card>
         </a>
-        } @else {
+        } @else if (listType === 'members') {
         <a [routerLink]="['/office/profile', listItem.id]">
           <app-member-card [user]="listItem"></app-member-card>
         </a>
+        } @else {
+        <app-rating-card [project]="listItem"></app-rating-card>
         }
       </li>
       }
@@ -36,6 +38,7 @@
 
   <div class="page__create">
     <div class="page__left">
+      @if (listType === 'projects') {
       <div class="filter page__filter" [class.page__filter--open]="isFilterOpen">
         <div class="filter__overlay" (click)="isFilterOpen = false"></div>
         <div class="filter__body" #filterBody>
@@ -48,6 +51,17 @@
           <app-projects-filter (closeFilter)="closeFilter()"></app-projects-filter>
         </div>
       </div>
+      } @else {
+      <form class="filter__form" [formGroup]="filterForm">
+        <p class="text-body-12">фильтр</p>
+        <div class="filter__controls">
+          <label class="filter__tags" (click)="setValue($event)">
+            <app-checkbox [checked]="this.filterForm.get('filterTag')?.value"></app-checkbox>
+            <p class="text-body-12">проекты без оценки</p>
+          </label>
+        </div>
+      </form>
+      }
     </div>
   </div>
 </div>

…am/detail/detail/detail.resolver.spec.ts …e/program/detail/detail.resolver.spec.tsprojects/social_platform/src/app/office/program/detail/detail/detail.resolver.spec.ts renamed to projects/social_platform/src/app/office/program/detail/detail.resolver.spec.ts projects/social_platform/src/app/office/program/detail/detail/detail.resolver.spec.ts renamed to projects/social_platform/src/app/office/program/detail/detail.resolver.spec.ts

@@ -45,6 +45,12 @@
     @include responsive.apply-desktop {
       grid-template-columns: repeat(4, 2fr);
     }
+
+    &--rating {
+      grid-template-columns: 1fr;
+      row-gap: 20px;
+      margin-top: 0;
+    }
   }
 
   &__create {
@@ -86,6 +92,23 @@
     }
   }
 
+  &__controls {
+    display: flex;
+    flex-direction: column;
+    gap: 14px;
+    margin-top: 18px;
+  }
+
+  &__tags {
+    display: flex;
+    gap: 12px;
+    align-items: center;
+
+    p {
+      color: var(--grey-for-text);
+    }
+  }
+
   &__bar {
     position: fixed;
     display: flex;