mirror of
https://github.com/maybe-finance/maybe.git
synced 2025-07-18 20:59:39 +02:00
8c97c9d31a
* Remove ScrollFocusable * Consolidate and simplify account pages * Lint fixes * Fix tab param initialization * Remove stale files * Remove stale route, make accountable routes clearer
95 lines
3.9 KiB
Text
95 lines
3.9 KiB
Text
<%# locals: (account:) %>
|
|
|
|
<%= turbo_frame_tag dom_id(account, "entries") do %>
|
|
<div class="bg-container p-5 shadow-border-xs rounded-xl">
|
|
<div class="flex items-center justify-between mb-4" data-testid="activity-menu">
|
|
<%= tag.h2 t(".title"), class: "font-medium text-lg" %>
|
|
<% unless @account.plaid_account_id.present? %>
|
|
<%= render MenuComponent.new(variant: "button") do |menu| %>
|
|
<% menu.with_button(text: "New", variant: "secondary", icon: "plus") %>
|
|
|
|
<% menu.with_item(
|
|
variant: "link",
|
|
text: "New balance",
|
|
icon: "circle-dollar-sign",
|
|
href: new_valuation_path(account_id: @account.id),
|
|
data: { turbo_frame: :modal }) %>
|
|
|
|
<% unless @account.crypto? %>
|
|
<% href = @account.investment? ? new_trade_path(account_id: @account.id) : new_transaction_path(account_id: @account.id) %>
|
|
<% menu.with_item(
|
|
variant: "link",
|
|
text: "New transaction",
|
|
icon: "credit-card",
|
|
href: href,
|
|
data: { turbo_frame: :modal }) %>
|
|
<% end %>
|
|
<% end %>
|
|
<% end %>
|
|
</div>
|
|
|
|
<div>
|
|
<%= form_with url: account_path(account),
|
|
id: "entries-search",
|
|
scope: :q,
|
|
method: :get,
|
|
data: { controller: "auto-submit-form" } do |form| %>
|
|
<div class="flex gap-2 mb-4">
|
|
<div class="grow">
|
|
<div class="flex items-center px-3 py-2 gap-2 border border-secondary rounded-lg focus-within:ring-gray-100 focus-within:border-gray-900">
|
|
<%= icon("search") %>
|
|
<%= hidden_field_tag :account_id, @account.id %>
|
|
<%= form.search_field :search,
|
|
placeholder: "Search entries by name",
|
|
value: @q[:search],
|
|
class: "form-field__input placeholder:text-sm placeholder:text-secondary",
|
|
"data-auto-submit-form-target": "auto" %>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<% end %>
|
|
</div>
|
|
|
|
<% if @entries.empty? %>
|
|
<p class="text-secondary text-sm p-4"><%= t(".no_entries") %></p>
|
|
<% else %>
|
|
<%= tag.div id: dom_id(@account, "entries_bulk_select"),
|
|
data: {
|
|
controller: "bulk-select",
|
|
bulk_select_singular_label_value: t(".entry"),
|
|
bulk_select_plural_label_value: t(".entries")
|
|
} do %>
|
|
<div id="entry-selection-bar" data-bulk-select-target="selectionBar" class="flex justify-center hidden">
|
|
<%= render "entries/selection_bar" %>
|
|
</div>
|
|
|
|
<div class="grid bg-container-inset rounded-xl grid-cols-12 items-center uppercase text-xs font-medium text-secondary px-5 py-3 mb-4">
|
|
<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><%= t(".date") %></p>
|
|
</div>
|
|
<%= tag.p t(".amount"), class: "col-span-2 justify-self-end" %>
|
|
<%= tag.p t(".balance"), class: "col-span-2 justify-self-end" %>
|
|
</div>
|
|
|
|
<div>
|
|
<div class="space-y-4">
|
|
<% calculator = Balance::TrendCalculator.new(@account.balances) %>
|
|
|
|
<%= entries_by_date(@entries) do |entries| %>
|
|
<% entries.each_with_index do |entry, index| %>
|
|
<%= render entry, balance_trend: index == 0 ? calculator.trend_for(entry.date) : nil, view_ctx: "account" %>
|
|
<% end %>
|
|
<% end %>
|
|
</div>
|
|
|
|
<div class="p-4 bg-container rounded-bl-lg rounded-br-lg">
|
|
<%= render "shared/pagination", pagy: @pagy %>
|
|
</div>
|
|
</div>
|
|
<% end %>
|
|
<% end %>
|
|
</div>
|
|
<% end %>
|