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

uploads: add reverse image search links to upload page.

Browse Source 
On the upload page, change the file size info beneath the image to be formatted the same way as on
the media assets page, and to include a menu with links to offsite reverse image search tools.
This commit is contained in:
evazion
2022-11-29 20:52:19 -06:00
parent 756362f89e
commit a048a704cb
1 changed files with 61 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

68
app/views/uploads/_single_asset_upload.html.erb
View File

@@ -25,14 +25,68 @@
<div id="upload-image"> <div id="upload-image">
<%= render MediaAssetComponent.new(media_asset: media_asset, current_user: CurrentUser.user) %> <%= render MediaAssetComponent.new(media_asset: media_asset, current_user: CurrentUser.user) %>
<p> <div class="flex flex-none gap-2 h-6 items-center text-xs">
<strong>Size</strong> <% if media_asset.source_urls.present? %>
<%= link_to media_asset.variant(:original).file_url do %> <span>
<%= number_to_human_size(media_asset.file_size) %> .<%= media_asset.file_ext %> <% 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>
<% end %> <% end %>
(<%= media_asset.image_width %>x<%= media_asset.image_height %>)
<%= link_to "»", media_asset_path(media_asset) %> <%= link_to media_asset do %>
</p> <%= 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 %>
<span>
<%= render PopupMenuComponent.new(hide_on_click: false) do |menu| %>
<% menu.item(hide_on_click: true) do %>
<%= link_to "#{media_asset.original.file_url}?download=1", download: media_asset.original.file_name do %>
<%= download_icon %> Download
<% end %>
<% end %>
<% menu.item do %>
<hr class="border">
<% end %>
<% menu.item do %>
<%= external_link_to "https://saucenao.com/search.php?url=#{CGI.escape(media_asset.original.file_url)}", target: "_blank" do %>
<%= search_icon %> SauceNAO
<% end %>
<% end %>
<% menu.item do %>
<%= external_link_to "https://yandex.com/images/search?rpt=imageview&url=#{CGI.escape(media_asset.original.file_url)}", target: "_blank" do %>
<%= search_icon %> Yandex
<% end %>
<% end %>
<% menu.item do %>
<%= external_link_to "https://lens.google.com/uploadbyurl?url=#{CGI.escape(media_asset.original.file_url)}", target: "_blank" do %>
<%= search_icon %> Google
<% end %>
<% end %>
<% menu.item do %>
<%= external_link_to "https://www.bing.com/images/searchbyimage?cbir=sbi&imgurl=#{CGI.escape(media_asset.original.file_url)}", target: "_blank" do %>
<%= search_icon %> Bing
<% end %>
<% end %>
<% menu.item do %>
<%= link_to iqdb_queries_path(search: { media_asset_id: media_asset.id }), target: "_blank" do %>
<%= search_icon %> <%= Danbooru.config.app_name %>
<% end %>
<% end %>
<% end %>
</span>
</div>
</div> </div>
<%= render "uploads/related_posts", source: upload_media_asset.source_extractor %> <%= render "uploads/related_posts", source: upload_media_asset.source_extractor %>