Jeffrey Hardy
21 lines
1.1 KiB
Plaintext
21 lines
1.1 KiB
Plaintext
<div class="comment flex align-start full-width comment--mine">
|
|
<figure class="comment__avatar avatar fill-black txt-reversed flex-item-no-shrink"><strong><%= Current.user.initials %></strong></figure>
|
|
|
|
<div class="comment__content flex flex-column full-width fill-shade border-radius">
|
|
<div class="comment__author flex align-center gap-half">
|
|
<strong><%= Current.user.name %></strong>
|
|
</div>
|
|
<div class="comment__body txt-align-start margin-block-start-half">
|
|
<%= form_with model: Comment.new, url: bucket_bubble_comments_path(bubble.bucket, bubble), class: "flex flex-column gap full-width" do |form| %>
|
|
<%= form.text_area :body, class: "input", required: true, rows: 4,
|
|
placeholder: (bubble.comments.empty? && bubble.creator == Current.user) ? "Add some notes…" : "Type your comment…" %>
|
|
|
|
<%= form.button class: "btn btn--reversed center" do %>
|
|
<%= image_tag "check.svg", aria: { hidden: "true" }, size: 24 %>
|
|
<span class="for-screen-reader">Save</span>
|
|
<% end %>
|
|
<% end %>
|
|
</div>
|
|
</div>
|
|
</div>
|