mirror of
https://github.com/silverstripe/silverstripe-framework
synced 2024-06-30 00:19:25 +02:00
2dabaebad8
Put "File upload complete" and "back to folder" together. Turned 'File upload' into a message, and updated the message styles. Moved allowed file types into the area where users are uploading files. This is a temporary fix until js tooltips are implemented, at which point, these details will be shown when clicking a question mark beside "Choose files". Added small animation effect to files when opening iframe to edit. Now slides down, rather than just appearing open Linked to silverstripe/silverstripe-cms#223
64 lines
2.4 KiB
Scheme
64 lines
2.4 KiB
Scheme
<div class="ss-uploadfield-item ss-uploadfield-addfile field">
|
|
|
|
<h3>
|
|
<span class="step-label">
|
|
<span class="flyout">1</span><span class="arrow"></span>
|
|
<span class="title"><% _t('AssetUploadField.ChooseFiles', 'Choose files') %></span>
|
|
</span>
|
|
</h3>
|
|
|
|
|
|
|
|
<div class="ss-uploadfield-item-info">
|
|
<label class="ss-uploadfield-fromcomputer ss-ui-button ss-ui-action-constructive" title="<% _t('AssetUploadField.FROMCOMPUTERINFO', 'Upload from your computer') %>" data-icon="drive-upload">
|
|
<% _t('AssetUploadField.TOUPLOAD', 'Choose files to upload...') %>
|
|
<input id="$id" name="$getName" class="$extraClass ss-uploadfield-fromcomputer-fileinput" data-config="$configString" type="file"<% if $multiple %> multiple="multiple"<% end_if %> title="<% _t('AssetUploadField.FROMCOMPUTER', 'Choose files from your computer') %>" />
|
|
</label>
|
|
|
|
<div class="clear"><!-- --></div>
|
|
</div>
|
|
<div class="ss-uploadfield-item-uploador">
|
|
<% _t('AssetUploadField.UPLOADOR', 'OR') %>
|
|
</div>
|
|
<div class="ss-uploadfield-item-preview ss-uploadfield-dropzone">
|
|
<div>
|
|
<% _t('AssetUploadField.DROPAREA', 'Drop Area') %>
|
|
<span><% _t('AssetUploadField.DRAGFILESHERE', 'Drag files here') %></span>
|
|
</div>
|
|
</div>
|
|
|
|
<span class="ss-uploadfield-view-allowed-extensions">
|
|
|
|
<em><% _t('AssetAdmin.ALLOWEDEXTS', 'Allowed extensions') %></em>
|
|
$Extensions
|
|
</span>
|
|
|
|
<div class="clear"><!-- --></div>
|
|
</div>
|
|
|
|
<div class="ss-uploadfield-editandorganize">
|
|
<h3>
|
|
<span class="step-label">
|
|
<span class="flyout">2</span><span class="arrow"></span>
|
|
<span class="title"><% _t('AssetUploadField.EDITANDORGANIZE', 'Edit & organize') %></span>
|
|
</span>
|
|
</h3>
|
|
|
|
<div class="ss-uploadfield-item-actions edit-all">
|
|
<button class="ss-uploadfield-item-edit-all ss-ui-button ui-corner-all" title="<% _t('AssetUploadField.EDITINFO', 'Edit files') %>" style="display:none;">
|
|
<% _t('AssetUploadField.EDITALL', 'Edit all') %>
|
|
<span class="toggle-details-icon"></span>
|
|
</button>
|
|
</div>
|
|
|
|
<ul class="ss-uploadfield-files files"></ul>
|
|
<div class="fileOverview">
|
|
<div class="uploadStatus message notice">
|
|
<div class="state"><% _t('AssetUploadField.UPLOADINPROGRESS', 'Please wait… upload in progress') %></div>
|
|
<div class="details"><% _t('AssetUploadField.TOTAL', 'Total') %>:
|
|
<span class="total"></span> <% _t('AssetUploadField.FILES', 'Files') %>
|
|
<span class="fileSize"></span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div> |