next-ucap-messenger/projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/mass-translation.component.html

<div class="translation-main">
  <div
    *ngIf="!translationSimpleview || (!!translationSimpleview && !!isMe)"
    class="original"
    [innerHTML]="
      message.sentMessageJson.original | ucapSafeHtml | linefeedtohtml | linky
    "
    (contextmenu)="onContextMenuMessage($event, 'original')"
  ></div>
  <div
    *ngIf="!translationSimpleview || (!!translationSimpleview && !isMe)"
    class="translation"
    (contextmenu)="onContextMenuMessage($event, 'translation')"
  >
    <span class="language">{{ message.sentMessageJson.destLocale }}</span>
    <span
      [innerHTML]="
        message.sentMessageJson.translation
          | ucapSafeHtml
          | linefeedtohtml
          | linky
      "
    >
    </span>
  </div>
  <div class="btn-box">
    <ul>
      <li>
        <button mat-button (click)="onClickMassDetail('O')">
          {{ 'chat.event.showMassTranslationOfOriginal' | translate }}
        </button>
      </li>
      <li>
        <button mat-button (click)="onClickMassDetail('T')">
          <span class="language">{{ message.sentMessageJson.destLocale }}</span>
          {{ 'chat.event.showMassTranslationOfTranslated' | translate }}
        </button>
      </li>
    </ul>
  </div>
</div>