e37dd3a6d0
Use a spinner icon instead of the word "Loading" for thumbnails that are being processed in the background in a batch upload. Also use morphdom to update thumbnails so we only update the parts of the DOM that actually changed.
22 lines
926 B
Plaintext
22 lines
926 B
Plaintext
<% media_asset = upload_media_asset.media_asset %>
|
|
|
|
<%= render MediaAssetPreviewComponent.new(media_asset: media_asset, size: size, link_target: [upload_media_asset.upload, upload_media_asset], classes: ["upload-media-asset-preview", ("upload-media-asset-loading" if upload_media_asset.loading?)], html: { **data_attributes_for(upload_media_asset), "data-is-posted": upload_media_asset.post.present? }) do |preview| %>
|
|
<% preview.missing_image do %>
|
|
<% if upload_media_asset.failed? %>
|
|
Failed
|
|
<% else %>
|
|
<%= spinner_icon(class: "animate-spin h-8") %>
|
|
<% end %>
|
|
<% end %>
|
|
|
|
<% preview.footer do %>
|
|
<div class="text-center text-xs h-8">
|
|
<% if upload_media_asset.post.present? %>
|
|
<div class="leading-none">
|
|
<%= link_to "post ##{upload_media_asset.post.id}", upload_media_asset.post, class: "leading-none" %>
|
|
</div>
|
|
<% end %>
|
|
</div>
|
|
<% end %>
|
|
<% end %>
|