mirror of
https://github.com/maybe-finance/maybe.git
synced 2025-07-18 20:59:39 +02:00
65e1bc6edd
* WIP * WIP * WIP * WIP * WIP * WIP * WIP * format * WIP * WIP * WIP * WIP * WIP * WIP * WIP * WIP * WIP * WIP * WIP * WIP * WIP * WIP * WIP * WIP * WIP * WIP * WIP * WIP * WIP * WIP * WIP * WIP * WIP * WIP * WIP * WIP * WIP * WIP * WIP * WIP * WIP * fix conflict * fix conflict * chore: run rubocop * fix test * update PWA logo * fix tests * chore: lint * fix test * Refactor: Remove duplicate data attribute in activity partial and add chat form rendering in chats index --------- Co-authored-by: Josh Pigford <josh@joshpigford.com>
79 lines
3.7 KiB
Text
79 lines
3.7 KiB
Text
<div class="space-y-4 pb-20 flex flex-col" data-controller="focus-record" data-focus-record-id-value="<%= @focused_record ? dom_id(@focused_record) : nil %>">
|
|
<header class="flex justify-between items-center text-primary font-medium">
|
|
<h1 class="text-xl">Transactions</h1>
|
|
<div class="flex items-center gap-5">
|
|
<div class="flex items-center gap-2">
|
|
<%= contextual_menu do %>
|
|
<%= contextual_menu_modal_action_item t(".edit_categories"), categories_path, icon: "shapes", turbo_frame: :_top %>
|
|
<%= contextual_menu_modal_action_item t(".edit_tags"), tags_path, icon: "tags", turbo_frame: :_top %>
|
|
<%= contextual_menu_modal_action_item t(".edit_merchants"), merchants_path, icon: "store", turbo_frame: :_top %>
|
|
<%= contextual_menu_modal_action_item t(".edit_imports"), imports_path, icon: "hard-drive-upload", turbo_frame: :_top %>
|
|
<%= contextual_menu_modal_action_item t(".import"), new_import_path, icon: "download", turbo_frame: "modal", class_name: "md:!hidden" %>
|
|
<% end %>
|
|
|
|
<%= link_to new_import_path, class: "btn btn--outline flex items-center gap-2 hidden md:flex", data: { turbo_frame: "modal" } do %>
|
|
<%= lucide_icon("download", class: "text-secondary w-4 h-4") %>
|
|
<p class="text-sm font-medium text-primary"><%= t(".import") %></p>
|
|
<% end %>
|
|
|
|
<%= link_to new_transaction_path, class: "btn btn--primary flex items-center justify-center gap-2 rounded-full md:rounded-lg w-9 h-9 md:w-auto md:h-auto", data: { turbo_frame: :modal } do %>
|
|
<span class="flex items-center justify-center">
|
|
<%= lucide_icon("plus", class: "w-5 h-5") %>
|
|
</span>
|
|
<p class="text-sm font-medium hidden md:block">New transaction</p>
|
|
<% end %>
|
|
</div>
|
|
</div>
|
|
</header>
|
|
|
|
<%= render "summary", totals: @totals %>
|
|
|
|
<div id="transactions"
|
|
data-controller="bulk-select"
|
|
data-bulk-select-singular-label-value="<%= t(".transaction") %>"
|
|
data-bulk-select-plural-label-value="<%= t(".transactions") %>"
|
|
class="flex flex-col bg-container rounded-xl shadow-border-xs p-4">
|
|
<%= render "transactions/searches/search" %>
|
|
|
|
<div id="entry-selection-bar" data-bulk-select-target="selectionBar" class="flex justify-center hidden">
|
|
<%= render "transactions/selection_bar" %>
|
|
</div>
|
|
|
|
<% if @pagy.count > 0 %>
|
|
<div class="grow overflow-y-auto">
|
|
<div class="grid-cols-12 bg-container-inset rounded-xl px-5 py-3 text-xs uppercase font-medium text-secondary items-center mb-4 hidden md:grid">
|
|
<div class="pl-0.5 col-span-8 flex items-center gap-4">
|
|
<%= check_box_tag "selection_entry",
|
|
class: "checkbox checkbox--light",
|
|
data: { action: "bulk-select#togglePageSelection" } %>
|
|
<p>transaction</p>
|
|
</div>
|
|
|
|
<p class="col-span-2">category</p>
|
|
<p class="col-span-2 justify-self-end">amount</p>
|
|
</div>
|
|
|
|
<% if @transactions.any? %>
|
|
<div class="md:hidden text-xs uppercase font-medium text-secondary mb-2 px-2">
|
|
<%= check_box_tag "selection_entry",
|
|
class: "checkbox checkbox--light mr-2 ml-1",
|
|
data: { action: "bulk-select#togglePageSelection" } %>
|
|
<span>TRANSACTION</span>
|
|
</div>
|
|
<% end %>
|
|
|
|
<div class="space-y-6">
|
|
<%= entries_by_date(@transactions.map(&:entry), totals: true) do |entries| %>
|
|
<%= render entries %>
|
|
<% end %>
|
|
</div>
|
|
</div>
|
|
<% else %>
|
|
<%= render "entries/empty" %>
|
|
<% end %>
|
|
|
|
<div class="pt-4">
|
|
<%= render "shared/pagination", pagy: @pagy %>
|
|
</div>
|
|
</div>
|
|
</div>
|