next-ucap-messenger/projects/ucap-webmessenger-app/src/app/layouts/messenger/dialogs/message/message-write.dialog.component.html

<mat-card class="confirm-card mat-elevation-z">
  <mat-card-header cdkDrag cdkDragRootElement=".cdk-overlay-pane" cdkDragHandle>
    <mat-card-title>
      {{ (isModify ? 'message.modify' : 'message.sendTo') | translate }}
    </mat-card-title>
    <button class="icon-button btn-dialog-close" (click)="onCancel()">
      <i class="mdi mdi-window-close"></i>
    </button>
  </mat-card-header>
  <mat-card-content>
    <ucap-message-write
      #messageWrite
      [isModify]="isModify"
      [detail]="data.detail"
      [detailContents]="data.detailContents"
      [curReceiverList]="curReceiverList"
      [fileAllowSize]="fileAllowSize"
      (send)="onSend($event)"
      (selectReceiver)="onSelectReceiver($event)"
      (cancel)="onCancel()"
    ></ucap-message-write>
  </mat-card-content>
</mat-card>