mirror of
https://github.com/we-promise/sure.git
synced 2026-04-09 07:14:47 +00:00
79d14c142f
The 'relative' class was removed from the net worth chart container, possibly to resolve layout or stacking issues. The chart should now rely on default positioning.
39 lines
1.5 KiB
Plaintext
39 lines
1.5 KiB
Plaintext
<%# locals: (balance_sheet:, period:, **args) %>
|
|
|
|
<div id="net-worth-chart">
|
|
<% series = balance_sheet.net_worth_series(period: period) %>
|
|
<div class="flex justify-between gap-4 px-4">
|
|
<div class="space-y-2">
|
|
<% if series.trend.present? %>
|
|
<p class="text-primary -space-x-0.5 text-3xl font-medium <%= "animate-pulse" if balance_sheet.syncing? %>">
|
|
<%= series.trend.current.format %>
|
|
</p>
|
|
<%= render partial: "shared/trend_change", locals: { trend: series.trend, comparison_label: period.comparison_label } %>
|
|
<% else %>
|
|
<p class="text-sm text-secondary"><%= t(".data_not_available") %></p>
|
|
<% end %>
|
|
</div>
|
|
|
|
<%= form_with url: root_path, method: :get, data: { controller: "auto-submit-form", turbo_frame: "_top" } do |form| %>
|
|
<%= form.select :period,
|
|
Period.as_options,
|
|
{ selected: period.key },
|
|
data: { "auto-submit-form-target": "auto" },
|
|
class: "bg-container border border-secondary font-medium rounded-lg px-3 py-2 text-sm pr-7 cursor-pointer text-primary focus:outline-hidden focus:ring-0" %>
|
|
<% end %>
|
|
</div>
|
|
|
|
<% if series.any? %>
|
|
<div
|
|
id="netWorthChart"
|
|
class="w-full flex-1 min-h-52"
|
|
data-controller="time-series-chart"
|
|
data-time-series-chart-data-value="<%= series.to_json %>"></div>
|
|
<% else %>
|
|
<div class="w-full h-full flex items-center justify-center">
|
|
<p class="text-secondary text-sm"><%= t(".data_not_available") %></p>
|
|
</div>
|
|
<% end %>
|
|
|
|
</div>
|