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

post tooltips: add header bar with more post info.

Browse Source 
Add a header bar containing the following information:

* Uploader + top tagger + upload date
* Score, favorite count, comment count
* Rating
* Source (Pixiv, Twitter, etc)
* Image dimensions

Also list series pools with tags.
This commit is contained in:
evazion
2018-05-07 01:36:15 -05:00
parent 27ca4f7cb1
commit a22bf20230
4 changed files with 96 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

58
app/views/posts/show.html+tooltip.erb
View File

@@ -1,14 +1,50 @@
<div class="post-tooltip-header">
<span class="post-tooltip-header-left">
<% if CurrentUser.is_moderator? && @post.uploader != @post.keeper %>
<%= link_to_user @post.uploader %> +
<% end %>
<%= link_to_user @post.keeper %>
<%= link_to time_ago_in_words_tagged(@post.created_at, compact: true), posts_path(tags: "date:#{@post.created_at.strftime("%Y-%m-%d")}"), class: "post-tooltip-date post-tooltip-info" %>
<span class="post-tooltip-favorites post-tooltip-info">
<span><%= @post.fav_count %></span>
<i class="far fa-star fa-xs"></i>
</span>
<span class="post-tooltip-score post-tooltip-info">
<span><%= @post.score %></span>
<i class="far fa-thumbs-up fa-xs"></i>
</span>
<% if @post.last_commented_at.present? %>
<span class="post-tooltip-comments post-tooltip-info">
<span><%= @post.comments.count %></span>
<i class="far fa-comments fa-xs"></i>
</span>
<% end %>
</span>
<span class="post-tooltip-header-right">
<%= link_to @post.source_domain, @post.normalized_source, class: "post-tooltip-source post-tooltip-info" if @post.source_domain.present? %>
<%= link_to "#{@post.pretty_rating.downcase}", posts_path(tags: "rating:#{@post.rating}"), class: "post-tooltip-rating post-tooltip-info" %>
<%= link_to "#{@post.image_width}x#{@post.image_height}", @post.file_url, class: "post-tooltip-dimensions post-tooltip-info" %>
<%= link_to "#", class: "post-tooltip-disable", title: "Disable enhanced tooltips" do %>
<i class="fas fa-times-circle"></i>
<% end %>
</span>
</div>
<div class="post-tooltip-body">
<div class="post-tooltip-pools">
<% @post.pools.series.undeleted.each do |pool| %>
<%= link_to pool, class: "pool-category-#{pool.category}" do %>
<%= "pool:#{pool.pretty_name} [#{pool.page_number(@post.id)}/#{pool.post_count}]" %>
<% end %>
<% end %>
</div>
<%= @post.presenter.inline_tag_list_html(self, humanize_tags: false) %>
</div>
<div class="post-tooltip-footer">
<%= link_to_search "user:#{@post.uploader_name}" if CurrentUser.is_moderator? %>
<%= link_to "toptagger:#{@post.keeper.name}", user_path(@post.keeper) %>
<%= link_to_search "rating:#{@post.pretty_rating.downcase}" %>
<%= link_to_search "score:#{@post.score}" %>
<%= link_to "#", class: "post-tooltip-disable", title: "Disable enhanced tooltips" do %>
<i class="fas fa-times-circle"></i>
<% end %>
</div>