2024-06-24 11:58:39 -04:00
|
|
|
<%= turbo_frame_tag dom_id(@account, "transactions") do %>
|
|
|
|
<div class="bg-white space-y-4 p-5 border border-alpha-black-25 rounded-xl shadow-xs">
|
|
|
|
<div class="flex justify-between items-center">
|
|
|
|
<h3 class="font-medium text-lg"><%= t(".transactions") %></h3>
|
|
|
|
<%= link_to new_transaction_path(account_id: @account),
|
|
|
|
class: "flex gap-1 font-medium items-center bg-gray-50 text-gray-900 p-2 rounded-lg",
|
|
|
|
data: { turbo_frame: :modal } do %>
|
|
|
|
<%= lucide_icon("plus", class: "w-5 h-5 text-gray-900") %>
|
|
|
|
<span class="text-sm"><%= t(".new") %></span>
|
|
|
|
<% end %>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div id="transactions" data-controller="bulk-select" data-bulk-select-resource-value="<%= t(".transaction") %>">
|
|
|
|
<div hidden id="transaction-selection-bar" data-bulk-select-target="selectionBar">
|
2024-07-25 16:46:04 -04:00
|
|
|
<%= render "account/entries/entryables/transaction/selection_bar" %>
|
2024-06-24 11:58:39 -04:00
|
|
|
</div>
|
|
|
|
|
2024-07-01 10:49:43 -04:00
|
|
|
<% if @transaction_entries.empty? %>
|
2024-06-24 11:58:39 -04:00
|
|
|
<p class="text-gray-500 py-4"><%= t(".no_transactions") %></p>
|
|
|
|
<% else %>
|
|
|
|
<div class="space-y-6">
|
2024-07-01 10:49:43 -04:00
|
|
|
<% @transaction_entries.group_by(&:date).each do |date, entries| %>
|
|
|
|
<%= render "entry_group", date:, entries: entries %>
|
2024-06-24 11:58:39 -04:00
|
|
|
<% end %>
|
|
|
|
</div>
|
|
|
|
<% end %>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<% end %>
|