118 lines
3.0 KiB
HTML
118 lines
3.0 KiB
HTML
<div class="ucap-binary-viewer-container">
|
|
<mat-toolbar class="ucap-binary-viewer-header">
|
|
<!--<mat-icon class="ucap-binary-viewer-icon">attachment</mat-icon>-->
|
|
<svg
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
width="20"
|
|
height="20"
|
|
viewBox="0 0 24 24"
|
|
fill="none"
|
|
stroke="currentColor"
|
|
stroke-width="1.5"
|
|
stroke-linecap="butt"
|
|
stroke-linejoin="round"
|
|
class="ucap-binary-viewer-icon"
|
|
>
|
|
<path
|
|
d="M21.44 11.05l-9.19 9.19a6 6 0 0 1-8.49-8.49l9.19-9.19a4 4 0 0 1 5.66 5.66l-9.2 9.19a2 2 0 0 1-2.83-2.83l8.49-8.48"
|
|
></path>
|
|
</svg>
|
|
<span class="ucap-binary-viewer-title">{{
|
|
fileInfo.sentMessageJson.fileName
|
|
}}</span>
|
|
<span class="ucap-binary-viewer-spacer"></span>
|
|
|
|
<button
|
|
mat-icon-button
|
|
class="ucap-binary-viewer-action"
|
|
matTooltip="{{ 'common.file.download' | translate }}"
|
|
matTooltipPosition="below"
|
|
aria-label=""
|
|
(click)="onClickDownload()"
|
|
>
|
|
<svg
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
width="21"
|
|
height="21"
|
|
viewBox="0 0 24 24"
|
|
fill="none"
|
|
stroke="currentColor"
|
|
stroke-width="2"
|
|
stroke-linecap="butt"
|
|
stroke-linejoin="round"
|
|
>
|
|
<path
|
|
d="M3 15v4c0 1.1.9 2 2 2h14a2 2 0 0 0 2-2v-4M17 9l-5 5-5-5M12 12.8V2.5"
|
|
/>
|
|
</svg>
|
|
</button>
|
|
<span class="stroke-bar"></span>
|
|
<button
|
|
mat-icon-button
|
|
color="warn"
|
|
class="ucap-binary-viewer-action"
|
|
(click)="onClickClose()"
|
|
>
|
|
<svg
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
width="21"
|
|
height="21"
|
|
viewBox="0 0 24 24"
|
|
fill="none"
|
|
stroke="currentColor"
|
|
stroke-width="2"
|
|
stroke-linecap="butt"
|
|
stroke-linejoin="round"
|
|
>
|
|
<line x1="18" y1="6" x2="6" y2="18"></line>
|
|
<line x1="6" y1="6" x2="18" y2="18"></line>
|
|
</svg>
|
|
</button>
|
|
</mat-toolbar>
|
|
<div style="position: relative;">
|
|
<div
|
|
*ngIf="fileDownloadItem && fileDownloadItem.downloadingProgress$"
|
|
style="position: absolute; width: 100%;"
|
|
>
|
|
<mat-progress-bar
|
|
mode="determinate"
|
|
[value]="fileDownloadItem.downloadingProgress$ | async"
|
|
></mat-progress-bar>
|
|
</div>
|
|
</div>
|
|
<div class="ucap-binary-viewer-body">
|
|
<div
|
|
class="ucap-binary-viewer-content-wrapper"
|
|
fxLayout="column"
|
|
fxLayout.xs="row"
|
|
fxFlexFill
|
|
fxLayoutAlign="center center"
|
|
>
|
|
<div class="circle-box">
|
|
<div
|
|
[ngClass]="[
|
|
'mime-icon',
|
|
'light',
|
|
'ico-' + fileInfo.sentMessageJson.fileExt
|
|
]"
|
|
>
|
|
<div class="ico"></div>
|
|
</div>
|
|
</div>
|
|
<div class="guide-msg">
|
|
{{ 'common.file.errors.noPreview' | translate }}
|
|
</div>
|
|
<div>
|
|
<button
|
|
colori
|
|
mat-raised-button
|
|
aria-label=""
|
|
(click)="onClickDownload()"
|
|
>
|
|
{{ 'common.file.download' | translate }}
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|