mirror of
https://github.com/we-promise/sure.git
synced 2026-04-19 12:04:08 +00:00
c610b0ba4b
* Dashboard design fixes * Update dashboard greeting * Remove sidebar toggle from settings breadcrumbs * Autofocus and outlines for category dropdowns * Lint fixes
38 lines
1.4 KiB
Plaintext
38 lines
1.4 KiB
Plaintext
<%# locals: (series:, period:) %>
|
|
|
|
<div class="flex justify-between gap-4 px-4">
|
|
<div class="space-y-2">
|
|
<div class="space-y-2">
|
|
<p class="text-sm text-secondary font-medium">Net Worth</p>
|
|
<p class="text-primary -space-x-0.5 text-3xl font-medium">
|
|
<%= series.current.format %>
|
|
</p>
|
|
<% if series.trend.nil? %>
|
|
<p class="text-sm text-secondary">Data not available for the selected period</p>
|
|
<% elsif series.trend.direction.flat? %>
|
|
<p class="text-sm text-secondary">No change vs. prior period</p>
|
|
<% else %>
|
|
<div class="flex items-center gap-2">
|
|
<%= render partial: "shared/trend_change", locals: { trend: series.trend } %>
|
|
<span class="text-sm text-secondary"><%= period.comparison_label %></span>
|
|
</div>
|
|
<% end %>
|
|
</div>
|
|
</div>
|
|
<%= form_with url: root_path, method: :get, class: "flex items-center gap-4", data: { controller: "auto-submit-form" } do |form| %>
|
|
<%= period_select form: form, selected: period %>
|
|
<% 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">No data available for the selected period.</p>
|
|
</div>
|
|
<% end %>
|