diff --git a/projects/social_platform/src/app/ui/pages/projects/detail/info/components/projects-left-side/projects-left-side.component.scss b/projects/social_platform/src/app/ui/pages/projects/detail/info/components/projects-left-side/projects-left-side.component.scss
index 9e5ef4e16..a8f20c411 100644
--- a/projects/social_platform/src/app/ui/pages/projects/detail/info/components/projects-left-side/projects-left-side.component.scss
+++ b/projects/social_platform/src/app/ui/pages/projects/detail/info/components/projects-left-side/projects-left-side.component.scss
@@ -68,6 +68,24 @@
align-items: flex-start;
min-width: 0;
+ // Длинное имя программы использует всю ширину существующего metadata блока.
+ &--program {
+ display: grid;
+ grid-template-columns: 22px minmax(0, 1fr);
+ gap: 4px 6px;
+ align-items: center;
+
+ .lists__item-content {
+ display: contents;
+ }
+
+ .lists__value {
+ grid-column: 1 / -1;
+ hyphens: auto;
+ word-break: normal;
+ }
+ }
+
&--status {
padding: 8px;
border: 0.5px solid var(--medium-grey-for-outline);
diff --git a/projects/social_platform/src/app/ui/pages/projects/detail/info/components/projects-left-side/projects-left-side.component.spec.ts b/projects/social_platform/src/app/ui/pages/projects/detail/info/components/projects-left-side/projects-left-side.component.spec.ts
index 34fcbf5f1..1ccdb088d 100644
--- a/projects/social_platform/src/app/ui/pages/projects/detail/info/components/projects-left-side/projects-left-side.component.spec.ts
+++ b/projects/social_platform/src/app/ui/pages/projects/detail/info/components/projects-left-side/projects-left-side.component.spec.ts
@@ -52,4 +52,36 @@ describe("ProjectsLeftSideComponent", () => {
expect(text).toContain("Иванов Иван");
expect(text).not.toContain(">0<");
});
+
+ it("показывает полное имя и открывает именно программу, а не связь или проект", () => {
+ fixture.componentRef.setInput("project", {
+ industry: 1,
+ leader: 42,
+ partnerProgram: {
+ name: "Акселератор студенческих технологических проектов",
+ programId: 12,
+ programLinkId: 120,
+ },
+ });
+ fixture.detectChanges();
+ const field = fixture.nativeElement.querySelector(".lists__item--program");
+ expect(field.textContent).toContain("Программа");
+ expect(field.querySelector("a").textContent.trim()).toBe(
+ "Акселератор студенческих технологических проектов",
+ );
+ expect(field.querySelector("a").getAttribute("href")).toBe("/office/program/12");
+ });
+
+ it("не добавляет программу без связи и явно обозначает отсутствующее legacy имя", () => {
+ expect(fixture.nativeElement.querySelector(".lists__item--program")).toBeNull();
+ fixture.componentRef.setInput("project", {
+ industry: 1,
+ leader: 42,
+ partnerProgram: { programId: 12 },
+ });
+ fixture.detectChanges();
+ expect(fixture.nativeElement.querySelector(".lists__item--program").textContent).toContain(
+ "Название не указано",
+ );
+ });
});
diff --git a/projects/social_platform/src/app/ui/widgets/info-card/info-card-list-contract.spec.ts b/projects/social_platform/src/app/ui/widgets/info-card/info-card-list-contract.spec.ts
index f1541d255..c7ce2a093 100644
--- a/projects/social_platform/src/app/ui/widgets/info-card/info-card-list-contract.spec.ts
+++ b/projects/social_platform/src/app/ui/widgets/info-card/info-card-list-contract.spec.ts
@@ -97,6 +97,7 @@ describe("Мои проекты: HTTP list → преобразование ко
expect(project).toBeInstanceOf(Project);
expect(project.shortDescription).toBe("Описание проекта");
expect(project.partnerProgram?.isSubmitted).toBe(submitted);
+ expect(project.partnerProgram?.name).toBe("Программа");
if (submitted !== undefined) {
expect(project.partnerProgram?.programLinkId).toBe(ids.programLinkId);
expect(project.partnerProgram?.programId).toBe(ids.programId);
@@ -112,16 +113,17 @@ describe("Мои проекты: HTTP list → преобразование ко
it.each([
{ submitted: true, draft: false, status: "Сдан в программу" },
{ submitted: true, draft: true, status: "Сдан в программу" },
- { submitted: false, draft: false, status: "В программе" },
- { submitted: false, draft: true, status: "В программе" },
- { submitted: undefined, draft: false, status: "В программе" },
- { submitted: undefined, draft: true, status: "В программе" },
+ { submitted: false, draft: false, status: "Привязан к программе" },
+ { submitted: false, draft: true, status: "Привязан к программе" },
+ { submitted: undefined, draft: false, status: "Привязан к программе" },
+ { submitted: undefined, draft: true, status: "Привязан к программе" },
])("is_submitted=$submitted, draft=$draft: lifecycle и доступ независимы", async item => {
await loadProject(item.submitted, item.draft);
for (const userId of [7, 99, undefined]) {
fixture.componentRef.setInput("loggedUserId", userId);
fixture.detectChanges();
expect(text(".card__status")).toBe(item.status);
+ expect(text(".card__program-name")).toBe("Программа: Программа");
expect(text(".card__role")).toBe(userId === 7 ? "Лидер" : "Участник");
expect(text(".card__access-label")).toBe(
userId === 7 && item.submitted === false ? "можно редактировать" : "только просмотр",
@@ -143,7 +145,7 @@ describe("Мои проекты: HTTP list → преобразование ко
});
expect(project.id).toBe(286);
expect(project.draft).toBe(true);
- expect(text(".card__status")).toBe("В программе");
+ expect(text(".card__status")).toBe("Привязан к программе");
expect(fixture.nativeElement.querySelectorAll(".card__status")).toHaveLength(1);
expect(text(".card__role")).toBe("Лидер");
expect(text(".card__access-label")).toBe("можно редактировать");
diff --git a/projects/social_platform/src/app/ui/widgets/info-card/info-card.component.html b/projects/social_platform/src/app/ui/widgets/info-card/info-card.component.html
index b07e47fbe..4c8bbf5ed 100644
--- a/projects/social_platform/src/app/ui/widgets/info-card/info-card.component.html
+++ b/projects/social_platform/src/app/ui/widgets/info-card/info-card.component.html
@@ -39,7 +39,12 @@
@@ -57,6 +62,25 @@
@if (myProjectPresentation(); as presentation) {
+ @if (presentation.lifecycle === "program") {
+
+ } @else if (presentation.lifecycle === "submitted") {
+
+ }
{{ presentation.statusLabel }}
}
@@ -67,6 +91,9 @@
} @else {
}
+ @if (programName(); as name) {
+
Программа: {{ name }}
+ }
{
".card__info--vacancies, .card__info--collaborators, .card__info--program-icon, .card__industry, .card__info--project-partner",
),
).toBeNull();
- expect(fixture.debugElement.queryAll(By.directive(IconComponent))).toHaveLength(0);
+ const icons = fixture.debugElement.queryAll(By.directive(IconComponent));
+ const hasProgram = item.key === "program" || item.key === "submitted";
+ expect(icons).toHaveLength(hasProgram ? 1 : 0);
+ if (hasProgram) {
+ expect(icons[0].componentInstance.icon()).toBe(
+ item.key === "submitted" ? "lock" : "program",
+ );
+ }
const avatar = fixture.debugElement.query(By.directive(AvatarComponent)).componentInstance;
expect(avatar.size()).toBe(70);
expect(avatar.url()).toBe(item.project.imageAddress);
@@ -120,6 +127,37 @@ describe("InfoCardComponent: статусы моих проектов", () => {
expect(TestBed.inject(Router).serializeUrl(link.urlTree!)).toBe(AppRoutes.projects.detail(101));
});
+ it("показывает имя программы и оставляет полный текст доступным без вложенной ссылки", () => {
+ const name = "Очень длинное название программы для студенческих технологических проектов";
+ fixture.componentRef.setInput(
+ "info",
+ projectCardFixture({
+ partnerProgram: { ...projectCardProgram(false), name },
+ }),
+ );
+ fixture.detectChanges();
+ const label = card().querySelector(".card__program-name")!;
+ expect(label.textContent?.trim()).toBe("Программа: " + name);
+ expect(label.title).toBe("Программа: " + name);
+ expect(card().querySelector("a")?.getAttribute("aria-label")).toContain(name);
+ expect(card().querySelectorAll("a")).toHaveLength(1);
+ expect(card().querySelector(".card__description--with-program")).not.toBeNull();
+ });
+
+ it("legacy ответ без имени сохраняет статус, доступ и геометрию описания", () => {
+ fixture.componentRef.setInput(
+ "info",
+ projectCardFixture({
+ partnerProgram: { ...projectCardProgram(false), name: undefined },
+ }),
+ );
+ fixture.detectChanges();
+ expect(card().querySelector(".card__program-name")).toBeNull();
+ expect(card().querySelector(".card__description--with-program")).toBeNull();
+ expect(card().querySelector(".card__status")?.textContent?.trim()).toBe("Привязан к программе");
+ expect(card().querySelector(".card__access-label")?.textContent).toBe("можно редактировать");
+ });
+
it.each(myProjectCardFixtures.slice(0, 4))(
"$key: смена роли или отсутствие профиля не меняет lifecycle и CTA",
item => {
@@ -179,7 +217,7 @@ describe("InfoCardComponent: статусы моих проектов", () => {
}),
);
fixture.detectChanges();
- expect(card().querySelector(".card__status")?.textContent?.trim()).toBe("В программе");
+ expect(card().querySelector(".card__status")?.textContent?.trim()).toBe("Привязан к программе");
expect(card().querySelector(".card__project-action")?.textContent?.trim()).toBe(
"Открыть",
);
@@ -198,14 +236,14 @@ describe("InfoCardComponent: статусы моих проектов", () => {
draft: true,
submitted: false,
lifecycle: "program",
- label: "В программе",
+ label: "Привязан к программе",
leaderCanEdit: true,
},
{
draft: false,
submitted: false,
lifecycle: "program",
- label: "В программе",
+ label: "Привязан к программе",
leaderCanEdit: true,
},
{
diff --git a/projects/social_platform/src/app/ui/widgets/info-card/info-card.component.ts b/projects/social_platform/src/app/ui/widgets/info-card/info-card.component.ts
index e22775360..b5fffd8ba 100644
--- a/projects/social_platform/src/app/ui/widgets/info-card/info-card.component.ts
+++ b/projects/social_platform/src/app/ui/widgets/info-card/info-card.component.ts
@@ -28,7 +28,7 @@ import { Project } from "@domain/project/project.model";
interface MyProjectPresentation {
lifecycle: "submitted" | "draft" | "program" | "published";
- statusLabel: "Черновик" | "Опубликован" | "В программе" | "Сдан в программу";
+ statusLabel: "Черновик" | "Опубликован" | "Привязан к программе" | "Сдан в программу";
role: "leader" | "participant";
roleLabel: "Лидер" | "Участник";
accessLabel: "можно редактировать" | "только просмотр";
@@ -109,7 +109,7 @@ export class InfoCardComponent {
{
submitted: "Сдан в программу",
draft: "Черновик",
- program: "В программе",
+ program: "Привязан к программе",
published: "Опубликован",
};
const userId = this.loggedUserId();
@@ -126,6 +126,13 @@ export class InfoCardComponent {
};
});
+ /** Имя той же связи, которая определяет статус; без дополнительных запросов. */
+ protected readonly programName = computed(() => {
+ if (!this.myProjectPresentation()) return null;
+ const project: Project | undefined = this.info();
+ return project?.partnerProgram?.name?.trim() || null;
+ });
+
readonly onAcceptingInvite = output();
readonly onRejectingInvite = output();
readonly onCreate = output();
diff --git a/projects/social_platform/src/app/ui/widgets/info-card/info-card.fixture.ts b/projects/social_platform/src/app/ui/widgets/info-card/info-card.fixture.ts
index 97fe1564b..f28403304 100644
--- a/projects/social_platform/src/app/ui/widgets/info-card/info-card.fixture.ts
+++ b/projects/social_platform/src/app/ui/widgets/info-card/info-card.fixture.ts
@@ -2,10 +2,11 @@
import { PartnerProgramInfo, Project } from "@domain/project/project.model";
-/** Связь из list-контракта: имя программы для отображения статуса не требуется. */
+/** Связь из list-контракта: имя и статус относятся к одной программе. */
export function projectCardProgram(isSubmitted: boolean): PartnerProgramInfo {
return {
id: 12,
+ name: "Акселератор студенческих проектов",
programId: 12,
programLinkId: 120,
isSubmitted,
@@ -60,7 +61,7 @@ export const myProjectCardFixtures = [
},
{
key: "program",
- label: "В программе",
+ label: "Привязан к программе",
action: "Открыть",
role: "Лидер",
access: "можно редактировать",
@@ -88,7 +89,7 @@ export const myProjectCardFixtures = [
},
{
key: "program",
- label: "В программе",
+ label: "Привязан к программе",
action: "Открыть",
role: "Участник",
access: "только просмотр",