mirror of
https://github.com/we-promise/sure.git
synced 2026-04-19 03:54:08 +00:00
d75be2282b
Since the very first 0.1.0-alpha.1 release, we've been moving quickly to add new features to the Maybe app. In doing so, some parts of the codebase have become outdated, unnecessary, or overly-complex as a natural result of this feature prioritization. Now that "core" Maybe is complete, we're moving into a second phase of development where we'll be working hard to improve the accuracy of existing features and build additional features on top of "core". This PR is a quick overhaul of the existing codebase aimed to: - Establish the brand new and simplified dashboard view (pictured above) - Establish and move towards the conventions introduced in Cursor rules and project design overview #1788 - Consolidate layouts and improve the performance of layout queries - Organize the core models of the Maybe domain (i.e. Account::Entry, Account::Transaction, etc.) and break out specific traits of each model into dedicated concerns for better readability - Remove stale / dead code from codebase - Remove overly complex code paths in favor of simpler ones
50 lines
2.1 KiB
Plaintext
50 lines
2.1 KiB
Plaintext
<%# locals: (account_group:) %>
|
|
|
|
<details class="group" data-controller="account-collapse" data-account-collapse-type-value="<%= account_group.key %>">
|
|
<summary class="px-3 py-2 flex items-center gap-3 cursor-pointer h-10 mb-1">
|
|
<%= lucide_icon("chevron-right", class: "group-open:rotate-90 text-secondary w-5 h-5") %>
|
|
|
|
<%= tag.p account_group.name, class: "text-sm font-medium" %>
|
|
|
|
<div class="ml-auto text-right grow">
|
|
<%= tag.p format_money(account_group.total_money), class: "text-sm font-medium text-primary" %>
|
|
|
|
<%= turbo_frame_tag "#{account_group.key}_sparkline", src: accountable_sparkline_path(account_group.key), loading: "lazy" do %>
|
|
<div class="flex items-center w-8 h-4 ml-auto">
|
|
<div class="w-6 h-px bg-gray-200"></div>
|
|
</div>
|
|
<% end %>
|
|
</div>
|
|
</summary>
|
|
|
|
<div class="space-y-1">
|
|
<% account_group.accounts.each do |account| %>
|
|
<%= link_to account_path(account), class: "block flex items-center gap-2 btn btn--ghost" do %>
|
|
<%= render "accounts/logo", account: account, size: "sm", color: account_group.color %>
|
|
|
|
<div>
|
|
<%= tag.p account.name, class: "text-sm font-medium mb-0.5" %>
|
|
<%= tag.p account.subtype&.humanize.presence || account_group.name, class: "text-sm text-secondary" %>
|
|
</div>
|
|
|
|
<div class="ml-auto text-right grow h-10">
|
|
<%= tag.p format_money(account.balance_money), class: "text-sm font-medium text-primary" %>
|
|
|
|
<%= turbo_frame_tag dom_id(account, :sparkline), src: sparkline_account_path(account), loading: "lazy" do %>
|
|
<div class="flex items-center w-8 h-5 ml-auto">
|
|
<div class="w-6 h-px bg-gray-200"></div>
|
|
</div>
|
|
<% end %>
|
|
</div>
|
|
<% end %>
|
|
<% end %>
|
|
</div>
|
|
|
|
<%= link_to new_polymorphic_path(account_group.key, step: "method_select"),
|
|
class: "flex items-center gap-3 btn btn--ghost text-secondary",
|
|
data: { turbo_frame: "modal" } do %>
|
|
<%= icon("plus") %>
|
|
<span>New <%= account_group.name.downcase.singularize %></span>
|
|
<% end %>
|
|
</details>
|