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/properties/_form.html.erb

@@ -0,0 +1,54 @@
+<%# locals: (account:, url:) %>
+
+<%= render "accounts/form", account: account, url: url do |form| %>
+  <%= form.select :subtype,
+                 Property::SUBTYPES,
+                 { label: true, prompt: t("properties.form.subtype_prompt"), include_blank: t("properties.form.none") } %>
+
+  <hr class="my-4">
+
+  <div class="space-y-2">
+    <%= form.fields_for :accountable do |property_form| %>
+      <div class="flex items-center gap-2">
+        <%= property_form.number_field :year_built,
+                                       label: t("properties.form.year_built"),
+                                       placeholder: t("properties.form.year_built_placeholder"),
+                                       min: 1800,
+                                       max: Time.current.year %>
+      </div>
+
+      <div class="flex items-center gap-2">
+        <%= property_form.number_field :area_value,
+                                       label: t("properties.form.area"),
+                                       placeholder: t("properties.form.area_placeholder"),
+                                       min: 0 %>
+        <%= property_form.select :area_unit,
+                                 [["Square Feet", "sqft"], ["Square Meters", "sqm"]],
+                                 { label: t("properties.form.area_unit") } %>
+      </div>
+
+      <%= property_form.fields_for :address do |address_form| %>
+        <%= address_form.text_field :line1,
+                                    label: t("properties.form.address_line1"),
+                                    placeholder: t("properties.form.address_line1_placeholder") %>
+        <div class="flex items-center gap-2">
+          <%= address_form.text_field :locality,
+                                    label: t("properties.form.locality"),
+                                    placeholder: t("properties.form.locality_placeholder") %>
+          <%= address_form.text_field :region,
+                                    label: t("properties.form.region"),
+                                    placeholder: t("properties.form.region_placeholder") %>
+        </div>
+
+        <div class="flex items-center gap-2">
+          <%= address_form.text_field :postal_code,
+                                      label: t("properties.form.postal_code"),
+                                      placeholder: t("properties.form.postal_code_placeholder") %>
+          <%= address_form.text_field :country,
+                                      label: t("properties.form.country"),
+                                      placeholder: t("properties.form.country_placeholder") %>
+        </div>
+      <% end %>
+    <% end %>
+  </div>
+<% end %>

app/views/properties/_overview.html.erb

@@ -0,0 +1,33 @@
+<%# locals: (account:) %>
+
+<div class="grid grid-cols-3 gap-2">
+  <%= summary_card title: t(".market_value") do %>
+    <%= format_money(account.balance_money) %>
+  <% end %>
+
+  <%= summary_card title: t(".purchase_price") do %>
+    <%= account.property.purchase_price ? format_money(account.property.purchase_price) : t(".unknown") %>
+  <% end %>
+
+  <%= summary_card title: t(".trend") do %>
+    <div class="flex items-center gap-1" style="color: <%= account.property.trend.color %>">
+      <p class="text-xl font-medium">
+        <%= account.property.trend.value %>
+      </p>
+
+      <p>(<%= account.property.trend.percent %>%)</p>
+    </div>
+  <% end %>
+
+  <%= summary_card title: t(".year_built") do %>
+    <%= account.property.year_built || t(".unknown") %>
+  <% end %>
+
+  <%= summary_card title: t(".living_area") do %>
+    <%= account.property.area || t(".unknown") %>
+  <% end %>
+</div>
+
+<div class="flex justify-center py-8">
+  <%= link_to "Edit account details", edit_property_path(account), class: "btn btn--ghost", data: { turbo_frame: :modal } %>
+</div>

app/views/properties/edit.html.erb

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

app/views/properties/new.html.erb

@@ -0,0 +1,3 @@
+<%= modal_form_wrapper title: t(".title") do %>
+  <%= render "properties/form", account: @account, url: properties_path(return_to: params[:return_to]) %>
+<% end %>

app/views/properties/show.html.erb

@@ -0,0 +1,7 @@
+<%= render "accounts/show/template",
+           account: @account,
+           header: render("accounts/show/header", account: @account, subtitle: @account.property.address),
+           tabs: render("accounts/show/tabs", account: @account, tabs: [
+            { key: "overview", contents: render("properties/overview", account: @account) },
+            { key: "activity", contents: render("accounts/show/activity", account: @account) }
+           ]) %>