mirror of
https://github.com/we-promise/sure.git
synced 2026-04-19 12:04:08 +00:00
4ebc08e5a4
An overhaul and cleanup of the transactions feature including: - Simplification of transactions search and filtering - Consolidation of account sync logic after transaction change - Split sidebar modal and modal into "drawer" and "modal" concepts - Refactor of transaction partials and folder organization - Cleanup turbo frames and streams for transaction updates, including new Transactions::RowsController for inline updates - Refactored and added several integration and systems tests
38 lines
1.7 KiB
Plaintext
38 lines
1.7 KiB
Plaintext
<div
|
|
id="transaction-filters-menu"
|
|
data-menu-target="content"
|
|
data-controller="tabs"
|
|
data-tabs-active-class="bg-gray-25 text-gray-900"
|
|
data-tabs-default-tab-value="<%= get_default_transaction_search_filter[:key] %>"
|
|
class="hidden absolute flex z-10 h-80 w-[540px] top-12 right-0 border border-alpha-black-25 bg-white rounded-lg shadow-xs">
|
|
<div class="flex w-44 flex-col items-start p-3 text-sm font-medium text-gray-500 border-r border-r-alpha-black-25">
|
|
<% transaction_search_filters.each do |filter| %>
|
|
<button
|
|
class="flex text-gray-500 hover:bg-gray-25 items-center gap-2 px-3 rounded-md py-2 w-full"
|
|
type="button"
|
|
data-id="<%= filter[:key] %>"
|
|
data-tabs-target="btn"
|
|
data-action="tabs#select">
|
|
<%= lucide_icon(filter[:icon], class: "w-5 h-5") %>
|
|
<span class="text-sm font-medium"><%= filter[:name] %></span>
|
|
</button>
|
|
<% end %>
|
|
</div>
|
|
|
|
<div class="flex flex-col grow">
|
|
<div class="grow p-2 border-b border-b-alpha-black-25 overflow-y-auto">
|
|
<% transaction_search_filters.each do |filter| %>
|
|
<div id="<%= filter[:key] %>" data-tabs-target="tab">
|
|
<%= render partial: get_transaction_search_filter_partial_path(filter), locals: { form: form } %>
|
|
</div>
|
|
<% end %>
|
|
</div>
|
|
<div class="flex justify-end items-center gap-2 bg-white p-3">
|
|
<%= button_tag type: "reset", data: { action: "menu#close" }, class: "py-2 px-3 bg-gray-50 rounded-lg text-sm text-gray-900 font-medium" do %>
|
|
Cancel
|
|
<% end %>
|
|
<%= form.submit "Apply", name: nil, class: "py-2 px-3 bg-gray-900 rounded-lg text-sm text-white font-medium" %>
|
|
</div>
|
|
</div>
|
|
</div>
|