59 lines
1.5 KiB
HTML
59 lines
1.5 KiB
HTML
<div class="ucap-binary-viewer-container">
|
|
<mat-toolbar color="accent" class="ucap-binary-viewer-header">
|
|
<mat-icon class="ucap-binary-viewer-icon">attachment</mat-icon>
|
|
<span class="ucap-binary-viewer-title">{{ fileInfo.fileName }}</span>
|
|
<span class="ucap-binary-viewer-spacer"></span>
|
|
|
|
<button
|
|
mat-icon-button
|
|
class="ucap-binary-viewer-action"
|
|
matTooltip="다운로드"
|
|
matTooltipPosition="below"
|
|
aria-label=""
|
|
(click)="onClickDownload()"
|
|
>
|
|
<mat-icon>get_app</mat-icon>
|
|
</button>
|
|
|
|
<button
|
|
mat-raised-button
|
|
color="primary"
|
|
class="ucap-binary-viewer-action"
|
|
(click)="onClickClose()"
|
|
>
|
|
Close
|
|
</button>
|
|
</mat-toolbar>
|
|
<mat-progress-bar
|
|
*ngIf="fileDownloadItem && fileDownloadItem.downloadingProgress$"
|
|
mode="determinate"
|
|
[value]="fileDownloadItem.downloadingProgress$ | async"
|
|
></mat-progress-bar>
|
|
<div class="ucap-binary-viewer-body">
|
|
<div
|
|
class="ucap-binary-viewer-content-wrapper"
|
|
fxLayout="column"
|
|
fxLayout.xs="row"
|
|
fxFlexFill
|
|
fxLayoutAlign="center center"
|
|
>
|
|
<div [ngClass]="['mime-icon', 'light', 'ico-' + fileInfo.fileExt]">
|
|
<div class="ico"></div>
|
|
</div>
|
|
<div>
|
|
미리보기를 지원하지 않는 파일입니다.
|
|
</div>
|
|
<div>
|
|
<button
|
|
color="warn"
|
|
mat-raised-button
|
|
aria-label=""
|
|
(click)="onClickDownload()"
|
|
>
|
|
Download
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|