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/templates/work_packages/attachments.html

71 lines
2.6 KiB

<div class="work-packages--attachments">
<div class="attributes-group--header">
<div class="attributes-group--header-container">
<h3 class="attributes-group--header-text">
{{ ::I18n.t('js.label_attachments') }}
</h3>
</div>
</div>
<div class="work-package--attachments--files"
data-ng-show="files.length > 0">
<div class="work-package--details--long-field">
<span class="inplace-edit--read"
data-ng-repeat="attachment in files">
<span class="inplace-editing--trigger-container">
<span class="inplace-editing--trigger-link"
ng-class="{'-focus': focussing(attachment)}">
<span class="inplace-editing--container">
<span class="inplace-edit--read-value">
<i class="icon-attachment"></i>
<a class="work-package--attachments--filename -no-decoration"
href=""
data-ng-focus="focus(attachment)"
data-ng-blur="focus(null)"
ng-click="true">
{{::attachment.name}}
</a>
</span>
<a href=''
class="inplace-edit--icon-wrapper"
data-ng-focus="focus(attachment)"
data-ng-blur="focus(null)"
data-ng-click="remove(attachment)"
data-confirm-popup="{{I18n.t('js.text_attachment_destroy_confirmation')}}">
<icon-wrapper icon-name="delete"
data-icon-title="{{::I18n.t('js.label_remove_file',
{ fileName: attachment.name })}}">
</icon-wrapper>
</a>
</span>
</span>
</span>
</span>
</div>
</div>
<div data-ngf-drop
data-ng-show="hasRightToUpload"
data-ng-model="files"
data-ng-model-rejected="rejectedFiles"
data-ngf-select
class="work-package--attachments--drop-box"
data-ngf-multiple="true"
data-ngf-allow-dir="true"
data-ngf-keep-distinct
data-ngf-max-size="{{::maximumFileSize}}"
data-ng-disabled="fetchingConfiguration"
data-ngf-keep="true"
data-ngf-change="filterFiles($files)">
<div class="work-package--attachments--label">
<i class="icon-attachment"></i>
<p data-ng-hide="fetchingConfiguration">
{{ ::I18n.t('js.label_drop_files') }}
<br>
{{ ::I18n.t('js.label_drop_files_hint') }}
</p>
<p data-ng-show="fetchingConfiguration">
{{ ::I18n.t('js.label_wait') }}
</p>
</div>
</div>
</div>