83 lines
2.6 KiB
HTML
83 lines
2.6 KiB
HTML
|
<mat-card class="confirm-card mat-elevation-z">
|
||
|
|
<mat-card-header>
|
||
|
|
<mat-card-title>
|
||
|
|
<ng-container [ngSwitch]="messageInfo.type">
|
||
|
|
<span *ngSwitchCase="MessageType.Receive">받은 쪽지</span>
|
||
|
|
<span *ngSwitchCase="MessageType.Send">보낸 쪽지</span>
|
||
|
|
<span *ngSwitchCase="MessageType.Reservation">예약 쪽지</span>
|
||
|
|
</ng-container>
|
||
|
|
</mat-card-title>
|
||
|
|
</mat-card-header>
|
||
|
|
<mat-card-content>
|
||
|
|
<div fxFlex fxLayout="column" fxLayoutAlign=" stretch">
|
||
|
|
<div class="title">
|
||
|
|
{{ messageInfo.title }}
|
||
|
|
<span>
|
||
|
|
<button mat-icon-button aria-label="group menu" class="message-menu">
|
||
|
|
<mat-icon>more_vert</mat-icon>
|
||
|
|
</button>
|
||
|
|
</span>
|
||
|
|
</div>
|
||
|
|
<div class="info">
|
||
|
|
<ul>
|
||
|
|
<li>
|
||
|
|
<span *ngIf="messageInfo.type === MessageType.Receive" class="label"
|
||
|
|
>보낸사람</span
|
||
|
|
>
|
||
|
|
<span *ngIf="messageInfo.type !== MessageType.Receive" class="label"
|
||
|
|
>받는사람</span
|
||
|
|
>
|
||
|
|
<span>{{ messageInfo.sendUserName }}</span>
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<span class="label">받은시간</span>
|
||
|
|
<span>{{
|
||
|
|
messageInfo.regDate
|
||
|
|
| dateToStringFormat: 'YYYY.MM.dd (KS) a/p HH:mm'
|
||
|
|
}}</span>
|
||
|
|
</li>
|
||
|
|
</ul>
|
||
|
|
</div>
|
||
|
|
<div class="contents">
|
||
|
|
<ul>
|
||
|
|
<li *ngFor="let cont of contents">
|
||
|
|
<pre *ngIf="cont.resType === ContentType.Text">{{
|
||
|
|
cont.resContent
|
||
|
|
}}</pre>
|
||
|
|
<img
|
||
|
|
*ngIf="cont.resType === ContentType.Image"
|
||
|
|
[src]="getThumbImage(cont)"
|
||
|
|
/>
|
||
|
|
</li>
|
||
|
|
</ul>
|
||
|
|
</div>
|
||
|
|
<div *ngIf="attachFile && attachFile.length > 0" class="attachFile">
|
||
|
|
<div>
|
||
|
|
<div class="title">
|
||
|
|
<span *ngIf="isExpiredAttachFile">기간이 만료된 파일입니다</span>
|
||
|
|
<button mat-stroked-button class="mat-primary">
|
||
|
|
모두저장
|
||
|
|
</button>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<ul>
|
||
|
|
<li *ngFor="let file of attachFile">
|
||
|
|
<div>
|
||
|
|
<span class="mdi mdi-attachment"></span>
|
||
|
|
<span>{{ file.resContent }}</span>
|
||
|
|
<span>{{ file.resSize | ucapBytes }}</span>
|
||
|
|
<span class="mdi mdi-download"></span>
|
||
|
|
</div>
|
||
|
|
</li>
|
||
|
|
</ul>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</mat-card-content>
|
||
|
|
<mat-card-actions class="button-farm flex-row">
|
||
|
|
<button mat-stroked-button (click)="onClickConfirm()" class="mat-primary">
|
||
|
|
Confirm
|
||
|
|
</button>
|
||
|
|
</mat-card-actions>
|
||
|
|
</mat-card>
|