<%= render "sidebar_header", :title => t(".title", :id => @changeset.id) %>
<div class="browse-section">
- <p class="font-italic">
+ <p class="fst-italic">
<%= linkify(@changeset.tags["comment"].to_s.presence || t("browse.no_comment")) %>
</p>
<p class="details"><%= changeset_details(@changeset) %></p>
<%= render :partial => "tag_details", :object => @changeset.tags.except("comment") %>
- <h4 class="comments-header"><%= t(".discussion") %></h4>
-
- <% if current_user %>
- <div class="buttons clearfix subscribe-buttons">
- <form action="#">
- <% if @changeset.subscribers.exists?(current_user.id) %>
- <input class="action-button btn btn-sm btn-primary" type="submit" name="unsubscribe" value="<%= t("javascripts.changesets.show.unsubscribe") %>" data-method="POST" data-url="<%= changeset_unsubscribe_url(@changeset) %>" />
- <% else %>
- <input class="action-button btn btn-sm btn-primary" type="submit" name="subscribe" value="<%= t("javascripts.changesets.show.subscribe") %>" data-method="POST" data-url="<%= changeset_subscribe_url(@changeset) %>" />
- <% end %>
- </form>
+ <div class="row">
+ <div class="col">
+ <h4><%= t(".discussion") %></h4>
</div>
- <% end %>
- <div class="clearfix"></div>
+ <% if current_user %>
+ <div class="col-auto">
+ <div class="subscribe-buttons">
+ <form action="#">
+ <% if @changeset.subscribers.exists?(current_user.id) %>
+ <input class="action-button btn btn-sm btn-primary" type="submit" name="unsubscribe" value="<%= t("javascripts.changesets.show.unsubscribe") %>" data-method="POST" data-url="<%= changeset_unsubscribe_url(@changeset) %>" />
+ <% else %>
+ <input class="action-button btn btn-sm btn-primary" type="submit" name="subscribe" value="<%= t("javascripts.changesets.show.subscribe") %>" data-method="POST" data-url="<%= changeset_subscribe_url(@changeset) %>" />
+ <% end %>
+ </form>
+ </div>
+ </div>
+ <% end %>
+ </div>
<% if @comments.length > 0 %>
<div class='changeset-comments'>
<% if comment.visible %>
<li id="c<%= comment.id %>">
<small class='text-muted'>
- <%= t(".commented_by_html",
- :when => friendly_date_ago(comment.created_at),
- :exact_time => l(comment.created_at),
+ <%= t(".comment_by_html",
+ :time_ago => tag.abbr(friendly_date_ago(comment.created_at),
+ :title => l(comment.created_at)),
:user => link_to(comment.author.display_name, user_path(comment.author))) %>
<% if current_user and current_user.moderator? %>
— <span class="action-button" data-comment-id="<%= comment.id %>" data-method="POST" data-url="<%= changeset_comment_hide_url(comment.id) %>"><%= t("javascripts.changesets.show.hide_comment") %></span>
<% end %>
</small>
- <%= comment.body.to_html %>
+ <div class="mx-2">
+ <%= comment.body.to_html %>
+ </div>
</li>
<% elsif current_user and current_user.moderator? %>
<li id="c<%= comment.id %>">
<small class='text-muted'>
- <%= t(".hidden_commented_by_html",
- :when => friendly_date_ago(comment.created_at),
- :exact_time => l(comment.created_at),
+ <%= t(".hidden_comment_by_html",
+ :time_ago => tag.abbr(friendly_date_ago(comment.created_at),
+ :title => l(comment.created_at)),
:user => link_to(comment.author.display_name, user_path(comment.author))) %>
— <span class="action-button text-muted" data-comment-id="<%= comment.id %>" data-method="POST" data-url="<%= changeset_comment_unhide_url(comment.id) %>"><%= t("javascripts.changesets.show.unhide_comment") %></span>
</small>
- <%= comment.body.to_html %>
+ <div class="mx-2">
+ <%= comment.body.to_html %>
+ </div>
</li>
<% end %>
<% end %>
<% end %>
<% if current_user %>
- <% unless @changeset.is_open? %>
+ <% unless @changeset.open? %>
<form action="#" class="mb-3">
- <div class="form-group">
+ <div class="mb-3">
<textarea class="form-control" name="text" cols="40" rows="5"></textarea>
</div>
- <div class="buttons clearfix">
+ <div id="comment-error" class="alert-danger p-2 mb-3" hidden>
+ </div>
+ <div>
<input type="submit" name="comment" value="<%= t("javascripts.changesets.show.comment") %>" data-changeset-id="<%= @changeset.id %>" data-method="POST" data-url="<%= changeset_comment_url(@changeset) %>" disabled="1" class="btn btn-sm btn-primary" />
</div>
</form>