75 lines
3.7 KiB
HTML
75 lines
3.7 KiB
HTML
<div class="attachments-previewer">
|
|
<h2 class="attachments-previewer__header">
|
|
{{ workNote.documentType.label }}
|
|
</h2>
|
|
|
|
<div class="attachments-previewer__close-button">
|
|
{{ 'common.button.close' | i18n }} <span ng-click="close()" ng-enter="close()" tabindex="0" role="link" class="icon icon-cross"></span>
|
|
</div>
|
|
|
|
<div class="attachments-previewer__container clearfix" >
|
|
<div class="attachments-previewer__container_left">
|
|
<div class="attachments-previewer__container_body"
|
|
ng-class="{'relative-position': ( !workNote.attachmentCount || fileTypeNotSupported ) }">
|
|
|
|
<h1 class="absolute-centered-block text-center attachments-previewer__notsupported" ng-if="!workNote.attachmentCount">{{'documentViewer.label.noDocumentsAttached' | i18n}}</h1>
|
|
<h1 class="absolute-centered-block text-center attachments-previewer__notsupported" ng-if="fileTypeNotSupported" >{{'documentViewer.label.fileTypeNotSupported' | i18n}}</h1>
|
|
|
|
<div loading-spinner if="loading" centered="true" overlay="true"></div>
|
|
<div class="attachments-previewer__container_body-holder" tabindex="0" role="widget"></div>
|
|
</div>
|
|
|
|
<div class="attachments-previewer__container_footer">
|
|
<ul class="attachments-previewer__files-list">
|
|
<li class="attachments-previewer__files-list_item" tabindex="0" role="link"
|
|
ng-repeat="file in attachments|limitTo:3"
|
|
ng-click="showFile($index)"
|
|
ng-enter="showFile($index)"
|
|
ng-class="{ active: $index === currentIndex, disabled: ( loading && $index !== currentIndex ) }">
|
|
<div class="attachments-previewer__files-list_item-thumbnail icon"
|
|
ng-class="file.thumbnail ? '' : file.fileGenericIconClass"
|
|
ng-style="file.thumbnail && {'background-image': 'url(' +file.thumbnail + ')'}">
|
|
</div>
|
|
|
|
<h4 class="attachments-previewer__files-list_item-header nowrap-line">
|
|
{{ file.name }}
|
|
</h4>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="attachments-previewer__container_right">
|
|
<div class="attachments-previewer__worknote">
|
|
<h3 class="attachments-previewer__worknote_header nowrap-line">
|
|
{{ currentFile.name }}
|
|
</h3>
|
|
|
|
<div class="attachments-previewer__worknote_date">
|
|
{{'attachment.dateAdded' | i18n}}: {{ workNote.createDate | date:'mediumDate' }}
|
|
</div>
|
|
|
|
<!-- there is no author in a data structure yet -->
|
|
<!--<div class="attachments-previewer__worknote_author">-->
|
|
<!--By: {{ workNote.author || 'N/A' }}-->
|
|
<!--</div>-->
|
|
|
|
<div class="attachments-previewer__notes">
|
|
<h3 class="attachments-previewer__notes_header">
|
|
{{'attachment.notes' | i18n}}:
|
|
</h3>
|
|
|
|
<div class="attachments-previewer__notes_body" ng-if="workNote.notes !== 'undefined'">
|
|
{{ workNote.notes }}
|
|
</div>
|
|
</div>
|
|
|
|
<div class="attachments-previewer__worknote_download" tabindex="0" ng-enter="downloadFile()"
|
|
ng-click="downloadFile()" ng-enter="downloadFile()" ng-if="workNote.attachmentCount" ng-class="{ disabled: loading }">
|
|
<span class="icon icon-arrow_down_circle"></span> {{ 'common.button.download' | i18n }}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|