58 lines
1.6 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>
<div class="ucap-image-viewer-body">
<img />
{{ fileDownloadItem.downloadingProgress$ | async }}
</div>
2019-11-06 13:48:06 +09:00
</div>