Docker/Maybe
Docker/Maybe
1
0
Fork 0
mirror of https://github.com/maybe-finance/maybe.git synced 2025-08-05 13:35:21 +02:00
Code Issues Releases Activity Actions

Add placeholders for dashboard features (#642)

Browse source 
* Add placeholders for new dashboard

* Fix tests and lint errors
This commit is contained in:
Zach Gollwitzer 2024-04-18 10:32:36 -04:00 • committed by GitHub
parent 4708e85da3
commit f5f624881f
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
14 changed files with 196 additions and 109 deletions
Download patch file Download diff file Expand all files Collapse all files

18
app/views/pages/dashboard/_allocation_chart.html.erb Normal file
View file

@ -0,0 +1,18 @@
<div data-controller="tabs" data-tabs-active-class="bg-white border-alpha-black-25 shadow-xs text-gray-900" data-tabs-default-tab-value="asset-tab">
<div class="bg-gray-25 rounded-lg p-1 flex gap-1 text-sm text-gray-500 font-medium">
<button data-id="asset-tab" class="w-1/2 px-2 py-1 rounded-md border border-transparent" data-tabs-target="btn" data-action="tabs#select"><%= t(".assets") %></button>
<button data-id="liability-tab" class="w-1/2 px-2 py-1 rounded-md border border-transparent" data-tabs-target="btn" data-action="tabs#select"><%= t(".debts") %></button>
</div>
<div>
<div data-tabs-target="tab" id="asset-tab" class="space-y-6">
<div class="text-gray-500 flex items-center justify-center py-12">
<p>Coming soon...</p>
</div>
</div>
<div data-tabs-target="tab" id="liability-tab" class="space-y-6 hidden">
<div class="text-gray-500 flex items-center justify-center py-12">
<p>Coming soon...</p>
</div>
</div>
</div>
</div>

8
app/views/pages/dashboard/_net_worth_chart.html.erb Normal file
View file

@ -0,0 +1,8 @@
<%# locals: (series:) %>
<% if series %>
<div data-controller="line-chart" id="lineChart" class="w-full h-full" data-line-chart-series-value="<%= series.to_json %>"></div>
<% else %>
<div class="w-full h-full flex items-center justify-center">
<p class="text-gray-500">No data available for the selected period.</p>
</div>
<% end %>