mirror of
https://github.com/maybe-finance/maybe.git
synced 2025-07-22 22:59:39 +02:00
61 lines
2.9 KiB
Text
61 lines
2.9 KiB
Text
<%# locals: (group:) -%>
|
|
<% type = Accountable.from_type(group.name) %>
|
|
<% if group && group.children.any? %>
|
|
<% group_trend = group.series.trend %>
|
|
|
|
<details
|
|
class="mb-1 text-sm group"
|
|
data-controller="account-collapse"
|
|
data-account-collapse-type-value="<%= type %>">
|
|
<summary class="flex gap-4 px-3 py-2 items-center w-full rounded-[10px] font-medium
|
|
hover:bg-gray-100 cursor-pointer">
|
|
<%= lucide_icon("chevron-down",
|
|
class: "hidden group-open:block text-gray-500 w-5 h-5") %>
|
|
<%= lucide_icon("chevron-right",
|
|
class: "group-open:hidden text-gray-500 w-5 h-5") %>
|
|
|
|
<div class="text-left"><%= type.model_name.human %></div>
|
|
|
|
<div class="ml-auto flex flex-col items-end">
|
|
<p class="text-right"><%= format_money group.sum %></p>
|
|
|
|
<div class="flex items-center gap-1">
|
|
<div class="h-3 w-8">
|
|
<%= render "shared/sparkline", series: group.series, id: "#{group.name}_sparkline" %>
|
|
</div>
|
|
|
|
<span class="text-xs" style="color: <%= group_trend.color %>"><%= group_trend.value.positive? ? "+" : "" %><%= group_trend.percent.infinite? ? "∞" : number_to_percentage(group_trend.percent, precision: 0) %></span>
|
|
</div>
|
|
</div>
|
|
</summary>
|
|
<% group.children.sort_by(&:name).each do |account_value_node| %>
|
|
<% account = account_value_node.original %>
|
|
<% account_trend = account_value_node.series.trend %>
|
|
<%= link_to account, class: "flex items-center w-full gap-3 px-3 py-2 mb-1 hover:bg-gray-100 rounded-[10px]" do %>
|
|
<%= render "accounts/logo", account: account, size: "sm" %>
|
|
<div class="overflow-hidden">
|
|
<p class="font-medium truncate"><%= account_value_node.name %></p>
|
|
<% if account.subtype %>
|
|
<p class="text-xs text-gray-500"><%= account.subtype&.humanize %></p>
|
|
<% end %>
|
|
</div>
|
|
<div class="flex flex-col items-end font-medium text-right ml-auto">
|
|
<p><%= format_money account.balance_money %></p>
|
|
<div class="flex items-center gap-1">
|
|
<div class="h-3 w-8">
|
|
<%= render "shared/sparkline", series: account_value_node.series, id: dom_id(account, :list_sparkline) %>
|
|
</div>
|
|
|
|
<span class="text-xs" style="color: <%= account_trend.color %>">
|
|
<%= account_trend.value.positive? ? "+" : "" %><%= account_trend.percent.infinite? ? "∞" : number_to_percentage(account_trend.percent, precision: 0) %>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
<% end %>
|
|
<% end %>
|
|
<%= link_to new_polymorphic_path(type, step: "method_select"), class: "flex items-center min-h-10 gap-4 px-3 py-2 mb-1 text-gray-500 text-sm font-medium rounded-[10px] hover:bg-gray-100", data: { turbo_frame: "modal" } do %>
|
|
<%= lucide_icon("plus", class: "w-5 h-5") %>
|
|
<%= t(".new_account", type: type.model_name.human.downcase) %>
|
|
<% end %>
|
|
</details>
|
|
<% end %>
|