Jason Zimdars
51 lines
2.1 KiB
Plaintext
51 lines
2.1 KiB
Plaintext
<% @page_title = "Home" %>
|
|
|
|
<% content_for :header do %>
|
|
<nav class="align-start">
|
|
<div class="btn btn--placeholder flex-item-justify-start"></div>
|
|
<%= link_to account_users_path, class: "btn flex-item-justify-end" do %>
|
|
<%= image_tag "settings.svg", aria: { hidden: true }, size: 24 %>
|
|
<span class="for-screen-reader">Account settings</span>
|
|
<% end %>
|
|
</nav>
|
|
<% end %>
|
|
|
|
<div class="events__container align-start gap">
|
|
<div class="flex flex-column">
|
|
<div class="flex align-center gap justify-space-between margin-block-end-half" style="padding-inline: calc(0.3em + 0.6em);">
|
|
<h2 class="txt-large txt-nowrap">Latest activity</h2>
|
|
<%= render "events/filter" %>
|
|
</div>
|
|
<div id="activity" class="events__index flex flex-column">
|
|
<%= render "events/day", activity_day: @activity_day, next_day: @next_day, events: @events %>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="txt-align-start">
|
|
<h2 class="txt-large txt-nowrap" style="margin-block-end: 0.5em;">Custom views</h2>
|
|
<div style="border-block-start: 1px solid var(--color-subtle); padding-block-start: var(--block-space-half);">
|
|
<% @filters.each do |filter| %>
|
|
<h3 class="txt-medium margin-block-end-half txt-tight-lines">
|
|
<%= link_to filter.summary,bubbles_path(**filter.as_params) %>
|
|
</h3>
|
|
<% end %>
|
|
</div>
|
|
|
|
<div class="flex align-center gap min-width margin-block-start-double margin-block-end-half" >
|
|
<h2 class="txt-large overflow-ellipsis">Collections</h2>
|
|
<%= link_to new_bucket_path, class: "btn txt-small flex-item-justify-end flex-item-no-shrink", style: "view-transition-name: new-bucket" do %>
|
|
<%= image_tag "add.svg", aria: { hidden: true }, size: 24 %>
|
|
<span class="for-screen-reader">New</span>
|
|
<% end %>
|
|
</div>
|
|
|
|
<div style="border-block-start: 1px solid var(--color-subtle); padding-block-start: var(--block-space-half);">
|
|
<% @buckets.each do |bucket| %>
|
|
<h3 class="txt-medium margin-block-end-half txt-tight-lines"><%= link_to bucket.name, bubbles_path(bucket_ids: [ bucket ]) %></h3>
|
|
<% end %>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<%= event_next_page_link(@next_day) %>
|