feat: open author-view when clicking names/avatars

src/app/components/aux-panes/author-view/author-view.component.html

···
     >
       <avatar
         [src]="author().banner"
-        class="w-full aspect-[3_/_1]"
+        (click)="dialogService.openImage([{fullsize: author().banner, thumb: undefined, alt: undefined}], 0)"
+        class="w-full aspect-[3_/_1] cursor-pointer"
       />
 
       <div
···
       >
         <avatar
           [src]="author().avatar"
-          class="h-18 w-18 absolute -top-9 left-2 border-[0.25rem] border-bg !box-content"
+          (click)="dialogService.openImage([{fullsize: author().avatar, thumb: undefined, alt: undefined}], 0)"
+          class="h-18 w-18 absolute -top-9 left-2 border-[0.25rem] border-bg !box-content cursor-pointer"
         />
       </div>
 

src/app/components/aux-panes/author-view/author-view.component.ts

···
 import {AuthorFeedComponent} from '@components/feeds/author-feed/author-feed.component';
 import {ScrollDirective} from '@shared/directives/scroll.directive';
 import {IsLoggedUserPipe} from '@shared/pipes/is-logged-user.pipe';
+import {DialogService} from '@services/dialog.service';
 
 @Component({
   selector: 'author-view',
···
 
   constructor(
     private messageService: MessageService,
+    protected dialogService: DialogService,
     private cdRef: ChangeDetectorRef
   ) {}
 

src/app/components/cards/post-card-detail/post-card-detail.component.html

···
 
     <avatar
       [src]="author.avatar"
-      (click)="$event.stopPropagation()"
+      (click)="$event.stopPropagation(); dialogService.openAuthor(author)"
       class="h-12 w-12 shrink-0 cursor-pointer"
     />
 
···
       class="flex flex-col flex-1 min-w-0 justify-center"
     >
       <span
-        class="text-lg font-bold [text-box:trim-both_cap_alphabetic] w-fit min-w-0 overflow-y-visible overflow-x-clip overflow-ellipsis whitespace-nowrap cursor-pointer"
+        (click)="$event.stopPropagation(); dialogService.openAuthor(author)"
+        class="text-lg font-bold [text-box:trim-both_cap_alphabetic] w-fit min-w-0 overflow-y-visible overflow-x-clip overflow-ellipsis whitespace-nowrap cursor-pointer hover:underline"
       >{{author | displayName}}</span>
 
       @if (author.displayName?.trim().length) {
         <span
-          class="text-sm text-primary/50 [text-box:trim-both_cap_alphabetic] mt-3 w-fit min-w-0 overflow-y-visible overflow-x-clip whitespace-nowrap text-ellipsis cursor-pointer"
+          (click)="$event.stopPropagation(); dialogService.openAuthor(author)"
+          class="text-sm text-primary/50 [text-box:trim-both_cap_alphabetic] mt-3 w-fit min-w-0 overflow-y-visible overflow-x-clip whitespace-nowrap text-ellipsis cursor-pointer hover:underline"
         >{{'@' + author.handle}}</span>
       }
     </div>

src/app/components/cards/post-card-detail/post-card-detail.component.ts

···
   constructor(
     private postService: PostService,
     private messageService: MessageService,
-    private dialogService: DialogService,
+    protected dialogService: DialogService,
     private cdRef: ChangeDetectorRef
   ) {
     effect(() => {

src/app/components/cards/post-card/post-card.component.html

···
   >
     <avatar
       [src]="post().author.avatar"
-      (click)="$event.stopPropagation()"
+      (click)="$event.stopPropagation(); dialogService.openAuthor(post().author)"
       class="h-12 w-12"
     />
 
···
   <div
     class="flex mt-[0.15rem] w-full min-w-0"
   >
-    <span
-      class="font-bold [text-box:trim-both_cap_alphabetic] mr-1 grow-0 shrink-1 min-w-0 overflow-y-visible overflow-x-clip overflow-ellipsis whitespace-nowrap"
-    >{{author | displayName}}</span>
+    <a
+      (click)="$event.stopPropagation(); dialogService.openAuthor(author)"
+      class="font-bold [text-box:trim-both_cap_alphabetic] mr-1 grow-0 shrink-1 min-w-0 overflow-y-visible overflow-x-clip overflow-ellipsis whitespace-nowrap hover:underline"
+    >{{author | displayName}}</a>
 
     @if (reason | isFeedDefsReasonRepost) {
       <div
···
         >repeat</span>
       </div>
 
-      <span
-        class="font-bold text-primary/50 [text-box:trim-both_cap_alphabetic] grow-1 shrink-0 max-w-1/2 min-w-0 overflow-y-visible overflow-x-clip overflow-ellipsis whitespace-nowrap"
-      >{{reason.by | displayName}}</span>
+      <a
+        (click)="$event.stopPropagation(); dialogService.openAuthor(reason.by)"
+        class="font-bold text-primary/50 [text-box:trim-both_cap_alphabetic] grow-1 shrink-0 max-w-1/2 min-w-0 overflow-y-visible overflow-x-clip overflow-ellipsis whitespace-nowrap hover:underline"
+      >{{reason.by | displayName}}</a>
     }
 
 <!--    @if (author.displayName?.length) {-->
···
       <a
         (click)="$event.stopPropagation()"
         [href]="post().uri | linkExtractor: author.handle"
+        [title]="record.createdAt | date: 'medium'"
         target="_blank"
         class="text-sm text-primary/50 hover:underline [text-box:trim-both_cap_alphabetic] shrink-0 ml-auto pl-3"
       >{{record.createdAt | dateFormatter}}</a>

src/app/components/cards/post-card/post-card.component.ts

···
 import {DisplayNamePipe} from '@shared/pipes/display-name.pipe';
 import {IsFeedPostRecordPipe} from '@shared/pipes/type-guards/is-feed-post-record';
 import {RichTextComponent} from '@components/shared/rich-text/rich-text.component';
-import {NgClass, NgTemplateOutlet} from '@angular/common';
+import {DatePipe, NgClass, NgTemplateOutlet} from '@angular/common';
 import {IsFeedDefsPostViewPipe} from '@shared/pipes/type-guards/is-feed-defs-postview';
 import {DateFormatterPipe} from '@shared/pipes/date-formatter.pipe';
 import {IsEmbedRecordViewPipe} from '@shared/pipes/type-guards/is-embed-record-view.pipe';
···
     OverlayModule,
     NgClass,
     ExternalEmbedComponent,
-    IsEmbedExternalViewPipe
+    IsEmbedExternalViewPipe,
+    DatePipe
   ],
   templateUrl: './post-card.component.html',
   styles: `
···
       background-size: 1px 100%;
     }
   `,
-  changeDetection: ChangeDetectionStrategy.OnPush
+  changeDetection: ChangeDetectionStrategy.OnPush,
+  providers: [
+    DatePipe
+  ]
 })
 export class PostCardComponent implements OnInit, OnDestroy {
   post = model<AppBskyFeedDefs.PostView>();
···
   constructor(
     private postService: PostService,
     private messageService: MessageService,
-    private dialogService: DialogService,
+    protected dialogService: DialogService,
     private cdRef: ChangeDetectorRef
   ) {
     effect(() => {

src/app/components/shared/rich-text/rich-text.component.html

···
       <a
         href="https://bsky.app/profile/{{segment.mention?.did}}"
         class="hover:underline text-blue-500"
-        (click)="openAuthor($event, segment.mention?.did)"
+        (click)="openAuthor($event, segment)"
       >{{segment.text}}</a>
     } @else if (segment.isTag()) {
       <a

src/app/components/shared/rich-text/rich-text.component.ts

···
   Output,
 } from '@angular/core';
 import {Facet, RichText, RichTextSegment} from "@atproto/api";
-// import {MskyDialogService} from '@services/msky-dialog.service';
 import {agent} from '@core/bsky.api';
+import {DialogService} from '@services/dialog.service';
 
 @Component({
   selector: 'rich-text',
···
 
   constructor(
     private cdRef: ChangeDetectorRef,
-    // private dialogService: MskyDialogService
+    private dialogService: DialogService
   ) {}
 
   ngOnInit() {
···
     }
   }
 
-  openAuthor(event: MouseEvent, did: string) {
+  openAuthor(event: MouseEvent, segment: RichTextSegment) {
     event.preventDefault();
     event.stopPropagation();
 
-    //TODO: OpenAuthor
+    this.dialogService.openAuthor({did: segment.mention?.did, handle: segment.text.replace("@", "")});
   }
 }