add actual programs for feed & registration ednds for programs & validators for project fields

Author: Awakich

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

@@ -25,6 +25,29 @@
               <p class="text-body-6">Политика обработки персональных данных</p>
               <p class="text-body-6">2022</p>
             </div>
+
+            <div class="office__programs">
+              <div class="office__program" [routerLink]="'/office/programs/' + 1">
+                <div class="program__top">
+                  <div class="program__info">
+                    <app-avatar [size]="30" [url]=""></app-avatar>
+                    <p class="text-body-10">до {{ "" | date: "dd.MM.yy" }}</p>
+                  </div>
+
+                  <i
+                    appIcon
+                    [icon]="!(1 === 1) ? 'program' : 'person'"
+                    appSquare="10"
+                    class="program__icon"
+                    [style.color]="!(1 === 1) ? 'var(--grey-for-text)' : 'var(--green)'"
+                  ></i>
+                </div>
+
+                <p class="text-body-10 program__title">
+                  {{ "VI Кейс-чемпионат MIR" | truncate: 30 }}
+                </p>
+              </div>
+            </div>
           </ui-sidebar>
 
           <div class="office__inner--content">

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

@@ -56,6 +56,30 @@
     }
   }
 
+  &__programs {
+    display: flex;
+    flex-direction: column;
+    gap: 12px;
+    margin-top: 12px;
+    max-width: 135px;
+  }
+
+  &__program {
+    display: flex;
+    flex-direction: column;
+    gap: 5px;
+    cursor: pointer;
+    padding: 8px;
+    border-radius: var(--rounded-lg);
+    border: 0.5px solid var(--medium-grey-for-outline);
+    background-color: var(--light-white);
+    transition: background-color 0.2s ease-in-out;
+
+    &:hover {
+      background-color: var(--white);
+    }
+  }
+
   &__inner {
     display: flex;
     width: 100%;
@@ -105,6 +129,24 @@
   }
 }
 
+.program {
+  &__top {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+  }
+
+  &__info {
+    display: flex;
+    align-items: center;
+    gap: 5px;
+  }
+
+  &__title {
+    color: var(--black);
+  }
+}
+
 .message-modal {
   display: flex;
   flex-direction: column;

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

@@ -3,7 +3,7 @@
 import { Component, OnDestroy, OnInit, Signal } from "@angular/core";
 import { IndustryService } from "@services/industry.service";
 import { forkJoin, map, noop, Subscription } from "rxjs";
-import { ActivatedRoute, Router, RouterOutlet } from "@angular/router";
+import { ActivatedRoute, Router, RouterOutlet, RouterLink } from "@angular/router";
 import { Invite } from "@models/invite.model";
 import { AuthService } from "@auth/services";
 import { ProjectService } from "@services/project.service";
@@ -15,9 +15,11 @@ import { ButtonComponent } from "@ui/components";
 import { ModalComponent } from "@ui/components/modal/modal.component";
 import { NavComponent } from "./features/nav/nav.component";
 import { IconComponent, ProfileControlPanelComponent, SidebarComponent } from "@uilib";
-import { AsyncPipe } from "@angular/common";
+import { AsyncPipe, DatePipe } from "@angular/common";
 import { InviteService } from "@services/invite.service";
 import { toSignal } from "@angular/core/rxjs-interop";
+import { AvatarComponent } from "@ui/components/avatar/avatar.component";
+import { TruncatePipe } from "projects/core/src/lib/pipes/truncate.pipe";
 
 /**
  * Главный компонент офиса - корневой компонент рабочего пространства
@@ -45,8 +47,12 @@ import { toSignal } from "@angular/core/rxjs-interop";
     DeleteConfirmComponent,
     SnackbarComponent,
     AsyncPipe,
+    DatePipe,
+    TruncatePipe,
     ProfileControlPanelComponent,
     IconComponent,
+    AvatarComponent,
+    RouterLink,
   ],
 })
 export class OfficeComponent implements OnInit, OnDestroy {

projects/social_platform/src/app/office/program/shared/program-card/program-card.component.html

@@ -20,7 +20,7 @@
       <!-- ? "Регистрация до:" + " " + (program.datetimeRegistrationEnds | date: "dd MMMM") -->
       {{
         !registerDateExpired && (!program.isUserMember || !program.isUserManager)
-          ? "Подача проектов до:" + " " + (program.datetimeRegistrationEnds | date: "dd MMMM")
+          ? "Регистрация до:" + " " + (program.datetimeRegistrationEnds | date: "dd MMMM")
           : registerDateExpired
           ? "регистрация завершена"
           : "ты уже участвуешь!"

projects/social_platform/src/app/office/projects/edit/services/project-additional.service.ts

@@ -242,7 +242,7 @@ export class ProjectAdditionalService {
         control.addValidators([Validators.maxLength(500)]);
         break;
       case "textarea":
-        control.addValidators([Validators.maxLength(300)]);
+        control.addValidators([Validators.maxLength(500)]);
         break;
     }
   }

projects/social_platform/src/app/office/projects/edit/services/project-form.service.ts

@@ -40,19 +40,19 @@ export class ProjectFormService {
   private initializeForm(): void {
     this.projectForm = this.fb.group({
       imageAddress: [""],
-      name: ["", [Validators.required]],
-      region: ["", [Validators.required]],
+      name: ["", [Validators.required, Validators.maxLength(256)]],
+      region: ["", [Validators.required, Validators.maxLength(256)]],
       implementationDeadline: [null],
       trl: [null],
       links: this.fb.array([]),
       link: ["", Validators.pattern(/^(https?:\/\/)/)],
-      industryId: [undefined, [Validators.required]],
-      description: ["", [Validators.required, Validators.minLength(0), Validators.maxLength(800)]],
+      industryId: [undefined],
+      description: ["", [Validators.maxLength(800)]],
       presentationAddress: [""],
-      coverImageAddress: ["", [Validators.required]],
-      actuality: ["", [Validators.maxLength(400)]],
-      targetAudience: ["", [Validators.required, Validators.maxLength(400)]],
-      problem: ["", [Validators.required, Validators.maxLength(400)]],
+      coverImageAddress: [""],
+      actuality: ["", [Validators.maxLength(1000)]],
+      targetAudience: ["", [Validators.maxLength(500)]],
+      problem: ["", [Validators.maxLength(1000)]],
       partnerProgramId: [null],
       achievements: this.fb.array([]),
       title: [""],