Account Activity View + Account Forms (#1406)

* 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

app/views/credit_cards/_form.html.erb

@@ -0,0 +1,37 @@
+<%# locals: (account:, url:) %>
+
+<%= render "accounts/form", account: account, url: url do |form| %>
+  <hr class="my-4">
+
+  <div class="space-y-2">
+    <%= form.fields_for :accountable do |credit_card_form| %>
+      <div class="flex items-center gap-2">
+        <%= credit_card_form.number_field :available_credit,
+                                        label: t("credit_cards.form.available_credit"),
+                                        placeholder: t("credit_cards.form.available_credit_placeholder"),
+                                        min: 0 %>
+      </div>
+
+      <div class="flex items-center gap-2">
+        <%= credit_card_form.number_field :minimum_payment,
+                                        label: t("credit_cards.form.minimum_payment"),
+                                        placeholder: t("credit_cards.form.minimum_payment_placeholder"),
+                                        min: 0 %>
+        <%= credit_card_form.number_field :apr,
+                                        label: t("credit_cards.form.apr"),
+                                        placeholder: t("credit_cards.form.apr_placeholder"),
+                                        min: 0,
+                                        step: 0.01 %>
+      </div>
+
+      <div class="flex items-center gap-2">
+        <%= credit_card_form.date_field :expiration_date,
+                                      label: t("credit_cards.form.expiration_date") %>
+        <%= credit_card_form.number_field :annual_fee,
+                                        label: t("credit_cards.form.annual_fee"),
+                                        placeholder: t("credit_cards.form.annual_fee_placeholder"),
+                                        min: 0 %>
+      </div>
+    <% end %>
+  </div>
+<% end %>

app/views/credit_cards/_overview.html.erb

@@ -0,0 +1,31 @@
+<%# locals: (account:) %>
+
+<div class="grid grid-cols-3 gap-2">
+  <%= summary_card title: t(".amount_owed") do %>
+    <%= format_money(account.balance_money) %>
+  <% end %>
+
+  <%= summary_card title: t(".available_credit") do %>
+    <%= format_money(account.credit_card.available_credit_money) || t(".unknown") %>
+  <% end %>
+
+  <%= summary_card title: t(".minimum_payment") do %>
+    <%= format_money(account.credit_card.minimum_payment_money || Money.new(0, account.currency)) %>
+  <% end %>
+
+  <%= summary_card title: t(".apr") do %>
+    <%= account.credit_card.apr ? number_to_percentage(account.credit_card.apr, precision: 2) : t(".unknown") %>
+  <% end %>
+
+  <%= summary_card title: t(".expiration_date") do %>
+    <%= account.credit_card.expiration_date ? l(account.credit_card.expiration_date, format: :long) : t(".unknown") %>
+  <% end %>
+
+  <%= summary_card title: t(".annual_fee") do %>
+    <%= format_money(account.credit_card.annual_fee_money || Money.new(0, account.currency)) %>
+  <% end %>
+</div>
+
+<div class="flex justify-center py-8">
+  <%= link_to "Edit account details", edit_credit_card_path(account), class: "btn btn--ghost", data: { turbo_frame: :modal } %>
+</div>

app/views/credit_cards/edit.html.erb

@@ -0,0 +1,3 @@
+<%= modal_form_wrapper title: t(".edit", account: @account.name) do %>
+  <%= render "form", account: @account, url: credit_card_path(@account) %>
+<% end %>

app/views/credit_cards/new.html.erb

@@ -0,0 +1,7 @@
+<% if params[:step] == "method_select" %>
+  <%= render "accounts/new/method_selector", path: new_credit_card_path(institution_id: params[:institution_id], return_to: params[:return_to]) %>
+<% else %>
+  <%= modal_form_wrapper title: t(".title") do %>
+    <%= render "credit_cards/form", account: @account, url: credit_cards_path %>
+  <% end %>
+<% end %>

app/views/credit_cards/show.html.erb

@@ -0,0 +1,6 @@
+<%= render "accounts/show/template",
+           account: @account,
+           tabs: render("accounts/show/tabs", account: @account, tabs: [
+            { key: "overview", contents: render("credit_cards/overview", account: @account) },
+            { key: "activity", contents: render("accounts/show/activity", account: @account) }
+           ]) %>