@raketa-cloud/admin 1.0.0 → 1.0.2

package/package.json

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

package/src/cloud/ArticleRevisions.js

@@ -1,4 +1,4 @@
-import { toUTCISO8601String } from "../utils";
+import { dateToUTCISO8601String } from "../utils";
 import RaketaClient from "./RaketaClient";
 import {
   ArticleRevisionDocument,
@@ -34,7 +34,7 @@ export default class ArticleRevisions extends RaketaClient {
 
   formatDates(params) {
     if (params.publishAt) {
-      params.publishAt = toUTCISO8601String(params.publishAt);
+      params.publishAt = dateToUTCISO8601String(params.publishAt);
     }
 
     return { ...params };

package/src/cloud/Articles.js

@@ -1,4 +1,4 @@
-import { toDateTimeInput, toUTCISO8601String } from "../utils";
+import { toDateInput, dateToUTCISO8601String } from "../utils";
 import RaketaClient from "./RaketaClient";
 import {
   ArticleByIdDocument,
@@ -16,7 +16,7 @@ export default class Articles extends RaketaClient {
   defaults() {
     return {
       visibility: "private",
-      publishAt: toDateTimeInput(new Date()),
+      publishAt: toDateInput(new Date()),
       settings: {
         layout: "default",
       },
@@ -28,7 +28,7 @@ export default class Articles extends RaketaClient {
 
   formatDates(params) {
     if (params.publishAt) {
-      params.publishAt = toUTCISO8601String(params.publishAt);
+      params.publishAt = dateToUTCISO8601String(params.publishAt);
     }
 
     return { ...params };

package/src/cloud/EventRevisions.js

@@ -1,4 +1,4 @@
-import { toUTCISO8601String } from "../utils";
+import { toUTCISO8601String, dateToUTCISO8601String } from "../utils";
 import RaketaClient from "./RaketaClient";
 import {
   CancelEventRevisionScheduleDocument,
@@ -36,7 +36,7 @@ export default class EventRevisions extends RaketaClient {
 
   formatDates(params) {
     if (params.publishAt) {
-      params.publishAt = toUTCISO8601String(params.publishAt);
+      params.publishAt = dateToUTCISO8601String(params.publishAt);
     }
 
     if (params.startsAt) {

package/src/cloud/Events.js

@@ -1,4 +1,9 @@
-import { toDateTimeInput, toUTCISO8601String } from "../utils";
+import {
+  toDateTimeInput,
+  toUTCISO8601String,
+  toDateInput,
+  dateToUTCISO8601String,
+} from "../utils";
 import RaketaClient from "./RaketaClient";
 import {
   ChangeEventSlugDocument,
@@ -16,7 +21,7 @@ export default class Events extends RaketaClient {
   defaults() {
     return {
       visibility: "private",
-      publishAt: toDateTimeInput(),
+      publishAt: toDateInput(new Date()),
       startsAt: toDateTimeInput(),
       endsAt: toDateTimeInput(),
       settings: {
@@ -30,7 +35,7 @@ export default class Events extends RaketaClient {
 
   formatDates(params) {
     if (params.publishAt) {
-      params.publishAt = toUTCISO8601String(params.publishAt);
+      params.publishAt = dateToUTCISO8601String(params.publishAt);
     }
 
     if (params.startsAt) {

package/src/handlers/article_revisions/CodeHandler.js

@@ -1,4 +1,4 @@
-import { toDateTimeInput } from "../../utils";
+import { toDateInput } from "../../utils";
 
 const edit_form = async (ctx) => {
   const { parent_id } = ctx.params;
@@ -16,7 +16,7 @@ const edit_form = async (ctx) => {
     assigns: {
       resource: {
         ...resource,
-        publishAt: toDateTimeInput(resource.publishAt),
+        publishAt: toDateInput(resource.publishAt),
       },
       errors: {},
       _translations: [],
@@ -53,7 +53,7 @@ const update = async (ctx) => {
       assigns: {
         resource: {
           ...resource,
-          publishAt: toDateTimeInput(resource.publishAt),
+          publishAt: toDateInput(resource.publishAt),
         },
         errors: {
           resource: ctx.client.articleRevisions.formatErrors(errors),

package/src/handlers/article_revisions/GeneralHandler.js

@@ -1,4 +1,4 @@
-import { toDateTimeInput } from "../../utils";
+import { toDateInput } from "../../utils";
 
 const edit_form = async (ctx) => {
   const { parent_id } = ctx.params;
@@ -16,7 +16,7 @@ const edit_form = async (ctx) => {
     assigns: {
       resource: {
         ...resource,
-        publishAt: toDateTimeInput(resource.publishAt),
+        publishAt: toDateInput(resource.publishAt),
       },
       visibilityOptions: ctx.client.articles.visibilityOptions(),
       errors: {},
@@ -54,7 +54,7 @@ const update = async (ctx) => {
       assigns: {
         resource: {
           ...resource,
-          publishAt: toDateTimeInput(resource.publishAt),
+          publishAt: toDateInput(resource.publishAt),
         },
         errors: {
           resource: ctx.client.articleRevisions.formatErrors(errors),

package/src/handlers/article_revisions/MetaHandler.js

@@ -1,4 +1,4 @@
-import { toDateTimeInput } from "../../utils";
+import { toDateInput } from "../../utils";
 
 const edit_form = async (ctx) => {
   const { parent_id } = ctx.params;
@@ -16,7 +16,7 @@ const edit_form = async (ctx) => {
     assigns: {
       resource: {
         ...resource,
-        publishAt: toDateTimeInput(resource.publishAt),
+        publishAt: toDateInput(resource.publishAt),
       },
       errors: {},
       _translations: [],
@@ -53,7 +53,7 @@ const update = async (ctx) => {
       assigns: {
         resource: {
           ...resource,
-          publishAt: toDateTimeInput(resource.publishAt),
+          publishAt: toDateInput(resource.publishAt),
         },
         errors: {
           resource: ctx.client.articleRevisions.formatErrors(errors),

package/src/handlers/article_revisions/TagHandler.js

@@ -1,4 +1,4 @@
-import { toDateTimeInput } from "../../utils";
+import { toDateInput } from "../../utils";
 
 const edit_form = async (ctx) => {
   const { parent_id } = ctx.params;
@@ -18,7 +18,7 @@ const edit_form = async (ctx) => {
     assigns: {
       resource: {
         ...resource,
-        publishAt: toDateTimeInput(resource.publishAt),
+        publishAt: toDateInput(resource.publishAt),
         tags: resource.tags.map((t) => t.id),
       },
       tags: tags.list,
@@ -60,7 +60,7 @@ const update = async (ctx) => {
       assigns: {
         resource: {
           ...resource,
-          publishAt: toDateTimeInput(resource.publishAt),
+          publishAt: toDateInput(resource.publishAt),
         },
         tags: tags.list,
         errors: {

package/src/handlers/article_revisions/VisualHandler.js

@@ -1,4 +1,4 @@
-import { toDateTimeInput } from "../../utils";
+import { toDateInput } from "../../utils";
 
 const edit_form = async (ctx) => {
   const { parent_id } = ctx.params;
@@ -16,7 +16,7 @@ const edit_form = async (ctx) => {
     assigns: {
       resource: {
         ...resource,
-        publishAt: toDateTimeInput(resource.publishAt),
+        publishAt: toDateInput(resource.publishAt),
       },
       errors: {},
       _translations: [],
@@ -53,7 +53,7 @@ const update = async (ctx) => {
       assigns: {
         resource: {
           ...resource,
-          publishAt: toDateTimeInput(resource.publishAt),
+          publishAt: toDateInput(resource.publishAt),
         },
         errors: {
           resource: ctx.client.articleRevisions.formatErrors(errors),

package/src/handlers/articles/ArticlesHandler.js

@@ -1,4 +1,4 @@
-import { toDateTimeInput } from "../../utils";
+import { toDateInput } from "../../utils";
 
 const index = async (ctx) => {
   const items = await ctx.client.articles.list(
@@ -86,7 +86,7 @@ const create = async (ctx) => {
       assigns: {
         resource: {
           ...resource,
-          publishAt: toDateTimeInput(resource.publishAt),
+          publishAt: toDateInput(resource.publishAt),
         },
         tags: tags.list,
         errors: { resource: ctx.client.articles.formatErrors(errors) },

package/src/handlers/event_revisions/CodeHandler.js

@@ -1,4 +1,4 @@
-import { toDateTimeInput } from "../../utils";
+import { toDateTimeInput, toDateInput } from "../../utils";
 
 const edit_form = async (ctx) => {
   const { parent_id } = ctx.params;
@@ -13,7 +13,7 @@ const edit_form = async (ctx) => {
     assigns: {
       resource: {
         ...resource,
-        publishAt: toDateTimeInput(resource.publishAt),
+        publishAt: toDateInput(resource.publishAt),
         startsAt: toDateTimeInput(resource.startsAt),
         endsAt: toDateTimeInput(resource.endsAt),
       },
@@ -49,7 +49,7 @@ const update = async (ctx) => {
       assigns: {
         resource: {
           ...resource,
-          publishAt: toDateTimeInput(resource.publishAt),
+          publishAt: toDateInput(resource.publishAt),
           startsAt: toDateTimeInput(resource.startsAt),
           endsAt: toDateTimeInput(resource.endsAt),
         },

package/src/handlers/event_revisions/GeneralHandler.js

@@ -1,4 +1,4 @@
-import { toDateTimeInput } from "../../utils";
+import { toDateTimeInput, toDateInput } from "../../utils";
 
 const edit_form = async (ctx) => {
   const { parent_id } = ctx.params;
@@ -13,7 +13,7 @@ const edit_form = async (ctx) => {
     assigns: {
       resource: {
         ...resource,
-        publishAt: toDateTimeInput(resource.publishAt),
+        publishAt: toDateInput(resource.publishAt),
         startsAt: toDateTimeInput(resource.startsAt),
         endsAt: toDateTimeInput(resource.endsAt),
       },
@@ -50,7 +50,7 @@ const update = async (ctx) => {
       assigns: {
         resource: {
           ...resource,
-          publishAt: toDateTimeInput(resource.publishAt),
+          publishAt: toDateInput(resource.publishAt),
           startsAt: toDateTimeInput(resource.startsAt),
           endsAt: toDateTimeInput(resource.endsAt),
         },

package/src/handlers/event_revisions/MetaHandler.js

@@ -1,4 +1,4 @@
-import { toDateTimeInput } from "../../utils";
+import { toDateTimeInput, toDateInput } from "../../utils";
 
 const edit_form = async (ctx) => {
   const { parent_id } = ctx.params;
@@ -13,7 +13,7 @@ const edit_form = async (ctx) => {
     assigns: {
       resource: {
         ...resource,
-        publishAt: toDateTimeInput(resource.publishAt),
+        publishAt: toDateInput(resource.publishAt),
         startsAt: toDateTimeInput(resource.startsAt),
         endsAt: toDateTimeInput(resource.endsAt),
       },
@@ -49,7 +49,7 @@ const update = async (ctx) => {
       assigns: {
         resource: {
           ...resource,
-          publishAt: toDateTimeInput(resource.publishAt),
+          publishAt: toDateInput(resource.publishAt),
           startsAt: toDateTimeInput(resource.startsAt),
           endsAt: toDateTimeInput(resource.endsAt),
         },

package/src/handlers/event_revisions/TagHandler.js

@@ -1,4 +1,4 @@
-import { toDateTimeInput } from "../../utils";
+import { toDateTimeInput, toDateInput } from "../../utils";
 
 const edit_form = async (ctx) => {
   const { parent_id } = ctx.params;
@@ -15,7 +15,7 @@ const edit_form = async (ctx) => {
     assigns: {
       resource: {
         ...resource,
-        publishAt: toDateTimeInput(resource.publishAt),
+        publishAt: toDateInput(resource.publishAt),
         startsAt: toDateTimeInput(resource.startsAt),
         endsAt: toDateTimeInput(resource.endsAt),
         tags: resource.tags.map((t) => t.id),
@@ -55,7 +55,7 @@ const update = async (ctx) => {
       assigns: {
         resource: {
           ...resource,
-          publishAt: toDateTimeInput(resource.publishAt),
+          publishAt: toDateInput(resource.publishAt),
           startsAt: toDateTimeInput(resource.startsAt),
           endsAt: toDateTimeInput(resource.endsAt),
         },

package/src/handlers/event_revisions/VisualHandler.js

@@ -1,4 +1,4 @@
-import { toDateTimeInput } from "../../utils";
+import { toDateTimeInput, toDateInput } from "../../utils";
 
 const edit_form = async (ctx) => {
   const { parent_id } = ctx.params;
@@ -13,7 +13,7 @@ const edit_form = async (ctx) => {
     assigns: {
       resource: {
         ...resource,
-        publishAt: toDateTimeInput(resource.publishAt),
+        publishAt: toDateInput(resource.publishAt),
         startsAt: toDateTimeInput(resource.startsAt),
         endsAt: toDateTimeInput(resource.endsAt),
       },
@@ -49,7 +49,7 @@ const update = async (ctx) => {
       assigns: {
         resource: {
           ...resource,
-          publishAt: toDateTimeInput(resource.publishAt),
+          publishAt: toDateInput(resource.publishAt),
           startsAt: toDateTimeInput(resource.startsAt),
           endsAt: toDateTimeInput(resource.endsAt),
         },

package/src/handlers/events/EventsHandler.js

@@ -1,4 +1,4 @@
-import { toDateTimeInput } from "../../utils";
+import { toDateTimeInput, toDateInput } from "../../utils";
 
 const index = async (ctx) => {
   const items = await ctx.client.events.list(
@@ -86,7 +86,7 @@ const create = async (ctx) => {
       assigns: {
         resource: {
           ...resource,
-          publishAt: toDateTimeInput(resource.publishAt),
+          publishAt: toDateInput(resource.publishAt),
           startsAt: toDateTimeInput(resource.startsAt),
           endsAt: toDateTimeInput(resource.endsAt),
         },

package/src/helpers/utils.js

@@ -16,6 +16,25 @@ function includedInCollection(value, collection) {
   );
 }
 
+function formattedDateTime(dateTimeString) {
+  return new Date(dateTimeString).toLocaleString("en-GB", {
+    dateStyle: "short",
+    timeStyle: "short",
+  });
+}
+
+function formattedDate(dateTimeString) {
+  if (!dateTimeString) {
+    return "";
+  }
+
+  return new Date(dateTimeString).toLocaleString("en-GB", {
+    dateStyle: "short",
+  });
+}
+
 export default {
   includedInCollection,
+  formattedDate,
+  formattedDateTime,
 };

package/src/tests/handlers/article_revisions/CodesHandler.test/edit_form.test.js

@@ -32,7 +32,7 @@ describe("Article revision code settings", () => {
       assigns: {
         resource: {
           ...revision,
-          publishAt: "2024-10-10T07:05:00",
+          publishAt: "2024-10-10",
         },
         errors: {},
         _translations: [],

package/src/tests/handlers/article_revisions/CodesHandler.test/update.test.js

@@ -124,7 +124,7 @@ describe("Article revision code settings", () => {
       assigns: {
         resource: {
           ...revision,
-          publishAt: "2024-10-10T07:05:00",
+          publishAt: "2024-10-10",
           settings: {
             ...revision.settings,
             codes: {

package/src/tests/handlers/article_revisions/GeneralHandler.test/edit_form.test.js

@@ -34,7 +34,7 @@ describe("Article revision genereal settings", () => {
       assigns: {
         resource: {
           ...revision,
-          publishAt: "2024-08-30T16:05:00",
+          publishAt: "2024-08-30",
         },
         errors: {},
         visibilityOptions: ctx.client.articles.visibilityOptions(),

package/src/tests/handlers/article_revisions/GeneralHandler.test/update.test.js

@@ -30,7 +30,7 @@ describe("Article revision general settings", () => {
       title: "Updated title",
       slug: "/updated-url",
       visibility: "protected",
-      publishAt: "2024-08-30T19:05",
+      publishAt: "2024-08-30",
       settings: {
         credentials: {
           user: "user",
@@ -59,7 +59,7 @@ describe("Article revision general settings", () => {
       slug: updateSettings.slug,
       title: updateSettings.title,
       visibility: updateSettings.visibility,
-      publishAt: "2024-08-30T19:05:00Z",
+      publishAt: "2024-08-30T00:00:00Z",
       widgets: revision.widgets,
       tags: revision.tags.map((t) => t.id),
       categories: revision.categories.map((c) => c.id),
@@ -81,7 +81,7 @@ describe("Article revision general settings", () => {
       title: "Updated title",
       slug: "/updated-url",
       visibility: "protected",
-      publishAt: "2024-08-30T19:05",
+      publishAt: "2024-08-30",
       settings: {
         credentials: {
           user: "user",
@@ -110,7 +110,7 @@ describe("Article revision general settings", () => {
       slug: updateSettings.slug,
       title: updateSettings.title,
       visibility: updateSettings.visibility,
-      publishAt: "2024-08-30T19:05:00Z",
+      publishAt: "2024-08-30T00:00:00Z",
       widgets: revision.widgets,
       tags: revision.tags.map((t) => t.id),
       categories: revision.categories.map((c) => c.id),
@@ -127,7 +127,7 @@ describe("Article revision general settings", () => {
           slug: updateSettings.slug,
           title: updateSettings.title,
           visibility: updateSettings.visibility,
-          publishAt: "2024-08-30T19:05:00",
+          publishAt: "2024-08-30",
           settings: {
             ...revision.settings,
             ...updateSettings.settings,

package/src/tests/handlers/article_revisions/MetaHandler.test/edit_form.test.js

@@ -32,7 +32,7 @@ describe("Article revision meta settings", () => {
       assigns: {
         resource: {
           ...revision,
-          publishAt: "2024-10-10T07:05:00",
+          publishAt: "2024-10-10",
         },
         errors: {},
         _translations: [],

package/src/tests/handlers/article_revisions/MetaHandler.test/update.test.js

@@ -126,7 +126,7 @@ describe("Article revision meta settings", () => {
       assigns: {
         resource: {
           ...revision,
-          publishAt: "2024-10-10T07:05:00",
+          publishAt: "2024-10-10",
           settings: {
             ...revision.settings,
             meta: {

package/src/tests/handlers/article_revisions/TagHandler.test/edit_form.test.js

@@ -46,7 +46,7 @@ describe("Article revision tags settings", () => {
       assigns: {
         resource: {
           ...revision,
-          publishAt: "2024-10-10T07:00:00",
+          publishAt: "2024-10-10",
           tags: [tags[0].id],
         },
         tags: tags,

package/src/tests/handlers/article_revisions/TagHandler.test/update.test.js

@@ -122,7 +122,7 @@ describe("Article revision tags settings", () => {
         resource: {
           ...revision,
           tags: updateSettings.tags,
-          publishAt: "2024-10-10T07:00:00",
+          publishAt: "2024-10-10",
         },
         errors: {
           resource: { generalError: "some error" },

package/src/tests/handlers/article_revisions/VisualHandler.test.test/edit_form.test.js

@@ -32,7 +32,7 @@ describe("Article revision visuals settings", () => {
       assigns: {
         resource: {
           ...revision,
-          publishAt: "2024-10-10T21:00:00",
+          publishAt: "2024-10-10",
         },
         errors: {},
         _translations: [],

package/src/tests/handlers/article_revisions/VisualHandler.test.test/update.test.js

@@ -112,7 +112,7 @@ describe("Article revision visuals settings", () => {
       assigns: {
         resource: {
           ...revision,
-          publishAt: "2024-10-10T07:00:00",
+          publishAt: "2024-10-10",
           settings: {
             ...revision.settings,
             layout: "bla",

package/src/tests/handlers/articles/ArticlesHandler.test/create.test.js

@@ -28,7 +28,7 @@ describe("Articles Handler", () => {
       title: "Article title",
       slug: "url",
       visibility: "public",
-      publishAt: "2024-10-10T06:58",
+      publishAt: "2024-10-10",
       settings: {
         layout: "default",
         meta: {
@@ -57,7 +57,7 @@ describe("Articles Handler", () => {
         title: params.title,
         slug: params.slug,
         visibility: params.visibility,
-        publishAt: "2024-10-10T06:58:00Z",
+        publishAt: "2024-10-10T00:00:00Z",
         settings: {
           layout: params.settings.layout,
           meta: {
@@ -88,7 +88,7 @@ describe("Articles Handler", () => {
     const params = {
       title: "Article title",
       slug: "",
-      publishAt: "2024-10-10T06:58",
+      publishAt: "2024-10-10",
       visibility: "public",
       settings: {
         layout: "default",
@@ -126,7 +126,7 @@ describe("Articles Handler", () => {
         title: params.title,
         slug: "",
         visibility: params.visibility,
-        publishAt: "2024-10-10T06:58:00Z",
+        publishAt: "2024-10-10T00:00:00Z",
         settings: {
           layout: params.settings.layout,
           meta: {
@@ -151,7 +151,7 @@ describe("Articles Handler", () => {
       assigns: {
         resource: {
           ...params,
-          publishAt: "2024-10-10T06:58:00",
+          publishAt: "2024-10-10",
           settings: {
             ...params.settings,
             meta: {

package/src/tests/handlers/event_revisions/CodesHandler.test/edit_form.test.js

@@ -34,7 +34,7 @@ describe("Event revision code settings", () => {
       assigns: {
         resource: {
           ...revision,
-          publishAt: "2024-10-10T07:00:00",
+          publishAt: "2024-10-10",
           startsAt: "2024-10-10T07:05:00",
           endsAt: "2024-10-10T07:10:00",
         },

package/src/tests/handlers/event_revisions/CodesHandler.test/update.test.js

@@ -132,7 +132,7 @@ describe("Event revision code settings", () => {
       assigns: {
         resource: {
           ...revision,
-          publishAt: "2024-10-10T07:00:00",
+          publishAt: "2024-10-10",
           startsAt: "2024-10-10T07:05:00",
           endsAt: "2024-10-10T07:10:00",
           settings: {

package/src/tests/handlers/event_revisions/GeneralHandler.test/edit_form.test.js

@@ -36,7 +36,7 @@ describe("Event revision genereal settings", () => {
       assigns: {
         resource: {
           ...revision,
-          publishAt: "2024-08-30T19:05:00",
+          publishAt: "2024-08-30",
           startsAt: "2024-08-30T19:10:00",
           endsAt: "2024-08-30T19:15:00",
         },

package/src/tests/handlers/event_revisions/GeneralHandler.test/update.test.js

@@ -30,7 +30,7 @@ describe("Event revision general settings", () => {
       title: "Updated title",
       slug: "/updated-url",
       visibility: "protected",
-      publishAt: "2024-08-30T19:05",
+      publishAt: "2024-08-30",
       startsAt: "2024-08-30T19:10",
       endsAt: "2024-08-30T19:15",
       settings: {
@@ -61,7 +61,7 @@ describe("Event revision general settings", () => {
       slug: updateSettings.slug,
       title: updateSettings.title,
       visibility: updateSettings.visibility,
-      publishAt: "2024-08-30T19:05:00Z",
+      publishAt: "2024-08-30T00:00:00Z",
       startsAt: "2024-08-30T19:10:00Z",
       endsAt: "2024-08-30T19:15:00Z",
       widgets: revision.widgets,
@@ -85,7 +85,7 @@ describe("Event revision general settings", () => {
       title: "Updated title",
       slug: "/updated-url",
       visibility: "protected",
-      publishAt: "2024-08-30T19:05",
+      publishAt: "2024-08-30",
       startsAt: "2024-08-30T19:10",
       endsAt: "2024-08-30T19:15",
       settings: {
@@ -116,7 +116,7 @@ describe("Event revision general settings", () => {
       slug: updateSettings.slug,
       title: updateSettings.title,
       visibility: updateSettings.visibility,
-      publishAt: "2024-08-30T19:05:00Z",
+      publishAt: "2024-08-30T00:00:00Z",
       startsAt: "2024-08-30T19:10:00Z",
       endsAt: "2024-08-30T19:15:00Z",
       widgets: revision.widgets,
@@ -139,7 +139,7 @@ describe("Event revision general settings", () => {
             ...revision.settings,
             ...updateSettings.settings,
           },
-          publishAt: "2024-08-30T19:05:00",
+          publishAt: "2024-08-30",
           startsAt: "2024-08-30T19:10:00",
           endsAt: "2024-08-30T19:15:00",
         },

package/src/tests/handlers/event_revisions/MetaHandler.test/edit_form.test.js

@@ -34,7 +34,7 @@ describe("Event revision meta settings", () => {
       assigns: {
         resource: {
           ...revision,
-          publishAt: "2024-10-10T07:05:00",
+          publishAt: "2024-10-10",
           startsAt: "2024-10-10T07:15:00",
           endsAt: "2024-10-10T07:25:00",
         },

package/src/tests/handlers/event_revisions/MetaHandler.test/update.test.js

@@ -134,7 +134,7 @@ describe("Event revision meta settings", () => {
       assigns: {
         resource: {
           ...revision,
-          publishAt: "2024-10-10T07:05:00",
+          publishAt: "2024-10-10",
           startsAt: "2024-10-10T07:15:00",
           endsAt: "2024-10-10T07:25:00",
           settings: {

package/src/tests/handlers/event_revisions/TagHandler.test/edit_form.test.js

@@ -48,7 +48,7 @@ describe("Event revision tags settings", () => {
       assigns: {
         resource: {
           ...revision,
-          publishAt: "2024-10-10T07:00:00",
+          publishAt: "2024-10-10",
           startsAt: "2024-10-10T07:05:00",
           endsAt: "2024-10-10T07:15:00",
           tags: [tags[0].id],

package/src/tests/handlers/event_revisions/TagHandler.test/update.test.js

@@ -129,7 +129,7 @@ describe("Event revision tags settings", () => {
       assigns: {
         resource: {
           ...revision,
-          publishAt: "2024-10-10T07:00:00",
+          publishAt: "2024-10-10",
           startsAt: "2024-10-10T07:05:00",
           endsAt: "2024-10-10T07:15:00",
           tags: updateSettings.tags,

package/src/tests/handlers/event_revisions/VisualHandler.test.test/edit_form.test.js

@@ -34,7 +34,7 @@ describe("Event revision visuals settings", () => {
       assigns: {
         resource: {
           ...revision,
-          publishAt: "2024-10-10T21:00:00",
+          publishAt: "2024-10-10",
           startsAt: "2024-10-10T21:05:00",
           endsAt: "2024-10-10T21:10:00",
         },

package/src/tests/handlers/event_revisions/VisualHandler.test.test/update.test.js

@@ -120,7 +120,7 @@ describe("Event revision visuals settings", () => {
       assigns: {
         resource: {
           ...revision,
-          publishAt: "2024-10-10T07:00:00",
+          publishAt: "2024-10-10",
           startsAt: "2024-10-10T07:05:00",
           endsAt: "2024-10-10T07:10:00",
           settings: {

package/src/tests/handlers/events/EventsHandler.test/create.test.js

@@ -28,7 +28,7 @@ describe("Events Handler", () => {
       title: "event title",
       slug: "url",
       visibility: "public",
-      publishAt: "2024-10-10T06:40",
+      publishAt: "2024-10-10",
       startsAt: "2024-10-10T06:50",
       endsAt: "2024-10-10T06:59",
       settings: {
@@ -59,7 +59,7 @@ describe("Events Handler", () => {
         title: params.title,
         slug: params.slug,
         visibility: params.visibility,
-        publishAt: "2024-10-10T06:40:00Z",
+        publishAt: "2024-10-10T00:00:00Z",
         startsAt: "2024-10-10T06:50:00Z",
         endsAt: "2024-10-10T06:59:00Z",
         settings: {
@@ -87,7 +87,7 @@ describe("Events Handler", () => {
     const params = {
       title: "event title",
       slug: "",
-      publishAt: "2024-10-10T06:40",
+      publishAt: "2024-10-10",
       startsAt: "2024-10-10T06:50",
       endsAt: "2024-10-10T06:59",
       visibility: "public",
@@ -127,7 +127,7 @@ describe("Events Handler", () => {
         title: params.title,
         slug: "",
         visibility: params.visibility,
-        publishAt: "2024-10-10T06:40:00Z",
+        publishAt: "2024-10-10T00:00:00Z",
         startsAt: "2024-10-10T06:50:00Z",
         endsAt: "2024-10-10T06:59:00Z",
         settings: {
@@ -149,7 +149,7 @@ describe("Events Handler", () => {
       assigns: {
         resource: {
           ...params,
-          publishAt: "2024-10-10T06:40:00",
+          publishAt: "2024-10-10",
           startsAt: "2024-10-10T06:50:00",
           endsAt: "2024-10-10T06:59:00",
           settings: {

package/src/utils.js

@@ -1,8 +1,35 @@
-export function toUTCISO8601String(inputDate) {
+export function toUTCISO8601String(inputDateTime) {
   // The format coming from the datetie-local input is YYYY-mm-ddTHH:MM
   // e.g. 2024-10-10T14:25
   // Currently we will just use that as a UTC value and show some explanation in the UI!
-  return `${inputDate}:00Z`;
+  return `${inputDateTime}:00Z`;
+}
+
+export function dateToUTCISO8601String(inputDate) {
+  // The format coming from the datetie-local input is YYYY-mm-ddTHH:MM
+  // e.g. 2024-10-10
+  // Currently we will just use that as a UTC value and show some explanation in the UI!
+  return `${inputDate}T00:00:00Z`;
+}
+
+export function toDateInput(initialDate = null) {
+  if (typeof initialDate === "string") {
+    // The case where it comes from the DB it is in UTC. We are going to directly feed it to the
+    // datetime-local input and add explanations in the UI!
+    return initialDate.slice(0, 10);
+  }
+
+  // Directly use the current time for to feed the datetime-local input.
+  // show UI hints that this is going to be used as UTC time.
+  const now = new Date();
+
+  return [
+    now.getFullYear(),
+    "-",
+    (now.getMonth() + 1).toString().padStart(2, "0"),
+    "-",
+    now.getDate().toString().padStart(2, "0"),
+  ].join("");
 }
 
 export function toDateTimeInput(initialDate = null) {

package/src/views/article_revisions/general/_form.ejs

@@ -2,7 +2,7 @@
 <form action="<%= `/${_context.locale}/${_context.resourceConfig.articleType}_revisions/${resource.id}/general` %>" method="POST" class="form">
   <%- f.field('resource.title', { required: true }) %>
   <%- f.field('resource.slug', { label: "URL", required: true, hint: "Only lowercase letters, numbers and dash allowed. E.g: celebrate-friday-13" }) %>
-  <%- f.field('resource.publishAt', { required: true, type: 'datetime-local', label: 'Publish at (UTC)' }) %>
+  <%- f.field('resource.publishAt', { required: true, type: 'date', label: `${Inflector.capitalize(_context.resourceConfig.articleType)} post date` }) %>
   <%- f.field('resource.visibility', { as: 'select', required: true, options: visibilityOptions }) %>
 
   <%- include('../../_shared/_credentials_input.ejs', { f, visibilityFieldId: "f_resource_visibility"}) %>
@@ -14,4 +14,4 @@
     </div>
   </div>
 </form>
-<% }) %>
+<% }) %>

package/src/views/articles/_form.ejs

@@ -4,7 +4,7 @@
 
   <%- f.field('resource.title', { required: true }) %>
   <%- f.field('resource.slug', { label: "URL", required: true, hint: "Only lowercase letters, numbers and dash allowed. Ex: celebrate-friday-13" }) %>
-  <%- f.field('resource.publishAt', { required: true, type: 'datetime-local', label: 'Publish at (UTC)' }) %>
+  <%- f.field('resource.publishAt', { required: true, type: 'date', label: `${Inflector.capitalize(_context.resourceConfig.articleType)} post date` }) %>
   <%- f.field('resource.visibility', { as: 'select', required: true, options: visibilityOptions }) %>
 
   <%- include('../_shared/_credentials_input.ejs', { f, visibilityFieldId: "f_resource_visibility"}) %>
@@ -42,4 +42,4 @@
     <% } %>
   </div>
 </form>
-<% }) %>
+<% }) %>

package/src/views/articles/_shared/history_table.ejs

@@ -25,7 +25,7 @@
         <td class="whitespace-nowrap">
           <div class="body-3 text-raketa-foreground/50">
             <div class="flex items-center gap-1">
-              <time data-pretty-datetime datetime="<%= change.insertedAt %>"><%= change.insertedAt %></time>
+              <time data-pretty-datetime datetime="<%= change.insertedAt %>"><%= utils.formattedDateTime(change.insertedAt) %></time>
             </div>
           </div>
         </td>
@@ -65,4 +65,4 @@
   <% if (!skipPagination) { %>
   <%- pagination(changes.pagination, _context) %>
   <% } %>
-</div>
+</div>

package/src/views/articles/index.ejs

@@ -20,7 +20,7 @@
       <tr>
         <th><%- sort_button("Title", "title", _context) %></th>
         <th>Visibility</th>
-        <th><%- sort_button("Publish at", "publish_at", _context) %></th>
+        <th><%- sort_button(`${Inflector.capitalize(_context.resourceConfig.articleType)} post date`, "publish_at", _context) %></th>
         <th><%- sort_button("Last change", "updated_at", _context) %></th>
         <th>Translations</th>
       </tr>
@@ -47,7 +47,7 @@
         </td>
 
         <td>
-          <div class="flex itemx-center gap-1 whitespace-nowrap">
+          <div class="flex items-center gap-1 whitespace-nowrap">
             <span class="text-raketa-foreground/30" title="<%= visibilityOptions.find(opt => opt[0] === item.visibility)[1] %>">
               <% if (item.visibility === 'public') { %>
               <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-4">
@@ -78,7 +78,7 @@
         </td>
 
         <td>
-          <time data-pretty-datetime datetime="<%= item.publishAt %>"><%= item.publishAt %></time>
+          <time data-pretty-date datetime="<%= item.publishAt %>"><%= utils.formattedDate(item.publishAt) %></time>
         </td>
 
         <td>
@@ -87,7 +87,7 @@
               <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-4 text-raketa-foreground">
                 <path stroke-linecap="round" stroke-linejoin="round" d="M12 6v6h4.5m4.5 0a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z" />
               </svg>
-              <time data-pretty-datetime datetime="<%= item.updatedAt %>"><%= item.updatedAt %></time>
+              <time data-pretty-datetime datetime="<%= item.updatedAt %>"><%= utils.formattedDateTime(item.updatedAt) %></time>
             </div>
 
             <div class="flex items-center gap-1" title="<%= item.changes[0]?.operatorMeta?.name %>">

package/src/views/articles/show.ejs

@@ -103,7 +103,7 @@
                   <path stroke-linecap="round" stroke-linejoin="round" d="M12 6v6h4.5m4.5 0a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z" />
                 </svg>
 
-                <time data-pretty-datetime datetime="<%= revision.insertedAt %>"><%= revision.insertedAt %></time>
+                <time data-pretty-datetime datetime="<%= revision.insertedAt %>"><%= utils.formattedDateTime(revision.insertedAt) %></time>
               </div>
             </div>
           </td>
@@ -231,4 +231,4 @@
       Full page history
     </a>
   </div>
-</div>
+</div>

package/src/views/event_revisions/general/_form.ejs

@@ -2,7 +2,7 @@
 <form action="<%= `/${_context.locale}/${_context.resourceConfig.eventType}_revisions/${resource.id}/general` %>" method="POST" class="form">
   <%- f.field('resource.title', { required: true }) %>
   <%- f.field('resource.slug', { label: "URL", required: true, hint: "Only lowercase letters, numbers and dash allowed. E.g: celebrate-friday-13" }) %>
-  <%- f.field('resource.publishAt', { required: true, type: 'datetime-local', label: 'Publish at (UTC)' }) %>
+  <%- f.field('resource.publishAt', { required: true, type: 'date', label: `${Inflector.capitalize(_context.resourceConfig.eventType)} post date` }) %>
   <%- f.field('resource.startsAt', { required: true, type: 'datetime-local', label: 'Starts at (UTC)' }) %>
   <%- f.field('resource.endsAt', { required: true, type: 'datetime-local', label: 'Ends at (UTC)' }) %>
   <%- f.field('resource.visibility', { as: 'select', required: true, options: visibilityOptions }) %>
@@ -16,4 +16,4 @@
     </div>
   </div>
 </form>
-<% }) %>
+<% }) %>

package/src/views/events/_form.ejs

@@ -4,7 +4,7 @@
 
   <%- f.field('resource.title', { required: true }) %>
   <%- f.field('resource.slug', { label: "URL", required: true, hint: "Only lowercase letters, numbers and dash allowed. Ex: celebrate-friday-13" }) %>
-  <%- f.field('resource.publishAt', { required: true, type: 'datetime-local', label: 'Publish at (UTC)' }) %>
+  <%- f.field('resource.publishAt', { required: true, type: 'date', label: `${Inflector.capitalize(_context.resourceConfig.eventType)} post date` }) %>
   <%- f.field('resource.startsAt', { required: true, type: 'datetime-local', label: 'Starts at (UTC)' }) %>
   <%- f.field('resource.endsAt', { required: true, type: 'datetime-local', label: 'Ends at (UTC)' }) %>
   <%- f.field('resource.visibility', { as: 'select', required: true, options: visibilityOptions }) %>
@@ -44,4 +44,4 @@
     <% } %>
   </div>
 </form>
-<% }) %>
+<% }) %>

package/src/views/events/_shared/history_table.ejs

@@ -25,7 +25,7 @@
         <td class="whitespace-nowrap">
           <div class="body-3 text-raketa-foreground/50">
             <div class="flex items-center gap-1">
-              <time data-pretty-datetime datetime="<%= change.insertedAt %>"><%= change.insertedAt %></time>
+              <time data-pretty-datetime datetime="<%= change.insertedAt %>"><%= utils.formattedDateTime(change.insertedAt) %></time>
             </div>
           </div>
         </td>
@@ -65,4 +65,4 @@
   <% if (!skipPagination) { %>
   <%- pagination(changes.pagination, _context) %>
   <% } %>
-</div>
+</div>

package/src/views/events/index.ejs

@@ -20,7 +20,7 @@
       <tr>
         <th><%- sort_button("Title", "title", _context) %></th>
         <th>Visibility</th>
-        <th><%- sort_button("Publish at", "publish_at", _context) %></th>
+        <th><%- sort_button(`${Inflector.capitalize(_context.resourceConfig.eventType)} post date`, "publish_at", _context) %></th>
         <th><%- sort_button("Last change", "updated_at", _context) %></th>
         <th>Translations</th>
       </tr>
@@ -47,7 +47,7 @@
         </td>
 
         <td>
-          <div class="flex itemx-center gap-1 whitespace-nowrap">
+          <div class="flex items-center gap-1 whitespace-nowrap">
             <span class="text-raketa-foreground/30" title="<%= visibilityOptions.find(opt => opt[0] === item.visibility)[1] %>">
               <% if (item.visibility === 'public') { %>
               <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-4">
@@ -78,7 +78,7 @@
         </td>
 
         <td>
-          <time data-pretty-datetime datetime="<%= item.publishAt %>"><%= item.publishAt %></time>
+          <time data-pretty-date datetime="<%= item.publishAt %>"><%= utils.formattedDate(item.publishAt) %></time>
         </td>
 
         <td>
@@ -87,7 +87,7 @@
               <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-4 text-raketa-foreground">
                 <path stroke-linecap="round" stroke-linejoin="round" d="M12 6v6h4.5m4.5 0a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z" />
               </svg>
-              <time data-pretty-datetime datetime="<%= item.updatedAt %>"><%= item.updatedAt %></time>
+              <time data-pretty-datetime datetime="<%= item.updatedAt %>"><%= utils.formattedDateTime(item.updatedAt) %></time>
             </div>
 
             <div class="flex items-center gap-1" title="<%= item.changes[0]?.operatorMeta?.name %>">

package/src/views/events/show.ejs

@@ -103,7 +103,7 @@
                   <path stroke-linecap="round" stroke-linejoin="round" d="M12 6v6h4.5m4.5 0a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z" />
                 </svg>
 
-                <time data-pretty-datetime datetime="<%= revision.insertedAt %>"><%= revision.insertedAt %></time>
+                <time data-pretty-datetime datetime="<%= revision.insertedAt %>"><%= utils.formattedDateTime(revision.insertedAt) %></time>
               </div>
             </div>
           </td>
@@ -231,4 +231,4 @@
       Full page history
     </a>
   </div>
-</div>
+</div>

package/src/views/layouts/application.ejs

@@ -218,6 +218,14 @@
         })
       })
 
+      document.querySelectorAll('time[data-pretty-date]').forEach(item => {
+        const dateStr = item.getAttribute("datetime");
+
+        item.innerText = new Date(dateStr).toLocaleString('en-GB', {
+          dateStyle: "short"
+        })
+      })
+
       document.querySelectorAll('time[data-pretty-expiration-time]').forEach(item => {
         const dateStr = item.getAttribute("datetime");
 
@@ -259,6 +267,10 @@
             form.setAttribute('data-changed', 1);
           });
         });
+
+        form.addEventListener('submit', () => {
+          form.removeAttribute('data-changed');
+        })
       });
 
       window.addEventListener('beforeunload', (e) => {

package/src/views/pages/_shared/history_table.ejs

@@ -25,7 +25,7 @@
         <td class="whitespace-nowrap">
           <div class="body-3 text-raketa-foreground/50">
             <div class="flex items-center gap-1">
-              <time data-pretty-datetime datetime="<%= change.insertedAt %>"><%= change.insertedAt %></time>
+              <time data-pretty-datetime datetime="<%= change.insertedAt %>"><%= utils.formattedDateTime(change.insertedAt) %></time>
             </div>
           </div>
         </td>
@@ -65,4 +65,4 @@
   <% if (!skipPagination) { %>
   <%- pagination(changes.pagination, _context) %>
   <% } %>
-</div>
+</div>

package/src/views/pages/index.ejs

@@ -46,7 +46,7 @@
         </td>
 
         <td>
-          <div class="flex itemx-center gap-1 whitespace-nowrap">
+          <div class="flex items-center gap-1 whitespace-nowrap">
             <span class="text-raketa-foreground/30" title="<%= visibilityOptions.find(opt => opt[0] === item.visibility)[1] %>">
               <% if (item.visibility === 'public') { %>
               <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-4">
@@ -82,7 +82,7 @@
               <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-4 text-raketa-foreground">
                 <path stroke-linecap="round" stroke-linejoin="round" d="M12 6v6h4.5m4.5 0a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z" />
               </svg>
-              <time data-pretty-datetime datetime="<%= item.updatedAt %>"><%= item.updatedAt %></time>
+              <time data-pretty-datetime datetime="<%= item.updatedAt %>"><%= utils.formattedDateTime(item.updatedAt) %></time>
             </div>
 
             <div class="flex items-center gap-1" title="<%= item.changes[0]?.operatorMeta?.name %>">

package/src/views/pages/show.ejs

@@ -104,7 +104,7 @@
                   <path stroke-linecap="round" stroke-linejoin="round" d="M12 6v6h4.5m4.5 0a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z" />
                 </svg>
 
-                <time data-pretty-datetime datetime="<%= revision.insertedAt %>"><%= revision.insertedAt %></time>
+                <time data-pretty-datetime datetime="<%= revision.insertedAt %>"><%= utils.formattedDateTime(revision.insertedAt) %></time>
               </div>
             </div>
           </td>
@@ -232,4 +232,4 @@
       Full page history
     </a>
   </div>
-</div>
+</div>

package/src/views/redirects/index.ejs

@@ -54,7 +54,7 @@
               <path stroke-linecap="round" stroke-linejoin="round" d="M12 6v6h4.5m4.5 0a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z" />
             </svg>
 
-            <time data-pretty-datetime datetime="<%= item.updatedAt %>"><%= item.updatedAt %></time>
+            <time data-pretty-datetime datetime="<%= item.updatedAt %>"><%= utils.formattedDateTime(item.updatedAt) %></time>
           </div>
         </td>
         <td class="actions">

package/src/views/redirects/show.ejs

@@ -29,7 +29,7 @@
       </tr>
       <tr>
         <th class="w-1 whitespace-nowrap">Updated at</th>
-        <time data-pretty-datetime datetime="<%= item.updatedAt %>"><%= item.updatedAt %></time>
+        <time data-pretty-datetime datetime="<%= item.updatedAt %>"><%= utils.formattedDateTime(item.updatedAt) %></time>
       </tr>
     </tbody>
   </table>
@@ -52,7 +52,7 @@
         <td><%= item.version %></td>
         <td><%= item.title %></td>
         <td><%= item.operatorMeta.name %></td>
-        <td><time data-pretty-datetime datetime="<%= item.insertedAt %>"><%= item.insertedAt %></time></td>
+        <td><time data-pretty-datetime datetime="<%= item.insertedAt %>"><%= utils.formattedDateTime(item.insertedAt) %></time></td>
       </tr>
       <% }) %>
     </tbody>