wafrn / packages / frontend / src / app / components / post-actions / post-actions.component.html

@let post = this.post();
@let loggedIn = this.loginService.loggedIn.value;
@let isBskyPost = !!post.bskyUri;
@let isExternalPost = post.user.url.startsWith('@') && post.privacy !== 1 && post.privacy !== 10;
@let isMyPost = myId == post.userId && post.privacy != 2;
<button aria-label="Post actions" mat-button class="mat-circle-button split-button-right" matTooltip="Post actions"
  [matMenuTriggerFor]="menu">
  <fa-icon [icon]="expandDownIcon"></fa-icon>
</button>
<mat-menu #menu="matMenu" xPosition="before" id="post-actions-menu">
  <ng-template matMenuContent>
    @if (loggedIn) {
    <div class="post-action-buttons" mat-menu-item>
      <app-post-action-buttons [fragment]="post" settingKey="postActionsButtonBarOrder"></app-post-action-buttons>
    </div>
    <hr class="my-0" />
    }
    <button (click)="sharePost()" mat-menu-item>
      <span class="post-actions-menu-span-content">
        {{ 'post-actions.shareUrl' | translate }}
        <fa-icon [fixedWidth]="true" [icon]="shareIcon"></fa-icon>
      </span>
    </button>
    @if (post.remotePostId && post.user.url.startsWith('@')) {
    <a (click)="shareOriginalPost()" mat-menu-item>
      <span class="post-actions-menu-span-content">
        {{ 'post-actions.shareExternalUrl' | translate }}
        <fa-icon [fixedWidth]="true" [icon]="shareExternalIcon"></fa-icon>
      </span>
    </a>
    }
    @if (isBskyPost) {
    <a [href]="bskyUrl()" target="_blank" mat-menu-item>
      <span class="post-actions-menu-span-content">
        {{ 'post-actions.viewOnAtproto' | translate }}
        <fa-icon size="lg" [fixedWidth]="true" [icon]="bskyIcon"></fa-icon>
      </span>
    </a>
    }
    @if (isExternalPost && (externalUrl() !== bskyUrl())) {
    <a [href]="externalUrl()" target="_blank" mat-menu-item>
      <span class="post-actions-menu-span-content">
        {{ 'post-actions.viewOriginalPost' | translate }}
        <fa-icon size="lg" [fixedWidth]="true" [icon]="goExternalPost"></fa-icon>
      </span>
    </a>
    }
    @if (isMyPost) {
    <button (click)="forceRefederate()" mat-menu-item>
      <span class="post-actions-menu-span-content">
        {{ 'post-actions.forceRefederate' | translate }}
        <fa-icon size="lg" [fixedWidth]="true" [icon]="refederateIcon"></fa-icon>
      </span>
    </button>
    }
    @if (loggedIn) {
    @if (!postSilenced) {
    <button (click)="silencePost()" mat-menu-item>
      <span class="post-actions-menu-span-content">
        {{ 'post-actions.silenceInteractions' | translate }}
        <fa-icon size="lg" [fixedWidth]="true" [icon]="silenceIcon"></fa-icon>
      </span>
    </button>
    }
    @if (!postSilenced) {
    <button (click)="silencePost(true)" mat-menu-item>
      <span class="post-actions-menu-span-content">
        {{ 'post-actions.silenceReplyNotifications' | translate }}
        <fa-icon size="lg" [fixedWidth]="true" [icon]="silenceReplyIcon"></fa-icon>
      </span>
    </button>
    }
    @if (postSilenced) {
    <button (click)="unsilencePost()" mat-menu-item>
      <span class="post-actions-menu-span-content">
        {{ 'post-actions.unsilenceReplyNotifications' | translate }}
        <fa-icon size="lg" [fixedWidth]="true" [icon]="unsilenceIcon"></fa-icon>
      </span>
    </button>
    }
    @if (!isMyPost) {
    <a (click)="bitePost()" mat-menu-item>
      <span class="post-actions-menu-span-content">
        {{ 'post-actions.bitePost' | translate }}
        <fa-icon [fixedWidth]="true" [icon]="biteIcon"></fa-icon>
      </span>
    </a>
    }
    }
    @if (!isMyPost) {
    @if (loggedIn) {
    <hr class="my-0" />
    <button (click)="muteAccount()" mat-menu-item class="dangerous-option">
      <span class="post-actions-menu-span-content">
        {{ 'post-actions.muteUser' | translate }}
        <fa-icon size="lg" [fixedWidth]="true" [icon]="muteIcon"></fa-icon>
      </span>
    </button>
    <button (click)="blockAccount()" mat-menu-item class="dangerous-option">
      <span class="post-actions-menu-span-content">
        {{ 'post-actions.blockUser' | translate }}
        <fa-icon size="lg" [fixedWidth]="true" [icon]="blockIcon"></fa-icon>
      </span>
    </button>
    }
    <button (click)="reportPost()" mat-menu-item class="dangerous-option">
      <span class="post-actions-menu-span-content">
        {{ 'post-actions.reportPost' | translate }}
        <fa-icon size="lg" [fixedWidth]="true" [icon]="reportIcon"></fa-icon>
      </span>
    </button>
    }
    @if (rawOutputEnabled && post) {
    <hr class="my-0" />
    <button (click)="getRawJson(post.id)" mat-menu-item>
      <span class="post-actions-menu-span-content">
        {{ 'dialog.common.rawData' | translate }}
        <fa-icon [fixedWidth]="true" [icon]="rawJsonIcon"></fa-icon>
      </span>
    </button>
    }
  </ng-template>
</mat-menu>