mirror of
https://github.com/silverstripe/silverstripe-framework
synced 2024-06-30 00:19:25 +02:00
66 lines
2.4 KiB
Scheme
66 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-large">
|
|
<%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">
|
|
<span class="description">
|
|
|
|
<a href="#" class="toggle"><%t AssetAdmin.SHOWALLOWEDEXTS 'Show allowed extensions' %></a>
|
|
<p class="toggle-content">$Extensions</p>
|
|
</span>
|
|
</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> |