OpenProject is the leading open source project management software.
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
 
 
openproject/frontend/app/components/work-packages/wp-attachments/wp-attachments-edit.directi...

65 lines
2.6 KiB

<div class="work-packages--attachments attributes-group">
<div class="attributes-group--header">
<div class="attributes-group--header-container">
<h3 class="attributes-group--header-text">
{{ ::vm.I18n.t('js.label_attachments') }}
</h3>
</div>
</div>
<div class="work-package--attachments--files"
data-ng-show="vm.attachments.length > 0">
<div class="work-package--details--long-field">
<span class="inplace-edit--read"
data-ng-repeat="attachment in vm.attachments track by attachment.id">
<span class="inplace-editing--trigger-container">
<span class="inplace-editing--trigger-link"
ng-class="{'-focus': vm.focussing(attachment)}">
<span class="inplace-editing--container">
<span class="inplace-edit--read-value">
<i class="icon-attachment"></i>
<a class="work-package--attachments--filename"
data-ng-href="{{attachment._links.downloadLocation.href || '#'}}"
download
data-ng-focus="vm.focus(attachment)"
data-ng-blur="vm.focus(null)">
{{::attachment.fileName || attachment.name}}
</a>
</span>
<a href=''
class="inplace-edit--icon-wrapper"
data-ng-focus="vm.focus(attachment)"
data-ng-blur="vm.focus(null)"
data-ng-click="vm.remove(attachment)"
data-confirm-popup="{{vm.I18n.t('js.text_attachment_destroy_confirmation')}}">
<icon-wrapper icon-name="delete"
data-icon-title="{{::vm.I18n.t('js.label_remove_file',
{ fileName: attachment.fileName })}}">
</icon-wrapper>
</a>
</span>
</span>
</span>
</span>
</div>
</div>
<div data-ng-show="vm.hasRightToUpload"
data-ngf-drop
data-ng-model="vm.files"
data-ng-model-rejected="vm.rejectedFiles"
data-ngf-select
class="work-package--attachments--drop-box"
data-ngf-multiple="true"
data-ngf-change="vm.uploadFilteredFiles($files)"
data-ngf-max-size="{{::vm.maximumFileSize}}"
data-click-on-keypress="[13, 32]">
<div class="work-package--attachments--label">
<i class="icon-attachment"></i>
<p>
{{ ::vm.I18n.t('js.label_drop_files') }}
<br>
{{ ::vm.I18n.t('js.label_drop_files_hint') }}
</p>
</div>
</div>
</div>