Replace use of I18n in javascript with OSM.i18n

[rails.git] / app / assets / javascripts / application.js

diff --git a/app/assets/javascripts/application.js b/app/assets/javascripts/application.js
index 464bbecee17db7f7ded5ddcf115ff0dc2c13395b..5c61b01ccfa6687587df15883533734f62530859 100644 (file)
--- a/app/assets/javascripts/application.js
+++ b/app/assets/javascripts/application.js
@@ -11,16 +11,24 @@
 //= require leaflet.zoom
 //= require leaflet.locationfilter
 //= require i18n
 //= require leaflet.zoom
 //= require leaflet.locationfilter
 //= require i18n

-//= require oauth
+//= require make-plural/cardinals

 //= require matomo
 //= require richtext
 
 {
   const application_data = $("head").data();
 //= require matomo
 //= require richtext
 
 {
   const application_data = $("head").data();

+  const locale = application_data.locale;

 
 

-  I18n.default_locale = OSM.DEFAULT_LOCALE;
-  I18n.locale = application_data.locale;
-  I18n.fallbacks = true;
+  OSM.i18n = I18n;
+
+  OSM.i18n.default_locale = OSM.DEFAULT_LOCALE;
+  OSM.i18n.locale = locale;
+
+  // '-' are replaced with '_' in https://github.com/eemeli/make-plural/tree/main/packages/plurals
+  const pluralizer = plurals[locale.replace(/\W+/g, "_")] || plurals[locale.split("-")[0]];
+  if (pluralizer) {
+    OSM.i18n.pluralization[locale] = (count) => [pluralizer(count), "other"];
+  }

 
   OSM.preferred_editor = application_data.preferredEditor;
   OSM.preferred_languages = application_data.preferredLanguages;
 
   OSM.preferred_editor = application_data.preferredEditor;
   OSM.preferred_languages = application_data.preferredLanguages;


@@ -76,7 +84,7 @@ window.updateLinks = function (loc, zoom, layers, object) {
 
   // Disable the button group and also the buttons to avoid
   // inconsistent behaviour when zooming
 
   // Disable the button group and also the buttons to avoid
   // inconsistent behaviour when zooming

-  var editDisabled = zoom < 13;
+  const editDisabled = zoom < 13;

   $("#edit_tab")
     .tooltip({ placement: "bottom" })
     .tooltip(editDisabled ? "enable" : "disable")
   $("#edit_tab")
     .tooltip({ placement: "bottom" })
     .tooltip(editDisabled ? "enable" : "disable")


@@ -85,7 +93,7 @@ window.updateLinks = function (loc, zoom, layers, object) {
     .toggleClass("disabled", editDisabled);
 };
 
     .toggleClass("disabled", editDisabled);
 };
 

-$(document).ready(function () {
+$(function () {

   // NB: Turns Turbo Drive off by default. Turbo Drive must be opt-in on a per-link and per-form basis
   // See https://turbo.hotwired.dev/reference/drive#turbo.session.drive
   Turbo.session.drive = false;
   // NB: Turns Turbo Drive off by default. Turbo Drive must be opt-in on a per-link and per-form basis
   // See https://turbo.hotwired.dev/reference/drive#turbo.session.drive
   Turbo.session.drive = false;


@@ -96,8 +104,11 @@ $(document).ready(function () {
         breakpointWidth = 768;
   let moreItemWidth = 0;
 
         breakpointWidth = 768;
   let moreItemWidth = 0;
 

+  OSM.csrf = {};
+  OSM.csrf[($("meta[name=csrf-param]").attr("content"))] = $("meta[name=csrf-token]").attr("content");
+

   function updateHeader() {
   function updateHeader() {

-    var windowWidth = $(window).width();
+    const windowWidth = $(window).width();

 
     if (windowWidth < breakpointWidth) {
       $("body").addClass("small-nav");
 
     if (windowWidth < breakpointWidth) {
       $("body").addClass("small-nav");


@@ -188,5 +199,5 @@ $(document).ready(function () {
   });
 
   $("#edit_tab")
   });
 
   $("#edit_tab")

-    .attr("title", I18n.t("javascripts.site.edit_disabled_tooltip"));
+    .attr("title", OSM.i18n.t("javascripts.site.edit_disabled_tooltip"));

 });
 });