diff --git a/src/app/components/member/components/member-card/member-card.component.html b/src/app/components/member/components/member-card/member-card.component.html index e5591cd..f2a8e8f 100644 --- a/src/app/components/member/components/member-card/member-card.component.html +++ b/src/app/components/member/components/member-card/member-card.component.html @@ -52,9 +52,15 @@ {{ (createdOn || member.createdOn)?.toDate() | date : 'short' }} -
{{ about !== undefined ? about : member.about }}
diff --git a/src/app/components/member/components/member-card/member-card.component.ts b/src/app/components/member/components/member-card/member-card.component.ts index 1091557..f3ef346 100644 --- a/src/app/components/member/components/member-card/member-card.component.ts +++ b/src/app/components/member/components/member-card/member-card.component.ts @@ -1,5 +1,5 @@ /* eslint-disable @typescript-eslint/adjacent-overload-signatures */ -import { ChangeDetectionStrategy, Component, Input, OnDestroy } from '@angular/core'; +import { AfterViewInit, ChangeDetectionStrategy, Component, ElementRef, Input, OnDestroy, ViewChild } from '@angular/core'; import { MemberApi } from '@api/member.api'; import { DeviceService } from '@core/services/device'; import { UntilDestroy, untilDestroyed } from '@ngneat/until-destroy'; @@ -14,7 +14,7 @@ import { ROUTER_UTILS } from './../../../../@core/utils/router.utils'; styleUrls: ['./member-card.component.less'], changeDetection: ChangeDetectionStrategy.OnPush, }) -export class MemberCardComponent implements OnDestroy { +export class MemberCardComponent implements AfterViewInit, OnDestroy { @Input() member?: Member; @Input() fullWidth?: boolean; @Input() allowMobileContent?: boolean; @@ -28,6 +28,9 @@ export class MemberCardComponent implements OnDestroy { public totalVisibleBadges = 6; public path = ROUTER_UTILS.config.member.root; public isReputationVisible = false; + public isAboutExpanded = false; + public aboutShowPointer = false; + @ViewChild('aboutMember') aboutMemberEleRef?: ElementRef