Jeffrey Hardy
39 lines
1.6 KiB
Plaintext
39 lines
1.6 KiB
Plaintext
<% @page_title = @bucket.name %>
|
|
|
|
<% content_for :header do %>
|
|
<nav>
|
|
<%= link_to buckets_path, class: "btn btn--plain flex-item-justify-start" do %>
|
|
<%= image_tag "bubbles.svg", aria: { hidden: true }, size: 24 %>
|
|
<span class="for-screen-reader">All Buckets</span>
|
|
<% end %>
|
|
|
|
<header class="txt-align-center">
|
|
<%= render "bubbles/filters", bucket: @bucket, tag: @tag, assignee: @assignee %>
|
|
</header>
|
|
|
|
<%= button_to bucket_bubbles_path(@bucket), method: :post, class: "btn btn--plain", form_class: "flex-item-justify-end" do %>
|
|
<%= image_tag "bubble-add.svg", aria: { hidden: true }, size: 24 %>
|
|
<span class="for-screen-reader">Create a new bubble</span>
|
|
<% end %>
|
|
</nav>
|
|
<% end %>
|
|
|
|
<section class="windshield flex-inline flex-wrap gap justify-center align-end" style="view-transition-name: windshield_<%= @bucket.id %>">
|
|
<%= render partial: "bubbles/bubble", collection: @bubbles.ordered_by_activity.limit(10) %>
|
|
</section>
|
|
|
|
<section class="bubbles-list unpad-inline center margin-block-start">
|
|
<header class="flex-inline align-center center gap txt-small margin-block-end-half">
|
|
<form>
|
|
<input type="search" name="filter" class="input center flex-inline" placeholder="Type to filter…" value="<%= params[:filter] %>">
|
|
<% params.permit(:tag_id, :assignee_id).each do |name, value| %>
|
|
<%= hidden_field_tag name, value %>
|
|
<% end %>
|
|
</form>
|
|
</header>
|
|
|
|
<ul class="unpad margin-none flex flex-column txt-align-start center">
|
|
<%= render partial: "bubbles/list/bubble", collection: @bubbles.reverse_chronologically %>
|
|
</ul>
|
|
</section>
|