jaculabilis/danbooru
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

uploads: show videos and ugoiras on upload page.

Browse Source 
* On the upload page, show the video when uploading a video or ugoira.
* On the upload page, show the filesize and resolution beneath the
  image, instead of above it.
* On the media asset show page, show the full video or ugoira instead of
  just the thumbnail.
This commit is contained in:
evazion
2022-01-30 22:27:07 -06:00
parent 5d2996d0c2
commit 4ad554e28b
12 changed files with 161 additions and 86 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
app/views/uploads/new.html.erb
View File

@@ -1,5 +1,5 @@
<div id="c-uploads">
<div id="a-new" data-image-size="small">
<div id="a-new">
<h1 class="text-center mb-4">Upload</h1>
<div class="flex items-center justify-center">

21
app/views/uploads/show.html.erb
View File

@@ -1,5 +1,5 @@
<div id="c-uploads">
<div id="a-show" data-image-size="small">
<div id="a-show">
<h1>Upload</h1>
<% if @upload.is_pending? || @upload.is_processing? %>
@@ -32,17 +32,16 @@
<% @upload_media_asset = @upload.upload_media_assets.first %>
<% @media_asset = @upload_media_asset.media_asset %>
<p id="upload-image-metadata">
<strong>Size</strong>
<span id="upload-image-metadata-filesize"><%= number_to_human_size(@media_asset.file_size) %></span>
<span id="upload-image-metadata-resolution"><%= @media_asset.image_width %>x<%= @media_asset.image_height %></span>
<span id="upload-image-metadata-size-links">
(<a id="upload-image-view-small" href="">small</a> | <a id="upload-image-view-large" href="">large</a> | <a id="upload-image-view-full" href="">full</a>)
</span>
</p>
<div id="upload-image">
<%= tag.img src: @media_asset.variant("original").file_url, title: "Preview", id: "image", class: "fit-width fit-height", "data-shortcut": "z" %>
<%= render MediaAssetComponent.new(media_asset: @media_asset) %>
<p>
<strong>Size</strong>
<%= link_to @media_asset.variant(:original).file_url do %>
<%= number_to_human_size(@media_asset.file_size) %> .<%= @media_asset.file_ext %>
<% end %>
(<%= @media_asset.image_width %>x<%= @media_asset.image_height %>)
</p>
</div>
<%= render "uploads/related_posts", source: @upload.source_strategy %>