937e6df7f7
Show sources on the media asset show page. An asset can have more than one source if the same file is uploaded from multiple sites. Only sources from known sites are shown. Sources from unknown sites aren't shown because they could potentially contain private information or identify the uploader in some way. Known issue: Twitter posts often show two sources, the direct image URL and the page URL. This is because someone uploaded the direct image URL first, and we're not able to tell that the image URL and the page URL are for the same tweet.
127 lines
5.4 KiB
Plaintext
127 lines
5.4 KiB
Plaintext
<div id="c-media-assets">
|
|
<div id="a-show">
|
|
<div class="md:flex flex-row gap-4">
|
|
<div class="flex-1 w-full">
|
|
<%= render MediaAssetComponent.new(media_asset: @media_asset, current_user: CurrentUser.user, outer_classes: "sticky h-full relative top-0", inner_classes: "mx-auto", dynamic_height: true) do |component| %>
|
|
<% component.with_header do %>
|
|
<div class="paginator top-0 w-full z-10">
|
|
<%= link_to chevron_left_icon, media_assets_path(search: { id: ">#{@media_asset.id}", order: "id_asc" }, limit: 1, redirect: true), class: "paginator-prev flex items-center justify-center text-xl absolute left-0 z-10", "data-shortcut": "a left" %>
|
|
<%= link_to chevron_right_icon, media_assets_path(search: { id: "<#{@media_asset.id}", order: "id_desc" }, limit: 1, redirect: true), class: "paginator-next flex items-center justify-center text-xl absolute right-0 z-10", "data-shortcut": "d right" %>
|
|
</div>
|
|
<% end %>
|
|
|
|
<% if policy(@media_asset).can_see_image? %>
|
|
<% component.with_footer do %>
|
|
<div class="flex flex-none h-6 items-center justify-center text-xs">
|
|
<span class="mr-2">
|
|
<% @media_asset.source_urls.take(5).each do |url| %>
|
|
<%= external_link_to url, external_site_icon(Source::URL.site_name(url), class: "h-4"), title: url, class: "inline-block align-top" %>
|
|
<% end %>
|
|
</span>
|
|
|
|
<%= link_to @media_asset.original.file_url do %>
|
|
<%= number_to_human_size(@media_asset.file_size) %> .<%= @media_asset.file_ext %>,
|
|
<%= @media_asset.image_width %>x<%= @media_asset.image_height %>
|
|
|
|
<% if @media_asset.duration.present? %>
|
|
(<%= duration_to_hhmmss(@media_asset.duration) %>)
|
|
<% end %>
|
|
<% end %>
|
|
</div>
|
|
<% end %>
|
|
<% end %>
|
|
<% end %>
|
|
</div>
|
|
|
|
<div class="media-asset-sidebar md:w-360px">
|
|
<div>
|
|
<h3>Tags</h3>
|
|
|
|
<ul class="tag-list categorized-tag-list">
|
|
<% @media_asset.ai_tags.undeprecated.sort_by { |tag| [TagCategory.split_header_list.index(tag.category_name.downcase), tag.name.starts_with?("rating:") ? 0 : 1, tag.name] }.each do |ai_tag| %>
|
|
<%= tag.li class: "tag-type-#{ai_tag.category} space-x-1 text-sm", "data-tag-name": ai_tag.name do %>
|
|
<% if ai_tag.tag.artist? %>
|
|
<%= link_to "?", show_or_new_artists_path(name: ai_tag.name) %>
|
|
<% elsif ai_tag.name =~ /\A\d+\z/ %>
|
|
<%= link_to "?", wiki_page_path("~#{ai_tag.name}") %>
|
|
<% else %>
|
|
<%= link_to "?", wiki_page_path(ai_tag.name) %>
|
|
<% end %>
|
|
|
|
<%= link_to ai_tag.pretty_name, media_assets_path(search: { ai_tags_match: ai_tag.name }), class: "break-word" %>
|
|
<%= tag.span "#{ai_tag.score}%", class: ["text-muted text-xs"] %>
|
|
<% end %>
|
|
<% end %>
|
|
</ul>
|
|
</div>
|
|
|
|
<div>
|
|
<table class="striped text-xs w-full">
|
|
<tr>
|
|
<th colspan="2" class="text-center">Metadata</th>
|
|
</tr>
|
|
|
|
<% if @post.present? %>
|
|
<tr>
|
|
<th class="text-left">Post</th>
|
|
<td class="break-all"><%= link_to "##{@post.id}", @post %></td>
|
|
</tr>
|
|
<% end %>
|
|
|
|
<% if policy(@media_asset).can_see_image? %>
|
|
<tr>
|
|
<th class="text-left">MD5</th>
|
|
<td class="break-all"><%= @media_asset.md5 %></td>
|
|
</tr>
|
|
<% end %>
|
|
|
|
<tr>
|
|
<th class="text-left">File Type</th>
|
|
<td class="break-all"><%= @media_asset.mime_type %></td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<th class="text-left">File Size</th>
|
|
<td class="break-all"><%= number_to_human_size(@media_asset.file_size) %></td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<th class="text-left">Resolution</th>
|
|
<td class="break-all"><%= @media_asset.image_width %>x<%= @media_asset.image_height %></td>
|
|
</tr>
|
|
|
|
<% if @media_asset.duration.present? %>
|
|
<tr>
|
|
<th class="text-left">Duration</th>
|
|
<td class="break-all"><%= duration_to_hhmmss(@media_asset.duration) %></td>
|
|
</tr>
|
|
<% end %>
|
|
|
|
<% @media_asset.source_urls.each do |url| %>
|
|
<tr>
|
|
<th class="text-left">Source</th>
|
|
<td class="break-all"><%= external_link_to url %></td>
|
|
</tr>
|
|
<% end %>
|
|
|
|
<% @media_asset.metadata.group_by { |key, value| key.split(":").first }.sort.each do |group, pairs| %>
|
|
<tr>
|
|
<th colspan="2" class="text-center"><%= group.split(/[ _-]/).map(&:upcase_first).join(" ") %></th>
|
|
</tr>
|
|
|
|
<% pairs.sort.each do |key, value| %>
|
|
<tr>
|
|
<th class="text-left w-1/4"><%= key.split(":").second.scan(/(?:[A-Z][a-z]+|[A-Z]+(?![a-z]))/).join(" ") %></th>
|
|
<td class="break-all"><%= link_to value, media_assets_path(search: { metadata: { key => value }}) %></td>
|
|
</tr>
|
|
<% end %>
|
|
<% end %>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<%= render "uploads/secondary_links" %>
|