mirror of
https://github.com/scinote-eln/scinote-web.git
synced 2024-11-12 20:24:43 +08:00
27 lines
1 KiB
Ruby
27 lines
1 KiB
Ruby
|
module AssetsHelper
|
||
|
|
|
||
|
|
def asset_loading_span(asset)
|
||
|
|
res = <<-eos
|
||
|
|
<span
|
||
|
|
data-status='asset-loading'
|
||
|
|
data-filename='#{asset.file_file_name}'
|
||
|
|
data-type='#{asset.is_image? ? "image" : "asset"}'
|
||
|
|
data-present-url='#{file_present_asset_path(asset, format: :json)}'
|
||
|
|
#{asset.is_image? ? "data-preview-url='" + preview_asset_path(asset) + "'" : ""}'
|
||
|
|
data-download-url='#{download_asset_path(asset)}'
|
||
|
|
>
|
||
|
|
<span class='asset-loading-spinner' id='asset-loading-spinner-#{asset.id}'></span>
|
||
|
|
#{t("general.file_loading", fileName: asset.file_file_name)}
|
||
|
|
</span>
|
||
|
|
<script type='text/javascript'>
|
||
|
|
$('#asset-loading-spinner-#{asset.id}').spin(
|
||
|
|
{ lines: 9, length: 4, width: 3, radius: 4, scale: 1, corners: 1,
|
||
|
|
color: '#000', opacity: 0.25, rotate: 0, direction: 1, speed: 1,
|
||
|
|
trail: 60, fps: 20, zIndex: 100, className: 'spinner', top: '75%',
|
||
|
|
left: '50%', shadow: false, hwaccel: false, position: 'relative' }
|
||
|
|
);
|
||
|
|
</script>
|
||
|
|
eos
|
||
|
|
res.html_safe
|
||
|
|
end
|
||
|
|
end
|