Jose Farias
73 lines
3.3 KiB
Plaintext
73 lines
3.3 KiB
Plaintext
<% @page_title = @bubble.title %>
|
|
|
|
<% @filter ||= Current.user.filters.first || Filter.persist!({}) %>
|
|
|
|
<% content_for :header do %>
|
|
<nav>
|
|
<%= link_to "#", class: "btn flex-item-justify-start", data: { controller: "back-navigation", back_navigation_fallback_destination_value: bubbles_path(bucket_id: @bubble.bucket) } do %>
|
|
<%= image_tag "arrow-left.svg", aria: { hidden: true }, size: 24 %>
|
|
<span class="for-screen-reader">Back</span>
|
|
<% end %>
|
|
</nav>
|
|
<% end %>
|
|
|
|
<aside class="flex align-start justify-end" style="--bubble-color: <%= @bubble.color %>">
|
|
<div class="flex flex-column" style="row-gap: 3px;">
|
|
<%= render "bubbles/color", bubble: @bubble %>
|
|
|
|
<%= form_with model: @bubble, url: bucket_bubble_path(@bubble.bucket, @bubble), data: { controller: "form" } do |form| %>
|
|
<label class="btn full-width justify-start borderless">
|
|
<%= image_tag "calendar-add.svg", aria: { hidden: true }, size: 24 %>
|
|
<span><%= @bubble.due_on.present? ? "Change" : "Add a" %> date</span>
|
|
<%= form.date_field :due_on, class: "input input--hidden", data: { action: "change->form#submit click->form#showPicker" } %>
|
|
</label>
|
|
<% end %>
|
|
|
|
<%= render "bubbles/sidebar/assignment", bubble: @bubble, users: @bucket.users.active %>
|
|
<%= render "bubbles/sidebar/tag", bubble: @bubble, tags: Current.account.tags %>
|
|
|
|
<% if @bubble.image.attached? %>
|
|
<%= button_to bucket_bubble_image_path(@bubble.bucket, @bubble), method: :delete, class: "btn full-width justify-start borderless" do %>
|
|
<%= image_tag "picture-add.svg", aria: { hidden: true }, size: 24 %>
|
|
<span>Clear background image</span>
|
|
<% end %>
|
|
<% else %>
|
|
<%= form_with model: @bubble, url: bucket_bubble_path(@bubble.bucket, @bubble), data: { controller: "form" } do |form| %>
|
|
<label class="btn full-width justify-start borderless">
|
|
<%= image_tag "picture-add.svg", aria: { hidden: true }, size: 24 %>
|
|
<span>Add an image</span>
|
|
<%= form.file_field :image, class: "input",
|
|
accept: "image/png, image/jpeg, image/jpg, image/webp",
|
|
data: { action: "upload-preview#previewImage form#submit", upload_preview_target: "input" },
|
|
hidden: true %>
|
|
</label>
|
|
<% end %>
|
|
<% end %>
|
|
|
|
<%= button_to bucket_bubble_boosts_path(@bubble.bucket, @bubble), class: "btn full-width justify-start borderless", data: { turbo_frame: dom_id(@bubble, :boosts) } do %>
|
|
<%= image_tag "thumb-up.svg", aria: { hidden: true }, size: 24 %>
|
|
<span>Boost this</span>
|
|
<% end %>
|
|
|
|
<hr class="separator--horizontal full-width" style="--border-color: var(--color-subtle);" />
|
|
<%= render "bubbles/pop_toggle", bubble: @bubble %>
|
|
|
|
<button class="btn full-width justify-start borderless">
|
|
<%= image_tag "picture-double.svg", aria: { hidden: true }, size: 24 %>
|
|
<span>I've seen this</span>
|
|
</button>
|
|
</div>
|
|
</aside>
|
|
|
|
<div class="bubble__container">
|
|
<div class="bubble__perma flex justify-center center margin-block-end-double">
|
|
<%= render "bubbles/bubble", bubble: @bubble %>
|
|
</div>
|
|
|
|
<%= render "bubbles/messages", bubble: @bubble %>
|
|
</div>
|
|
|
|
<div class="flex align-start justify-start">
|
|
<%= turbo_frame_tag dom_id(@bubble, :stage_picker), src: new_bucket_bubble_stage_picker_path(@bubble.bucket, @bubble) %>
|
|
</div>
|