<div class="panel attachments_panel attachments upload large">
<div class="panel_content">
<div class="middle_bar">
<div class="panel_top">
<div class="notice" data-bind="visible: autoEncryptSignMessage() || messageSignedOrEncrypted(), i18n: {'key': '%MODULENAME%/INFO_ATTACHMENTS_NOT_SIGNED_ENCRYPTED'}"></div>
<span class="uploader_button desktop" data-bind="initDom: composeUploaderButton, customTooltip: '%MODULENAME%/ACTION_ATTACH_FROM_COMPUTER'">
<span class="icon"></span>
<span class="text" data-bind="i18n: {'key': '%MODULENAME%/ACTION_ATTACH_FROM_COMPUTER'}"></span>
</span>
<span class="uploader_button files" data-bind="visible: bAllowFiles, click: onShowFilesPopupClick">
<span class="icon" data-bind="customTooltip: '%MODULENAME%/ACTION_ATTACH_FROM_FILES'"></span>
<span class="text" data-bind="i18n: {'key': '%MODULENAME%/ACTION_ATTACH_FROM_FILES'}"></span>
</span>
<!-- ko foreach: uploadAttachmentsController -->
<!-- ko template: { name: $data.ViewTemplate, data: $data} --><!-- /ko -->
<!-- /ko -->
</div>
<div class="panel_center" data-bind="customScrollbar: {x: false}">
<div class="scroll-inner">
<div class="items_list">
<span class="list_notification" data-bind="i18n: {'key': '%MODULENAME%/INFO_TO_ATTACH_DRAGNDROP'}, visible: allowDragNDrop() && notInlineAttachments().length === 0"></span>
<div class="attachments_container" data-bind="template: {name: 'CoreWebclient_FileView', foreach: notInlineAttachments}"></div>
</div>
</div>
</div>
</div>
<div class="uploader_mask" data-bind="initDom: composeUploaderDropPlace,
css: { 'over': uploaderDragOver, 'active': uploaderBodyDragOver }">
<div class="inner"></div>
</div>
</div>
</div>