mirror of
https://github.com/scinote-eln/scinote-web.git
synced 2024-09-24 08:56:17 +08:00
51 lines
2 KiB
Plaintext
51 lines
2 KiB
Plaintext
<div class="inline-attachment-container asset"
|
|
data-asset-id="<%= asset.id %>"
|
|
data-asset-file-name="<%= asset.file_name %>"
|
|
data-asset-updated-at="<%= asset.updated_at.to_i %>"
|
|
data-asset-order="0"
|
|
>
|
|
<div class="header">
|
|
<div class="file-info">
|
|
<%= link_to rails_blob_path(asset.file, disposition: 'attachment'),
|
|
class: "file-preview-link file-name",
|
|
id: "modal_link#{asset.id}",
|
|
data: { no_turbolink: true, id: true, 'preview-url': asset_file_preview_path(asset)} do %>
|
|
<%= asset.file_name %>
|
|
<% end %>
|
|
<div class="file-metadata">
|
|
<span><%= t('assets.placeholder.modified_label') %> <%= l(asset.updated_at, format: :full_date) if asset.updated_at %></span>
|
|
<span><%= number_to_human_size(asset.file_size) %></span>
|
|
</div>
|
|
</div>
|
|
<div class="change-preview-type"
|
|
data-preview-type="inline"
|
|
data-toggle-view-url="<%= toggle_view_mode_path(asset) %>">
|
|
<i class="fas fa-desktop"></i>
|
|
</div>
|
|
<div class="change-preview-type"
|
|
data-preview-type="list"
|
|
data-toggle-view-url="<%= toggle_view_mode_path(asset) %>">
|
|
<i class="fas fa-list"></i>
|
|
</div>
|
|
<div class="change-preview-type"
|
|
data-preview-type="thumbnail"
|
|
data-toggle-view-url="<%= toggle_view_mode_path(asset) %>">
|
|
<i class="fas fa-th-large"></i>
|
|
</div>
|
|
</div>
|
|
<% if wopi_enabled? && wopi_file?(asset) %>
|
|
<div class="iframe-placeholder" data-iframe-url="<%= asset.get_action_url(current_user, 'embedview') %>"></div>
|
|
<% elsif asset.previewable? %>
|
|
<div class="image-container">
|
|
<%= image_tag asset.large_preview,
|
|
onerror: 'ActiveStoragePreviews.reCheckPreview(event)',
|
|
onload: 'ActiveStoragePreviews.showPreview(event)',
|
|
style: 'opacity: 0' %>
|
|
</div>
|
|
<% else %>
|
|
<div class="general-file-container">
|
|
<i class="fas <%= file_fa_icon_class(asset) if asset.file_name %>"></i>
|
|
</div>
|
|
<% end %>
|
|
</div>
|