Kevin McConnell
117 lines
5.1 KiB
Plaintext
117 lines
5.1 KiB
Plaintext
<% @page_title = @bubble.title %>
|
||
|
||
<% content_for :header do %>
|
||
<% if @bubble.drafted? %>
|
||
<div class="flex align-center gap-half fill-selected justify-center border-block margin-block-end"
|
||
style="--border-color: var(--color-selected-dark); --border-style: dashed; view-transition-name: draft-banner;">
|
||
This is a draft, it’s only visible to you.
|
||
<%= render "bubbles/publish", bubble: @bubble %>
|
||
</div>
|
||
<% end %>
|
||
|
||
<nav class="align-start max-width">
|
||
<header class="flex flex-column center max-width">
|
||
<div class="flex align-center gap-half justify-center">
|
||
<%= link_to "Collections", root_path %>
|
||
<%= link_to "Activity", events_path %>
|
||
</div>
|
||
<h1 class="txt-large txt-align-center min-width flex align-center gap-half margin-block-end">
|
||
<%= link_to @bucket.name, bubbles_path(bucket_ids: [ @bucket ]) %>
|
||
</h1>
|
||
</header>
|
||
</nav>
|
||
<% end %>
|
||
|
||
<aside class="flex align-start justify-start max-width" 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>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 min-width">
|
||
<%= image_tag "picture-add.svg", aria: { hidden: true }, size: 24 %>
|
||
<span class="overflow-ellipsis">Background</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 class="overflow-ellipsis">Boost</span>
|
||
<% end %>
|
||
|
||
<% unless @bubble.drafted? %>
|
||
<button class="btn full-width justify-start borderless min-width">
|
||
<%= image_tag "picture-double.svg", aria: { hidden: true }, size: 24 %>
|
||
<span class="overflow-ellipsis">I’ve seen this</span>
|
||
</button>
|
||
<% end %>
|
||
|
||
|
||
<%= button_to bucket_bubble_path(@bubble.bucket, @bubble),
|
||
method: :delete,
|
||
class: "btn full-width justify-start borderless min-width",
|
||
data: { turbo_confirm: "Are you sure you want to delete this bubble?" } do %>
|
||
<%= image_tag "trash.svg", aria: { hidden: true }, size: 24 %>
|
||
<span class="overflow-ellipsis">Delete</span>
|
||
<% end %>
|
||
</div>
|
||
</aside>
|
||
|
||
<div class="bubble__container" data-controller="beacon" data-beacon-url-value="<%= bucket_bubble_readings_url(@bubble.bucket, @bubble) %>">
|
||
<div class="bubble__perma flex justify-center center">
|
||
<%= render "bubbles/bubble", bubble: @bubble %>
|
||
</div>
|
||
|
||
|
||
<% unless @bubble.drafted? %>
|
||
<%= render "bubbles/pop_toggle", bubble: @bubble %>
|
||
<% end %>
|
||
|
||
<%= render "bubbles/messages", bubble: @bubble %>
|
||
</div>
|
||
|
||
<div class="flex align-start justify-end">
|
||
<%= turbo_frame_tag dom_id(@bubble, :stage_picker), src: new_bucket_bubble_stage_picker_path(@bubble.bucket, @bubble) %>
|
||
</div>
|
||
|
||
<% if @bubble.creating? %>
|
||
<%#
|
||
If we could put the textare for the bubble title, and the initial
|
||
comment, into this form, it should prevent people from losing edits when
|
||
they make changes to other properties. In that case, we can remove the
|
||
save buttons from inside the bubble, and from the comment box, so that
|
||
the middle section all feels like one block that you're then either
|
||
publishing, drafting, or cancelling.
|
||
%>
|
||
|
||
<%= form_with model: @bubble, url: bucket_bubble_path(@bubble.bucket, @bubble) do |form| %>
|
||
<%= button_tag "Publish", type: "submit", name: "bubble[status]", value: "published" %>
|
||
<%= button_tag "Save a draft", type: "submit", name: "bubble[status]", value: "drafted" %>
|
||
<% end %>
|
||
|
||
<%= button_to "Cancel", bucket_bubble_path(@bubble.bucket, @bubble), method: :delete %>
|
||
<% end %>
|
||
|
||
<%= render "notifications/tray" %>
|