66 lines
1.6 KiB
HTML
Raw Normal View History

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">
<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"
2019-11-06 18:19:37 +09:00
aria-label=""
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"
2019-11-06 18:19:37 +09:00
aria-label=""
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"
2019-11-06 18:19:37 +09:00
aria-label=""
>
<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()"
>
<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">
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-07 13:48:25 +09:00
<img *ngIf="fileDownloadUrl" [src]="fileDownloadUrl" />
2019-11-06 17:25:59 +09:00
</div>
</div>
2019-11-06 13:48:06 +09:00
</div>