bterkuile/fizzy
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Extract more templates

Browse Source
This commit is contained in:
Jorge Manrubia
2025-04-25 10:21:38 +02:00
parent 32c9cdbba8
commit 74a8a6431e
3 changed files with 19 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/views/events/_filter.html.erb
+2 -18
View File
@@ -8,24 +8,8 @@
<dialog class="events__popup popup popup--animated panel flex-column align-start gap-half fill-white shadow"
style="z-index: 5;" data-dialog-target="dialog" data-action="turbo:before-cache@document->dialog#close">
<div class="flex align-center full-width gap-half">
<span class="btn borderless" style="pointer-events: none; --icon-size: 1.3em; --btn-padding: 0 0.4em 0 0.6em;">
<%= icon_tag "filter" %>
</span>
<strong class="popup__title txt-medium">Collections</strong>
<button class="btn borderless txt-x-small flex-item-justify-end" data-action="click->dialog#close" >
<%= icon_tag "remove-med" %>
<span class="for-screen-reader">Close</span>
</button>
</div>
<div class="popup__group flex align-center full-width gap-half overflow-ellipsis">
<%= link_to new_collection_path, class: "btn popup__new popup__item", style: "view-transition-name: new-collection" do %>
<%= icon_tag "add" %>
<span>Add a new collection</span>
<% end %>
</div>
<hr class="full-width separator--horizontal margin-none" style="--border-color: transparent;">
<%= render "events/filter/header" %>
<%= render "events/filter/new_collection_option" %>
<%= form_with url: events_path, method: :get, class: "flex flex-column max-width popup__list full-width",
data: { controller: "form" } do |form| %>
app/views/events/filter/_header.html.erb
+10
View File
@@ -0,0 +1,10 @@
<div class="flex align-center full-width gap-half">
<span class="btn borderless" style="pointer-events: none; --icon-size: 1.3em; --btn-padding: 0 0.4em 0 0.6em;">
<%= icon_tag "filter" %>
</span>
<strong class="popup__title txt-medium">Collections</strong>
<button class="btn borderless txt-x-small flex-item-justify-end" data-action="click->dialog#close" >
<%= icon_tag "remove-med" %>
<span class="for-screen-reader">Close</span>
</button>
</div>
app/views/events/filter/_new_collection_option.html.erb
+7
View File
@@ -0,0 +1,7 @@
<div class="popup__group flex align-center full-width gap-half overflow-ellipsis">
<%= link_to new_collection_path, class: "btn popup__new popup__item", style: "view-transition-name: new-collection" do %>
<%= icon_tag "add" %>
<span>Add a new collection</span>
<% end %>
</div>
<hr class="full-width separator--horizontal margin-none" style="--border-color: transparent;">