mirror of
https://github.com/maybe-finance/maybe.git
synced 2025-07-22 22:59:39 +02:00
65db49273c
* Remove balance mode, sketch out refactor * Activity view checkpoint * Entry partials, checkpoint * Finish txn partial * Give entries context when editing for different turbo responses * Calculate change of balance for each entry * Account tabs consolidation * Translations, linting, brakeman updates * Account actions concern * Finalize forms, get account system tests passing * Get tests passing * Lint, rubocop, schema updates * Improve routing and stream responses * Fix broken routes * Add import option for adding accounts * Fix system test * Fix test specificity * Fix sparklines * Improve account redirects
92 lines
4.2 KiB
Text
92 lines
4.2 KiB
Text
<% period = Period.from_param(params[:period]) %>
|
|
|
|
<div class="space-y-4">
|
|
|
|
<%= render "accounts/summary/header" %>
|
|
|
|
<div class="bg-white rounded-xl shadow-xs border border-alpha-black-100 flex divide-x divide-gray-200">
|
|
<div class="w-1/2 p-4 flex items-stretch justify-between">
|
|
<div class="space-y-2 grow">
|
|
<%= render partial: "shared/value_heading", locals: {
|
|
label: "Assets",
|
|
period: period,
|
|
value: Current.family.assets,
|
|
trend: @asset_series.trend
|
|
} %>
|
|
</div>
|
|
<div
|
|
id="assetsChart"
|
|
class="h-full w-2/5"
|
|
data-controller="time-series-chart"
|
|
data-time-series-chart-data-value="<%= @asset_series.to_json %>"
|
|
data-time-series-chart-use-labels-value="false"></div>
|
|
</div>
|
|
<div class="w-1/2 p-4 flex items-stretch justify-between">
|
|
<div class="space-y-2 grow">
|
|
<%= render partial: "shared/value_heading", locals: {
|
|
label: "Liabilities",
|
|
period: period,
|
|
size: "md",
|
|
value: Current.family.liabilities,
|
|
trend: @liability_series.trend
|
|
} %>
|
|
</div>
|
|
<div
|
|
id="liabilitiesChart"
|
|
class="h-full w-2/5"
|
|
data-controller="time-series-chart"
|
|
data-time-series-chart-data-value="<%= @liability_series.to_json %>"
|
|
data-time-series-chart-use-labels-value="false"></div>
|
|
</div>
|
|
</div>
|
|
<div class="p-4 bg-white rounded-xl shadow-xs border border-alpha-black-25 space-y-4">
|
|
<div class="flex justify-between items-center mb-5">
|
|
<h2 class="text-lg font-medium text-gray-900">Assets</h2>
|
|
<div class="flex items-center gap-2">
|
|
<%= link_to new_account_path, class: "btn btn--secondary flex items-center gap-1", data: { turbo_frame: "modal" } do %>
|
|
<%= lucide_icon("plus", class: "w-5 h-5 text-gray-500") %>
|
|
<p><%= t(".new") %></p>
|
|
<% end %>
|
|
<%= form_with url: summary_accounts_path, method: :get, data: { controller: "auto-submit-form" } do |form| %>
|
|
<%= period_select form: form, selected: period.name %>
|
|
<% end %>
|
|
</div>
|
|
</div>
|
|
|
|
<% if @account_groups[:assets].children.any? %>
|
|
<%= render partial: "pages/account_percentages_bar", locals: { account_groups: @account_groups[:assets].children } %>
|
|
<%= render partial: "pages/account_percentages_table", locals: { account_groups: @account_groups[:assets].children } %>
|
|
<% else %>
|
|
<div class="py-20 flex flex-col items-center">
|
|
<%= lucide_icon "blocks", class: "w-6 h-6 shrink-0 text-gray-500" %>
|
|
<p class="text-gray-900 text-sm font-medium mb-1 mt-4"><%= t(".no_assets") %></p>
|
|
<p class="text-gray-500 text-sm max-w-xs text-center"><%= t(".no_assets_description") %></p>
|
|
</div>
|
|
<% end %>
|
|
</div>
|
|
<div class="p-4 bg-white rounded-xl shadow-xs border border-alpha-black-25 space-y-4">
|
|
<div class="flex justify-between items-center mb-5">
|
|
<h2 class="text-lg font-medium text-gray-900">Liabilities</h2>
|
|
<div class="flex items-center gap-2">
|
|
<%= link_to new_account_path, class: "btn btn--secondary flex items-center gap-1", data: { turbo_frame: "modal" } do %>
|
|
<%= lucide_icon("plus", class: "w-5 h-5 text-gray-500") %>
|
|
<p><%= t(".new") %></p>
|
|
<% end %>
|
|
<%= form_with url: summary_accounts_path, method: :get, data: { controller: "auto-submit-form" } do |form| %>
|
|
<%= period_select form: form, selected: period.name %>
|
|
<% end %>
|
|
</div>
|
|
</div>
|
|
|
|
<% if @account_groups[:liabilities].children.any? %>
|
|
<%= render partial: "pages/account_percentages_bar", locals: { account_groups: @account_groups[:liabilities].children } %>
|
|
<%= render partial: "pages/account_percentages_table", locals: { account_groups: @account_groups[:liabilities].children } %>
|
|
<% else %>
|
|
<div class="py-20 flex flex-col items-center">
|
|
<%= lucide_icon "scale", class: "w-6 h-6 shrink-0 text-gray-500" %>
|
|
<p class="text-gray-900 text-sm font-medium mb-1 mt-4"><%= t(".no_liabilities") %></p>
|
|
<p class="text-gray-500 text-sm max-w-xs text-center"><%= t(".no_liabilities_description") %></p>
|
|
</div>
|
|
<% end %>
|
|
</div>
|
|
</div>
|