Kevin McConnell
40 lines
1.8 KiB
Plaintext
40 lines
1.8 KiB
Plaintext
<% cache bubble do %>
|
|
<div class="<%= class_names("bubble", drafted: bubble.drafted?) %>"
|
|
style="view-transition-name: bubble-<%= bubble.id -%>; --bubble-color: <%= bubble.color %>; <%= bubble_rotation(bubble) %> <%= bubble_size(bubble) %>"
|
|
data-controller="animation upload-preview"
|
|
data-animation-play-class="bubble--wobble"
|
|
data-animation-play-on-load-value="true"
|
|
data-action="mouseover->animation#play">
|
|
|
|
<div>
|
|
<h1 class="bubble__title">
|
|
<% if bubble.creating? %>
|
|
<%= form_with model: bubble, url: bucket_bubble_path(bubble.bucket, bubble), data: { controller: "auto-save" } do |form| %>
|
|
<%= form.text_field :title, placeholder: "Name it…", class: "input txt-align-center full-width borderless", autofocus: bubble.title.blank?, data: { action: "auto-save#change blur->auto-save#submit" } %>
|
|
<% end %>
|
|
<% else %>
|
|
<%= turbo_frame_tag bubble, :edit do %>
|
|
<%= link_to bubble_title(bubble), edit_bucket_bubble_path(bubble.bucket, bubble), class: "txt-undecorated" %>
|
|
|
|
<div class="bubble__tags flex flex-wrap align-end justify-center gap-half txt-tight-lines">
|
|
<%= render "bubbles/tags", bubble: bubble %>
|
|
</div>
|
|
<% end %>
|
|
<% end %>
|
|
</h1>
|
|
</div>
|
|
|
|
<div class="bubble__shape"></div>
|
|
|
|
<%= link_to bucket_bubble_path(bubble.bucket, bubble), class: "bubble__link" do %>
|
|
<span class="for-screen-reader"><%= bubble.title %></span>
|
|
<% end %>
|
|
|
|
<%= render "bubbles/assignments", bubble: bubble %>
|
|
<%= render "bubbles/boosts", bubble: bubble %>
|
|
<%= render "bubbles/comments", bubble: bubble %>
|
|
<%= render "bubbles/date", bubble: bubble %>
|
|
<%= render "bubbles/image", bubble: bubble %>
|
|
</div>
|
|
<% end %>
|