4c9959f0ff
* Social Cards Part 2 This is a follow up to part 1: https://github.com/thepracticaldev/dev.to/pull/2090. This PR updates the og:image URLs to use the new social_preview.png urls added in Part 1. So that the already generated/cached images do not need to be recreated, this sets a MIGRATION_DATETIME. Any object that has been updated after that date will generate a new image Objects from before that date will not. They will use the new url. * Fix weird change made by rubocop autocorrect * Handle organizations + users * Run CI * Use time with zone to be explicit about timezone * Simplify branching in user_social_image_url method * Fix param alignment + bump migration date
113 lines
4.9 KiB
Text
113 lines
4.9 KiB
Text
<% if @root_comment.present? %>
|
|
<% title truncate(strip_tags(@root_comment.processed_html), length: 100) + " — DEV" %>
|
|
<% else %>
|
|
<% title "Discussion of " + @commentable.title + " — DEV" %>
|
|
<% end %>
|
|
|
|
<%= content_for :page_meta do %>
|
|
<meta name="description" content="<%= @commentable.description || "An article from the community" %>">
|
|
<meta name="keywords" content="software development,engineering,rails,javascript,ruby">
|
|
|
|
<meta property="og:type" content="article" />
|
|
<meta property="og:title" content="Discussion of <%= @commentable.title %>" />
|
|
<meta property="og:description" content="<%= @commentable.description || "A DEV Comment" %>" />
|
|
<meta property="og:site_name" content="The DEV Community" />
|
|
<meta name="twitter:site" content="@ThePracticalDev">
|
|
<meta name="twitter:creator" content="@<%= @user.twitter_username %>">
|
|
<meta name="twitter:title" content="<%= @commentable.title %>">
|
|
<meta name="twitter:description" content="<%= @commentable.description || "A DEV Comment" %>">
|
|
<% if @root_comment.present? %>
|
|
<link rel="canonical" href="https://dev.to<%= @root_comment.path %>" />
|
|
<meta property="og:url" content="https://dev.to<%= @root_comment.path %>" />
|
|
<meta property="og:title" content="<%= truncate(strip_tags(@root_comment.processed_html), length: 50) %> — DEV" />
|
|
<meta name="twitter:title" content="<%= truncate(strip_tags(@root_comment.processed_html), length: 50) %> — DEV">
|
|
<% else %>
|
|
<link rel="canonical" href="https://dev.to<%= @commentable.path %>/comments" />
|
|
<meta property="og:url" content="https://dev.to<%= @commentable.path %>/comments" />
|
|
<meta property="og:title" content="[Discussion] <%= @commentable.title %> — DEV" />
|
|
<meta name="twitter:title" content="[Discussion] <%= @commentable.title %> — DEV">
|
|
<% end %>
|
|
<% if @commentable.class.name == "Article" %>
|
|
<meta property="og:image" content="<%= article_social_image_url(@commentable) %>" />
|
|
<meta name="twitter:image:src" content="<%= article_social_image_url(@commentable) %>">
|
|
<% end %>
|
|
<% end %>
|
|
|
|
<% if @root_comment %>
|
|
<div class="single-comment-header"></div>
|
|
<% else %>
|
|
<div class="article-header">
|
|
<a href="<%= @commentable.path %>" class="header-link">
|
|
<% if @commentable.main_image.present? %>
|
|
<div class="picture" style="background-image:url(<%= cloud_cover_url(@commentable.main_image) %>)"></div>
|
|
<% else %>
|
|
<div class="blank-comment-space"></div>
|
|
<% end %>
|
|
<h3 id="comments-header"><%= @commentable.title %></h3>
|
|
<h4>
|
|
<%= @commentable.user.name %>
|
|
<span class="published-at"><%= "on " + @commentable.published_at.strftime("%B %d, %Y") if @commentable.published_at %></span>
|
|
</h4>
|
|
</a>
|
|
<% if @commentable.processed_html.present? %>
|
|
<% if @commentable.processed_html.size < 350 %>
|
|
<div class="body">
|
|
<%= sanitize_rendered_markdown(@commentable.processed_html.html_safe) %>
|
|
</div>
|
|
<% else %>
|
|
<div class="body">
|
|
<%= truncate(strip_tags(@commentable.processed_html), length: 150).html_safe %>
|
|
<a href="<%= @commentable.path %>"><span class="read-more">[Read Full]</span></a>
|
|
</div>
|
|
<% end %>
|
|
<% end %>
|
|
</div>
|
|
<% end %>
|
|
<div class="comments-container comments-dedicated-page-container"
|
|
id="comments-container"
|
|
data-commentable-id="<%= @commentable.id %>"
|
|
data-commentable-type="<%= @commentable.class.name %>">
|
|
<% if @root_comment %>
|
|
<div class="top-level-actions">
|
|
<h3>re: <%= @commentable.title %> <a href="<%= @commentable.path %>">VIEW POST</a></h3>
|
|
<span class="comment-action-buttons">
|
|
<% unless @root_comment.is_root? %>
|
|
<a href="<%= @root_comment.parent.path %>">VIEW PARENT COMMENT</a>
|
|
<% end %>
|
|
<a href="<%= @commentable.path %>/comments">VIEW FULL DISCUSSION</a>
|
|
</span>
|
|
</div>
|
|
<% else %>
|
|
<%= render "form",
|
|
commentable: @commentable,
|
|
commentable_type: "Article" %>
|
|
<% end %>
|
|
<div class="comment-trees" id="comment-trees-container">
|
|
<% if @root_comment.present? %>
|
|
<div class="root-comment">
|
|
<% cache ["comment_root-view-root_#{user_signed_in?}", @root_comment] do %>
|
|
<%= tree_for(@root_comment, @root_comment.subtree.arrange[@root_comment], @commentable) %>
|
|
<% end %>
|
|
</div>
|
|
<% else %>
|
|
<% Comment.tree_for(@commentable).each do |comment, sub_comments| %>
|
|
<% cache ["comment_root_#{user_signed_in?}", comment] do %>
|
|
<%= tree_for(comment, sub_comments, @commentable) %>
|
|
<% end %>
|
|
<% end %>
|
|
<% end %>
|
|
</div>
|
|
<center style="margin:30px 0px 22px;">
|
|
<%= render "articles/conduct_and_abuse_actions", page: "comments_index" %>
|
|
</center>
|
|
</div>
|
|
<% if has_vid?(@commentable) %>
|
|
<%= render "articles/fitvids" %>
|
|
<% end %>
|
|
|
|
<script async>
|
|
<%= TweetTag.script.html_safe %>
|
|
<%= YoutubeTag.script.html_safe %>
|
|
<%= PodcastTag.script.html_safe %>
|
|
<%= GistTag.script.html_safe %>
|
|
</script>
|