2019-11-06 13:48:06 +09:00
|
|
|
<div class="ucap-image-viewer-container">
|
2019-11-06 18:19:37 +09:00
|
|
|
<mat-toolbar color="accent" class="ucap-image-viewer-header">
|
2019-11-06 16:24:51 +09:00
|
|
|
<mat-icon class="ucap-image-viewer-icon">image</mat-icon>
|
|
|
|
<span class="ucap-image-viewer-title">{{ fileInfo.fileName }}</span>
|
2019-11-06 13:48:06 +09:00
|
|
|
<span class="ucap-image-viewer-spacer"></span>
|
2019-11-06 16:24:51 +09:00
|
|
|
|
|
|
|
<button
|
|
|
|
mat-icon-button
|
|
|
|
class="ucap-image-viewer-action"
|
|
|
|
matTooltip="이미지 크기 재설정"
|
|
|
|
matTooltipPosition="below"
|
2019-11-06 18:19:37 +09:00
|
|
|
aria-label=""
|
2019-11-06 13:48:06 +09:00
|
|
|
>
|
2019-11-06 16:24:51 +09:00
|
|
|
<mat-icon>settings_overscan</mat-icon>
|
|
|
|
</button>
|
|
|
|
<button
|
|
|
|
mat-icon-button
|
|
|
|
class="ucap-image-viewer-action"
|
|
|
|
matTooltip="축소"
|
|
|
|
matTooltipPosition="below"
|
2019-11-06 18:19:37 +09:00
|
|
|
aria-label=""
|
2019-11-06 13:48:06 +09:00
|
|
|
>
|
2019-11-06 16:24:51 +09:00
|
|
|
<mat-icon>zoom_out</mat-icon>
|
|
|
|
</button>
|
|
|
|
<button
|
|
|
|
mat-icon-button
|
|
|
|
class="ucap-image-viewer-action"
|
|
|
|
matTooltip="확대"
|
|
|
|
matTooltipPosition="below"
|
2019-11-06 18:19:37 +09:00
|
|
|
aria-label=""
|
2019-11-06 16:24:51 +09:00
|
|
|
>
|
|
|
|
<mat-icon>zoom_in</mat-icon>
|
|
|
|
</button>
|
|
|
|
<button
|
|
|
|
mat-icon-button
|
|
|
|
class="ucap-image-viewer-action"
|
|
|
|
matTooltip="다운로드"
|
|
|
|
matTooltipPosition="below"
|
2019-11-06 18:19:37 +09:00
|
|
|
aria-label=""
|
|
|
|
(click)="onClickDownload()"
|
2019-11-06 16:24:51 +09:00
|
|
|
>
|
|
|
|
<mat-icon>get_app</mat-icon>
|
|
|
|
</button>
|
|
|
|
|
|
|
|
<button
|
|
|
|
mat-raised-button
|
|
|
|
color="primary"
|
|
|
|
class="ucap-image-viewer-action"
|
|
|
|
(click)="onClickClose()"
|
|
|
|
>
|
|
|
|
Close
|
|
|
|
</button>
|
2019-11-06 13:48:06 +09:00
|
|
|
</mat-toolbar>
|
2019-11-06 17:25:59 +09:00
|
|
|
<mat-progress-bar
|
|
|
|
*ngIf="fileDownloadItem.downloadingProgress$ && !imageSrc"
|
|
|
|
mode="determinate"
|
|
|
|
[value]="fileDownloadItem.downloadingProgress$ | async"
|
|
|
|
></mat-progress-bar>
|
2019-11-06 16:24:51 +09:00
|
|
|
<div class="ucap-image-viewer-body">
|
2019-11-06 18:19:37 +09:00
|
|
|
<div
|
|
|
|
class="ucap-image-viewer-image-wrapper"
|
|
|
|
fxLayout="row"
|
|
|
|
fxLayout.xs="column"
|
|
|
|
fxFlexFill
|
|
|
|
fxLayoutAlign="center center"
|
|
|
|
>
|
2019-11-06 17:25:59 +09:00
|
|
|
<img *ngIf="imageSrc" [src]="imageSrc" />
|
|
|
|
</div>
|
2019-11-06 16:24:51 +09:00
|
|
|
</div>
|
2019-11-06 13:48:06 +09:00
|
|
|
</div>
|