Allow users to set preferred locale in settings and provide basic date and time localization support (#1226)

* Add basic date and time localization

* Normalize translations

* Localize transaction dates

* Removed unsupported Rails locales

app/controllers/application_controller.rb

@@ -1,5 +1,5 @@
 class ApplicationController < ActionController::Base
-  include AutoSync, Authentication, Invitable, SelfHostable, StoreLocation
+  include Localize, AutoSync, Authentication, Invitable, SelfHostable, StoreLocation
   include Pagy::Backend
 
   # Only allow modern browsers supporting webp images, web push, badges, import maps, CSS nesting, and CSS :has.

app/controllers/concerns/localize.rb

@@ -0,0 +1,13 @@
+module Localize
+  extend ActiveSupport::Concern
+
+  included do
+    around_action :switch_locale
+  end
+
+  private
+    def switch_locale(&action)
+      locale = Current.family.try(:locale) || I18n.default_locale
+      I18n.with_locale(locale, &action)
+    end
+end

app/controllers/settings/preferences_controller.rb

@@ -21,6 +21,6 @@ class Settings::PreferencesController < SettingsController
   private
 
     def preference_params
-      params.require(:user).permit(family_attributes: [ :id, :currency ])
+      params.require(:user).permit(family_attributes: [ :id, :currency, :locale ])
     end
 end

app/models/family.rb

@@ -12,6 +12,8 @@ class Family < ApplicationRecord
   has_many :merchants, dependent: :destroy
   has_many :issues, through: :accounts
 
+  validates :locale, inclusion: { in: I18n.available_locales.map(&:to_s) }
+
   def snapshot(period = Period.all)
     query = accounts.active.joins(:balances)
               .where("account_balances.currency = ?", self.currency)

app/views/account/entries/_entry_group.html.erb

@@ -9,7 +9,11 @@
                           data: { action: "bulk-select#toggleGroupSelection" } %>
       <% end %>
 
-      <%= tag.span "#{date.strftime('%b %d, %Y')} · #{entries.size}" %>
+      <p class="uppercase space-x-1.5">
+        <%= tag.span I18n.l(date, format: :long) %>
+        <span>·</span>
+        <%= tag.span entries.size %>
+      </p>
     </div>
 
     <%= totals_by_currency(collection: entries, money_method: :amount_money, negate: true) %>

app/views/account/transactions/show.html.erb

@@ -19,7 +19,7 @@
     </div>
 
     <span class="text-sm text-gray-500">
-      <%= entry.date.strftime("%A %d %B") %>
+      <%= I18n.l(entry.date, format: :long) %>
     </span>
   </header>
 

app/views/settings/preferences/show.html.erb

@@ -12,6 +12,13 @@
             currencies_for_select.map { |currency| [ "#{currency.name} (#{currency.iso_code})", currency.iso_code ] },
             { label: "Currency", selected: Current.family.currency },
             { data: { auto_submit_form_target: "auto" } } %>
+
+          <%= family_form.select :locale,
+            I18n.available_locales,
+            { label: "Locale", selected: Current.family.locale },
+            { data: { auto_submit_form_target: "auto" } } %>
+
+          <p class="text-xs italic pl-2 text-gray-500">Please note, we are still working on translations for various languages.  Please see the <%= link_to "I18n issue", "https://github.com/maybe-finance/maybe/issues/1225", target: "_blank", class: "underline" %> for more information.</p>
         <% end %>
       <% end %>
     </div>