Multi-currency support: Money + Currency class improvements (#553)

* Money improvements

* Replace all old money usage

app/views/transactions/_form.html.erb

@@ -1,7 +1,7 @@
 <%= form_with model: @transaction do |f| %>
   <%= f.collection_select :account_id, Current.family.accounts, :id, :name, { prompt: "Select an Account", label: "Account" } %>
   <%= f.date_field :date, label: "Date" %>
-  <%= f.text_field :name, label: "Name" %>
-  <%= f.number_field :amount, label: "Amount", step: :any, placeholder: number_to_currency(0), in: 0.00..100000000.00 %>
+  <%= f.text_field :name, label: "Name", placeholder: "Groceries" %>
+  <%= f.money_field :amount_money, label: "Amount" %>
   <%= f.submit %>
 <% end %>

app/views/transactions/_transaction.html.erb

@@ -12,6 +12,6 @@
     <p><%= transaction.account.name %></p>
   </div>
   <div class="ml-auto">
-    <p class="<%= transaction.amount < 0 ? "text-green-600" : "" %>"><%= number_to_currency(-transaction.amount, { precision: 2 }) %></p>
+    <p class="<%= transaction.amount < 0 ? "text-green-600" : "" %>"><%= format_money -transaction.amount_money %></p>
   </div>
 <% end %>

app/views/transactions/_transaction_group.html.erb

@@ -2,7 +2,7 @@
 <div class="bg-gray-25 rounded-xl p-1">
   <div class="py-2 px-4 flex items-center justify-between font-medium text-xs text-gray-500">
     <h4><%= date.strftime('%b %d, %Y') %> &middot; <%= transactions.size %></h4>
-    <span><%= number_to_currency(-transactions.sum(&:amount)) %></span>
+    <span><%= format_money -transactions.sum(&:amount_money) %></span>
   </div>
   <div class="bg-white shadow-xs rounded-md border border-alpha-black-25 divide-y divide-alpha-black-50">
     <%= render partial: "transactions/transaction", collection: transactions %>

app/views/transactions/index.html.erb

@@ -23,13 +23,13 @@
     <div class="p-4 space-y-2">
       <p class="text-sm text-gray-500">Income</p>
       <p class="text-gray-900 font-medium text-xl">
-        <%= number_to_currency(@transactions.select { |t| t.amount < 0 }.sum(&:amount).abs, precision: 2) %>
+        <%= format_money @transactions.inflows.sum(&:amount_money).abs %>
       </p>
     </div>
     <div class="p-4 space-y-2">
       <p class="text-sm text-gray-500">Expenses</p>
       <p class="text-gray-900 font-medium text-xl">
-        <%= number_to_currency(@transactions.select { |t| t.amount >= 0 }.sum(&:amount), precision: 2) %>
+        <%= format_money @transactions.outflows.sum(&:amount_money) %>
       </p>
     </div>
   </div>
@@ -50,7 +50,6 @@
         </div>
         <div>
           <%= form.select :date, options_for_select([['All', 'all'], ['7D', 'last_7_days'], ['1M', 'last_30_days'], ["1Y", "last_365_days"]], selected: params.dig(:q, :date)), {}, { class: "block h-full w-full border border-gray-200 rounded-lg text-sm py-2 pr-8 pl-2", "data-transactions-search-target": "date" } %>
-
           <!-- Hidden fields for date range -->
           <%= form.hidden_field :date_gteq, value: '', "data-transactions-search-target": "dateGteq" %>
           <%= form.hidden_field :date_lteq, value: '', "data-transactions-search-target": "dateLteq" %>
@@ -76,14 +75,12 @@
             <p>amount</p>
           </div>
         </div>
-
         <div class="space-y-6">
           <% @transactions.group_by { |transaction| transaction.date }.each do |date, grouped_transactions| %>
             <%= render partial: "transactions/transaction_group", locals: { date: date, transactions: grouped_transactions } %>
           <% end %>
         </div>
       <% end %>
-
       <% if @pagy.pages > 1 %>
         <nav class="flex items-center justify-center px-4 mt-4 sm:px-0">
           <%= render partial: "transactions/pagination", locals: { pagy: @pagy } %>

app/views/transactions/show.html.erb

@@ -1,10 +1,9 @@
 <%= sidebar_modal do %>
   <h3 class="font-medium mb-1">
-    <span class="text-2xl"><%=format_currency @transaction.amount %></span>
+    <span class="text-2xl"><%=format_money @transaction.amount_money %></span>
     <span class="text-lg text-gray-500"><%= @transaction.currency %></span>
   </h3>
   <span class="text-sm text-gray-500"><%= @transaction.date.strftime("%A %d %B") %></span>
-
   <%= form_with model: @transaction, html: {data: {controller: "auto-submit-form"}} do |f| %>
     <details class="group" open>
       <summary class="list-none bg-gray-25 rounded-xl py-1 mt-4 group-open:mb-2">
@@ -14,12 +13,10 @@
           <%= lucide_icon("chevron-right", class: "group-open:hidden text-gray-500 w-5 h-5") %>
         </div>
       </summary>
-
       <%= f.date_field :date, label: "Date" %>
       <div class="h-2"></div>
       <%= f.collection_select :account_id, Current.family.accounts, :id, :name, { prompt: "Select an Account", label: "Account", class: "text-gray-400" }, {class: "form-field__input cursor-not-allowed text-gray-400", disabled: "disabled"} %>
     </details>
-
     <details class="group" open>
       <summary class="list-none bg-gray-25 rounded-xl py-1 mt-6 group-open:mb-2">
         <div class="py-2 px-[11px] flex items-center justify-between font-medium text-xs text-gray-500">
@@ -28,10 +25,8 @@
           <%= lucide_icon("chevron-right", class: "group-open:hidden text-gray-500 w-5 h-5") %>
         </div>
       </summary>
-
       <%= f.text_field :name, label: "Name" %>
     </details>
-
     <details class="group" open>
       <summary class="list-none bg-gray-25 rounded-xl py-1 mt-6 group-open:mb-2">
         <div class="py-2 px-[11px] flex items-center justify-between font-medium text-xs text-gray-500">
@@ -40,7 +35,6 @@
           <%= lucide_icon("chevron-right", class: "group-open:hidden text-gray-500 w-5 h-5") %>
         </div>
       </summary>
-
       <label class="flex items-center cursor-pointer justify-between mx-3">
         <%= f.check_box :excluded, class: "sr-only peer" %>
         <div class="flex flex-col justify-center text-sm w-[340px] py-3">
@@ -50,7 +44,6 @@
         <div class="relative w-9 h-5 bg-gray-200 peer-focus:outline-none peer-focus:ring-4 peer-focus:ring-blue-300 dark:peer-focus:ring-blue-800 rounded-full peer dark:bg-gray-100 peer-checked:after:translate-x-full rtl:peer-checked:after:-translate-x-full peer-checked:after:border-white after:content-[''] after:absolute after:top-[2px] after:start-[2px] after:bg-white after:border-gray-300 after:border after:rounded-full after:h-4 after:w-4 after:transition-all dark:border-gray-600 peer-checked:bg-blue-600"></div>
       </label>
     </details>
-
     <details class="group" open>
       <summary class="list-none bg-gray-25 rounded-xl py-1 mt-6 mb-2">
         <div class="py-2 px-[11px] flex items-center justify-between font-medium text-xs text-gray-500">
@@ -59,10 +52,7 @@
           <%= lucide_icon("chevron-right", class: "group-open:hidden text-gray-500 w-5 h-5") %>
         </div>
       </summary>
-
       <%= f.text_area :notes, label: "Notes", placeholder: "Enter a note" %>
     </details>
-    
   <% end %>
-
 <% end %>