@raketa-cloud/admin 1.7.8 → 1.7.9

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@raketa-cloud/admin",
-  "version": "1.7.8",
+  "version": "1.7.9",
   "main": "src/index.js",
   "files": [
     "src/",

package/src/HonoAdapter.js

@@ -319,6 +319,9 @@ export default class HonoAdapter {
         // Build context object
         const _context = {
           timezones: i18n.timezones,
+          timeLocale: i18n.timeLocale,
+          dateTimeFormat: i18n.dateTimeFormat,
+          dateFormat: i18n.dateFormat,
           locales: ctx.locales,
           locale: ctx.locale,
           defaultLocale: ctx.defaultLocale,

package/src/views/layouts/application.ejs

@@ -143,7 +143,6 @@
     <%- body %>
   </div>
 
-
   <script>
     const toggleEl = document.getElementById('expand');
     const sidebarEl = document.getElementById('sidebar');
@@ -163,8 +162,10 @@
   </script>
 
   <script>
-    // Don't ask
     const TIMEZONES = JSON.parse("<%= JSON.stringify(_context.timezones) %>".replaceAll("&#34;", '"'))
+    const TIME_LOCALE = JSON.parse("<%= JSON.stringify(_context.timeLocale || 'en-GB') %>".replaceAll("&#34;", '"'))
+    const TIME_FORMAT = JSON.parse("<%= JSON.stringify(_context.dateTimeFormat || { dateStyle: 'short', timeStyle: 'short' }) %>".replaceAll("&#34;", '"'))
+    const DATE_FORMAT = JSON.parse("<%= JSON.stringify(_context.dateFormat || { dateStyle: 'short' }) %>".replaceAll("&#34;", '"'))
 
     function enhanceDateTimeInputs(input) {
       // skew the date so it is like in UTC for the user...
@@ -176,7 +177,7 @@
       parent.querySelectorAll('[data-auto="1"]').forEach(node => node.remove())
 
       // Add user's localtime
-      const strTime = fakeUTCDate.toLocaleString("en-GB", {});
+      const strTime = fakeUTCDate.toLocaleString(TIME_LOCALE, {});
 
       const hint = document.createElement("div");
 
@@ -187,7 +188,7 @@
       parent.appendChild(hint)
 
       TIMEZONES.forEach(timeZone => {
-        const strTime = fakeUTCDate.toLocaleString("en-GB", {
+        const strTime = fakeUTCDate.toLocaleString(TIME_LOCALE, {
           timeZone: `${timeZone.value}`
         });
 
@@ -239,18 +240,13 @@
       document.querySelectorAll('time[data-pretty-datetime]').forEach(item => {
         const dateStr = item.getAttribute("datetime");
 
-        item.innerText = new Date(dateStr).toLocaleString('en-GB', {
-          dateStyle: "short",
-          timeStyle: "short"
-        })
+        item.innerText = new Date(dateStr).toLocaleString(TIME_LOCALE, TIME_FORMAT)
       })
 
       document.querySelectorAll('time[data-pretty-date]').forEach(item => {
         const dateStr = item.getAttribute("datetime");
 
-        item.innerText = new Date(dateStr).toLocaleString('en-GB', {
-          dateStyle: "short"
-        })
+        item.innerText = new Date(dateStr).toLocaleString(TIME_LOCALE, DATE_FORMAT)
       })
 
       document.querySelectorAll('time[data-pretty-expiration-time]').forEach(item => {
@@ -258,10 +254,7 @@
 
         const expTime = new Date(dateStr)
 
-        item.innerText = expTime.toLocaleString('en-GB', {
-          dateStyle: "short",
-          timeStyle: "short"
-        })
+        item.innerText = expTime.toLocaleString(TIME_LOCALE, TIME_FORMAT)
 
         if (new Date() > expTime) {
           item.style.color = 'red';