Add Japanese locale

README.md

@@ -119,6 +119,7 @@ The following languages are currently supported:
 - fr: French (Canada, France, Switzerland)
 - it: Italian (Italy, Switzerland)
 - ro: Romanian
+- ja: Japanese
 
 We manage the translations in Crowdin, please see <https://crowdin.com/project/stac-browser/> for details.
 

config.js

@@ -17,7 +17,8 @@ module.exports = {
 //      "fr-CH",
         "it",
 //      "it-CH",
-        "ro"
+        "ro",
+        "ja"
     ],
     apiCatalogPriority: null,
     useTileLayerAsFallback: true,

src/locales/ja/config.json

@@ -0,0 +1,4 @@
+{
+  "native": "日本語",
+  "global": "Japanese"
+}

src/locales/ja/custom.json

@@ -0,0 +1,8 @@
+{
+  "authConfig": {
+    "description": ""
+  },
+  "fields": {
+
+  }
+}

src/locales/ja/datepicker.js

@@ -0,0 +1,51 @@
+// 1. Specify output format
+const format = 'YYYY/MM/DD';
+
+// 2A. Either re-use settings and phrases from vue2-datepicker...
+const locale = import('vue2-datepicker/locale/ja');
+
+// 2B. ... or define your own based on https://github.com/mengxiong10/vue2-datepicker
+/*
+const locale = {
+  // the locale of formatting and parsing function
+  formatLocale: {
+    // MMMM
+    months: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],
+    // MMM
+    monthsShort: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],
+    // dddd
+    weekdays: ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'],
+    // ddd
+    weekdaysShort: ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'],
+    // dd
+    weekdaysMin: ['Su', 'Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa'],
+    // first day of week
+    firstDayOfWeek: 0,
+    // first week contains January 1st.
+    firstWeekContainsDate: 1,
+    // format 'a', 'A'
+    meridiem: (h: number, _: number, isLowercase: boolean) {
+      const word = h < 12 ? 'AM' : 'PM';
+      return isLowercase ? word.toLocaleLowerCase() : word;
+    },
+    // parse ampm
+    meridiemParse: /[ap]\.?m?\.?/i;
+    // parse ampm
+    isPM: (input: string) {
+      return `${input}`.toLowerCase().charAt(0) === 'p';
+    }
+  },
+  // the calendar header, default formatLocale.weekdaysMin
+  days: [],
+  // the calendar months, default formatLocale.monthsShort
+  months: [],
+  // the calendar title of year
+  yearFormat: 'YYYY',
+  // the calendar title of month
+  monthFormat: 'MMM',
+  // the calendar title of month before year
+  monthBeforeYear: false,
+}
+*/
+
+export default {format, locale};

src/locales/ja/default.js

@@ -0,0 +1,9 @@
+import Utils from '../../utils';
+export default Utils.mergeDeep(
+  // Don't import the fields.json as it's a 1:1 mapping anyway.
+  // If you want to make changes to en/fields.json you can override the phrases in custom.json
+  // (or alternatively you can remove the '//' from the next line and edit the field.json directly).
+  // { fields: require('./fields.json') },
+  require('./texts.json'),
+  require('./custom.json')
+);

src/locales/ja/duration.js

@@ -0,0 +1,32 @@
+// A. Either re-use phrases from iso-duration...
+import { ja as locale } from '@musement/iso-duration';
+
+// B. ... or define your own based on https://github.com/musement/iso-duration
+/*
+const locale = {
+  years(c) {
+    return "year" + (c === 1 ? "" : "s");
+  },
+  months(c) {
+    return "month" + (c === 1 ? "" : "s");
+  },
+  weeks(c) {
+    return "week" + (c === 1 ? "" : "s");
+  },
+  days(c) {
+    return "day" + (c === 1 ? "" : "s");
+  },
+  hours(c) {
+    return "hour" + (c === 1 ? "" : "s");
+  },
+  minutes(c) {
+    return "minute" + (c === 1 ? "" : "s");
+  },
+  seconds(c) {
+    return "second" + (c === 1 ? "" : "s");
+  },
+  decimal: ".",
+};
+*/
+
+export default locale;