64 lines
1.8 KiB
HTML
Raw Normal View History

2019-11-06 13:48:06 +09:00
<div class="ucap-image-viewer-container">
<mat-toolbar color="primary" class="ucap-image-viewer-header">
<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>
<button
mat-icon-button
class="ucap-image-viewer-action"
matTooltip="이미지 크기 재설정"
matTooltipPosition="below"
aria-label="Button that displays a tooltip in various positions"
2019-11-06 13:48:06 +09:00
>
<mat-icon>settings_overscan</mat-icon>
</button>
<button
mat-icon-button
class="ucap-image-viewer-action"
matTooltip="축소"
matTooltipPosition="below"
aria-label="Button that displays a tooltip in various positions"
2019-11-06 13:48:06 +09:00
>
<mat-icon>zoom_out</mat-icon>
</button>
<button
mat-icon-button
class="ucap-image-viewer-action"
matTooltip="확대"
matTooltipPosition="below"
aria-label="Button that displays a tooltip in various positions"
>
<mat-icon>zoom_in</mat-icon>
</button>
<button
mat-icon-button
class="ucap-image-viewer-action"
matTooltip="다운로드"
matTooltipPosition="below"
aria-label="Button that displays a tooltip in various positions"
>
<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>
<div class="ucap-image-viewer-body">
2019-11-06 17:25:59 +09:00
<div class="ucap-image-viewer-image-wrapper">
<img *ngIf="imageSrc" [src]="imageSrc" />
</div>
</div>
2019-11-06 13:48:06 +09:00
</div>