@raketa-cloud/admin 0.0.69 → 0.0.70

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

@@ -0,0 +1,297 @@
+import EventRevisions from "../../../../cloud/EventRevisions";
+import Events from "../../../../cloud/Events";
+import TranslationsHandler from "../../../../handlers/events/TranslationsHandler";
+import Factory from "../../../support/factory";
+
+function buildCtx(params, event) {
+  return {
+    client: {
+      events: new Events(() => ({}), "token"),
+      eventRevisions: new EventRevisions(() => ({}), "token"),
+    },
+    params: { parent_id: event.id },
+    resourceParams: {
+      resource: params,
+    },
+    locale: "en",
+    resourceConfig: {
+      eventType: "event",
+      eventTypePlural: "events",
+    },
+  };
+}
+
+describe("Events Translation Handler", () => {
+  test("create fails with translation errors", async () => {
+    const event = Factory.build("event", {
+      translations: {},
+      categories: [{ id: "cat1" }],
+    });
+    const params = {
+      languages: ["fr"],
+    };
+
+    const ctx = buildCtx(params, event);
+
+    const mockFind = jest
+      .spyOn(ctx.client.events, "find")
+      .mockImplementation(() => event);
+
+    const translationErrors = [{ key: "title", message: "cannot be blank" }];
+    const mockTranslate = jest
+      .spyOn(ctx.client.events, "translate")
+      .mockImplementation(() => ({
+        event: null,
+        errors: translationErrors,
+      }));
+
+    const mockFormatErrors = jest
+      .spyOn(ctx.client.events, "formatErrors")
+      .mockImplementation(() => ({ title: "cannot be blank" }));
+
+    const result = await TranslationsHandler.create(ctx);
+
+    expect(mockFind).toHaveBeenCalledWith(event.id, "en");
+    expect(mockTranslate).toHaveBeenCalled();
+    expect(mockFormatErrors).toHaveBeenCalledWith(translationErrors);
+
+    expect(result).toEqual({
+      assigns: {
+        resource: {
+          title: event.title,
+          tags: [],
+          visibility: "private",
+          slug: event.slug,
+          settings: event.settings,
+          widgets: event.widgets,
+          categories: ["cat1"],
+          publishAt: event.publishAt,
+          startsAt: event.startsAt,
+          endsAt: event.endsAt,
+          translations: {},
+          languages: ["fr"],
+        },
+        blueprint: event,
+        targetLocale: "fr",
+        errors: { resource: { title: "cannot be blank" } },
+      },
+    });
+  });
+
+  test("create successfully multiple translations with already one is existing", async () => {
+    const event = Factory.build("event", {
+      translations: { de: "de-id" },
+      categories: [{ id: "cat1" }],
+    });
+
+    const params = {
+      languages: ["fr", "es", "de"],
+    };
+
+    const ctx = buildCtx(params, event);
+
+    const mockFind = jest
+      .spyOn(ctx.client.events, "find")
+      .mockImplementation(() => event);
+
+    const mockTranslate = jest
+      .spyOn(ctx.client.events, "translate")
+      .mockImplementation((parentId, locale) => ({
+        event: { id: `translated-event-${locale}` },
+        errors: null,
+      }));
+
+    const mockCreateRevision = jest
+      .spyOn(ctx.client.eventRevisions, "create")
+      .mockImplementation(() => ({ errors: null }));
+
+    const result = await TranslationsHandler.create(ctx);
+
+    expect(mockFind).toHaveBeenCalledWith(event.id, "en");
+
+    expect(mockTranslate).toHaveBeenCalledTimes(2);
+    expect(mockTranslate).toHaveBeenCalledWith(
+      event.id,
+      "fr",
+      expect.objectContaining({
+        title: event.title,
+        tags: [],
+        visibility: "private",
+        slug: event.slug,
+      })
+    );
+    expect(mockTranslate).toHaveBeenCalledWith(
+      event.id,
+      "es",
+      expect.objectContaining({
+        title: event.title,
+        tags: [],
+        visibility: "private",
+        slug: event.slug,
+      })
+    );
+
+    expect(mockCreateRevision).toHaveBeenCalledTimes(2);
+    expect(mockCreateRevision).toHaveBeenCalledWith(
+      "translated-event-fr",
+      "fr"
+    );
+    expect(mockCreateRevision).toHaveBeenCalledWith(
+      "translated-event-es",
+      "es"
+    );
+
+    expect(result).toEqual({
+      redirect: `/en/events/${event.id}/translations?translations=fr:translated-event-fr;es:translated-event-es`,
+    });
+  });
+
+  test("create translations fails if any translation fails", async () => {
+    const event = Factory.build("event", {
+      translations: {},
+      categories: [{ id: "some-category-uno" }],
+    });
+
+    const params = {
+      languages: ["fr", "es"],
+    };
+
+    const ctx = buildCtx(params, event);
+
+    const mockFind = jest
+      .spyOn(ctx.client.events, "find")
+      .mockImplementation(() => event);
+
+    const translationResponses = {
+      fr: { event: { id: "translated-event-fr" }, errors: null },
+      es: {
+        event: null,
+        errors: [{ key: "title", message: "invalid for spanish" }],
+      },
+    };
+
+    const mockTranslate = jest
+      .spyOn(ctx.client.events, "translate")
+      .mockImplementation((parentId, locale) => translationResponses[locale]);
+
+    const mockFormatErrors = jest
+      .spyOn(ctx.client.events, "formatErrors")
+      .mockImplementation(() => ({
+        title: "invalid for spanish",
+      }));
+
+    const mockCreateRevision = jest
+      .spyOn(ctx.client.eventRevisions, "create")
+      .mockImplementation(() => ({ errors: null }));
+
+    const result = await TranslationsHandler.create(ctx);
+
+    expect(mockFind).toHaveBeenCalledWith(event.id, "en");
+
+    expect(mockTranslate).toHaveBeenCalledWith(
+      event.id,
+      "fr",
+      expect.objectContaining({
+        title: event.title,
+        tags: [],
+        visibility: "private",
+        slug: event.slug,
+      })
+    );
+
+    expect(mockTranslate).toHaveBeenCalledWith(
+      event.id,
+      "es",
+      expect.objectContaining({
+        title: event.title,
+        tags: [],
+        visibility: "private",
+        slug: event.slug,
+      })
+    );
+
+    expect(result).toEqual({
+      assigns: {
+        resource: {
+          title: event.title,
+          tags: [],
+          visibility: "private",
+          slug: event.slug,
+          settings: event.settings,
+          widgets: event.widgets,
+          categories: ["some-category-uno"],
+          publishAt: event.publishAt,
+          startsAt: event.startsAt,
+          endsAt: event.endsAt,
+          translations: {},
+          languages: ["fr", "es"],
+        },
+        blueprint: event,
+        targetLocale: "es",
+        errors: { resource: { title: "invalid for spanish" } },
+      },
+    });
+  });
+
+  test("create translation fails with revision errors", async () => {
+    const event = Factory.build("event", {
+      translations: {},
+      categories: [{ id: "cat1" }],
+    });
+    const params = {
+      languages: ["fr"],
+    };
+
+    const ctx = buildCtx(params, event);
+
+    const mockFind = jest
+      .spyOn(ctx.client.events, "find")
+      .mockImplementation(() => event);
+
+    const mockTranslate = jest
+      .spyOn(ctx.client.events, "translate")
+      .mockImplementation(() => ({
+        event: { id: "translated-event-id" },
+        errors: null,
+      }));
+
+    const revisionErrors = [{ key: "base", message: "something went wrong" }];
+    const mockCreateRevision = jest
+      .spyOn(ctx.client.eventRevisions, "create")
+      .mockImplementation(() => ({ errors: revisionErrors }));
+
+    const mockFormatErrors = jest
+      .spyOn(ctx.client.events, "formatErrors")
+      .mockImplementation(() => ({ base: "something went wrong" }));
+
+    const result = await TranslationsHandler.create(ctx);
+
+    expect(mockCreateRevision).toHaveBeenCalledWith(
+      "translated-event-id",
+      "fr"
+    );
+    expect(mockFormatErrors).toHaveBeenCalledWith(revisionErrors);
+
+    expect(result).toEqual({
+      assigns: {
+        resource: {
+          title: event.title,
+          tags: [],
+          visibility: "private",
+          slug: event.slug,
+          settings: event.settings,
+          widgets: event.widgets,
+          categories: ["cat1"],
+          publishAt: event.publishAt,
+          startsAt: event.startsAt,
+          endsAt: event.endsAt,
+          translations: {},
+          languages: ["fr"],
+        },
+        blueprint: event,
+        targetLocale: "fr",
+        errors: { resource: { base: "something went wrong" } },
+      },
+    });
+  });
+});

package/src/tests/handlers/events/TranslationHandler.test/create_form.test.js

@@ -0,0 +1,71 @@
+import Events from "../../../../cloud/Events";
+import TranslationsHandler from "../../../../handlers/events/TranslationsHandler";
+import Factory from "../../../support/factory";
+
+function buildCtx(event) {
+  return {
+    client: {
+      events: new Events(() => ({}), "token"),
+    },
+    params: { parent_id: event.id },
+    query: { target_locale: "" },
+    locale: "en",
+    resourceConfig: {
+      eventType: "event",
+      eventTypePlural: "events",
+    },
+  };
+}
+
+describe("Event translation form", () => {
+  test("create_form when a event exists with target locale", async () => {
+    const event = Factory.build("event");
+    const ctx = buildCtx(event);
+    ctx.query.target_locale = "fr";
+
+    const mockFindEvent = jest
+      .spyOn(ctx.client.events, "find")
+      .mockImplementation(() => event);
+
+    const result = await TranslationsHandler.create_form(ctx);
+
+    expect(mockFindEvent).toHaveBeenCalledWith(event.id, "en");
+
+    const expectedResource = structuredClone(event);
+
+    expect(result).toEqual({
+      assigns: {
+        resource: expectedResource,
+        blueprint: event,
+        targetLocale: "fr",
+        errors: {},
+        _translations: [],
+      },
+    });
+  });
+
+  test("create_form when a event exists without target locale", async () => {
+    const event = Factory.build("event");
+    const ctx = buildCtx(event);
+
+    const mockFindEvent = jest
+      .spyOn(ctx.client.events, "find")
+      .mockImplementation(() => event);
+
+    const result = await TranslationsHandler.create_form(ctx);
+
+    expect(mockFindEvent).toHaveBeenCalledWith(event.id, "en");
+
+    const expectedResource = structuredClone(event);
+
+    expect(result).toEqual({
+      assigns: {
+        resource: expectedResource,
+        blueprint: event,
+        targetLocale: "",
+        errors: {},
+        _translations: [],
+      },
+    });
+  });
+});

package/src/tests/handlers/events/TranslationHandler.test/index.test.js

@@ -0,0 +1,91 @@
+import EventRevisions from "../../../../cloud/EventRevisions";
+import Events from "../../../../cloud/Events";
+import TranslationsHandler from "../../../../handlers/events/TranslationsHandler";
+import Factory from "../../../support/factory";
+
+function buildCtx() {
+  const originalEvent = Factory.build("event", {
+    id: "original-event-id",
+    title: "Test Event Title",
+  });
+
+  return {
+    client: {
+      events: new Events(() => ({}), "token"),
+      eventRevisions: new EventRevisions(() => ({}), "token"),
+    },
+    params: { parent_id: originalEvent.id },
+    query: { translations: "fr:fr-event-id;es:es-event-id" },
+    locale: "en",
+    resourceConfig: {
+      eventType: "event",
+      eventTypePlural: "events",
+    },
+    originalEvent,
+  };
+}
+
+describe("Translations Handler", () => {
+  test("index", async () => {
+    const frEvent = Factory.build("event", { id: "fr-event-id" });
+    const esEvent = Factory.build("event", { id: "es-event-id" });
+    const esRevision = Factory.build("event_revision", {
+      id: "es-revision-id",
+    });
+    const frRevision = Factory.build("event_revision", {
+      id: "fr-revision-id",
+    });
+    const ctx = buildCtx();
+
+    const mockedFind = jest
+      .spyOn(ctx.client.events, "find")
+      .mockImplementation((id, locale) => {
+        if (locale === "fr") return frEvent;
+        if (locale === "es") return esEvent;
+        if (id === "original-event-id") return ctx.originalEvent;
+      });
+
+    const mockedRevisions = jest
+      .spyOn(ctx.client.eventRevisions, "all")
+      .mockImplementation((id, locale) => ({
+        list: locale === "fr" ? [frRevision] : [esRevision],
+      }));
+
+    const mockedList = jest
+      .spyOn(ctx.client.events, "list")
+      .mockImplementation(() => ({}));
+
+    const result = await TranslationsHandler.index(ctx);
+
+    expect(mockedFind).toHaveBeenCalledWith("fr-event-id", "fr");
+    expect(mockedFind).toHaveBeenCalledWith("es-event-id", "es");
+    expect(mockedRevisions).toHaveBeenCalledWith("fr-event-id", "fr");
+    expect(mockedRevisions).toHaveBeenCalledWith("es-event-id", "es");
+    expect(mockedList).toHaveBeenCalledWith(
+      { translations: "fr:fr-event-id;es:es-event-id" },
+      "en",
+      "event"
+    );
+
+    expect(result).toEqual({
+      assigns: {
+        items: {},
+        visibilityOptions: ctx.client.events.visibilityOptions(),
+        translations: [
+          {
+            ...frEvent,
+            translationLocale: "fr",
+            revisionId: "fr-revision-id",
+          },
+          {
+            ...esEvent,
+            translationLocale: "es",
+            revisionId: "es-revision-id",
+          },
+        ],
+        parent_id: "original-event-id",
+        eventTitle: "Test Event Title",
+      },
+    });
+  });
+});

package/src/tests/handlers/pages/TranslationHandler.test/create.test.js

@@ -21,7 +21,7 @@ function buildCtx(params, page) {
   };
 }
 
-describe("Translation Handler", () => {
+describe("Pages Translation Handler", () => {
   test("create fails with translation errors", async () => {
     const page = Factory.build("page", {
       translations: {},

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

@@ -12,7 +12,7 @@
   </form>
   <% } %>
 
-  <a href="#" class="btn-text has-icon">
+  <a href="#" class="btn-text hidden">
     <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-4">
       <path stroke-linecap="round" stroke-linejoin="round" d="M2.036 12.322a1.012 1.012 0 0 1 0-.639C3.423 7.51 7.36 4.5 12 4.5c4.638 0 8.573 3.007 9.963 7.178.07.207.07.431 0 .639C20.577 16.49 16.64 19.5 12 19.5c-4.638 0-8.573-3.007-9.963-7.178Z" />
       <path stroke-linecap="round" stroke-linejoin="round" d="M15 12a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z" />
@@ -20,4 +20,4 @@
 
     Preview
   </a>
-</div>
+</div>

package/src/views/articles/show.ejs

@@ -5,6 +5,13 @@
   </div>
 
   <div class="flex flex-wrap items-center gap-1 mb-6 -my-4">
+    <%
+        const availableLocales = Object.keys(_context.locales);
+        const totalPossibleTranslations = availableLocales.length - 1;
+        const existingTranslationsCount = Object.keys(resource.translations).length;
+        const canBeTranslated = existingTranslationsCount < totalPossibleTranslations;
+    %>
+
     <% Object.keys(_context.locales).forEach(key => { %>
     <% const { name, _code, flag} = _context.locales[key] %>
     <% if (key === _context.locale) { %>
@@ -19,6 +26,12 @@
     </a>
     <% } %>
     <% }); %>
+
+    <% if (canBeTranslated) { %>
+    <a href="<%= `/${_context.locale}/${_context.resourceConfig.articleTypePlural}/${resource.id}/translations/new` %>" class="btn-text ml-2">
+      Translate
+    </a>
+    <% } %>
   </div>
 
   <% if (revisions.length) { %>
@@ -55,9 +68,7 @@
               </div>
               <% } %>
 
-              <a href="/remote-login?redirect_to=/admin/<%= _context.resourceConfig.articleType %>-revisions/<%= revision.id %>/builder" target="_blank" class="btn-text has-icon <%= revision.meta && revision.meta.locked ? 'cursor-not-allowed text-gray-400 pointer-events-none' : '' %>">
-                <%= revision.title %>
-              </a>
+              <%= revision.title %>
             </div>
           </td>
 
@@ -155,4 +166,4 @@
       </tbody>
     </table>
   </div>
-</div>
+</div>

package/src/views/articles/translations/_translation_toolbar.ejs

@@ -0,0 +1,18 @@
+<div class="actions-toolbar justify-end">
+  <a href="/remote-login?redirect_to=/<%= translation.translationLocale %>/admin/<%= _context.resourceConfig.articleType %>-revisions/<%= translation.revisionId %>/builder" target="_blank" class="btn-text has-icon">
+    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-4">
+      <path stroke-linecap="round" stroke-linejoin="round" d="m16.862 4.487 1.687-1.688a1.875 1.875 0 1 1 2.652 2.652L6.832 19.82a4.5 4.5 0 0 1-1.897 1.13l-2.685.8.8-2.685a4.5 4.5 0 0 1 1.13-1.897L16.863 4.487Zm0 0L19.5 7.125" />
+    </svg>
+
+    Update Content
+  </a>
+
+  <a href="<%= `/${translation.translationLocale}/article_revisions/${translation.revisionId}/general/edit` %>" class="btn-text has-icon">
+    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-4">
+      <path stroke-linecap="round" stroke-linejoin="round" d="M10.343 3.94c.09-.542.56-.94 1.11-.94h1.093c.55 0 1.02.398 1.11.94l.149.894c.07.424.384.764.78.93.398.164.855.142 1.205-.108l.737-.527a1.125 1.125 0 0 1 1.45.12l.773.774c.39.389.44 1.002.12 1.45l-.527.737c-.25.35-.272.806-.107 1.204.165.397.505.71.93.78l.893.15c.543.09.94.559.94 1.109v1.094c0 .55-.397 1.02-.94 1.11l-.894.149c-.424.07-.764.383-.929.78-.165.398-.143.854.107 1.204l.527.738c.32.447.269 1.06-.12 1.45l-.774.773a1.125 1.125 0 0 1-1.449.12l-.738-.527c-.35-.25-.806-.272-1.203-.107-.398.165-.71.505-.781.929l-.149.894c-.09.542-.56.94-1.11.94h-1.094c-.55 0-1.019-.398-1.11-.94l-.148-.894c-.071-.424-.384-.764-.781-.93-.398-.164-.854-.142-1.204.108l-.738.527c-.447.32-1.06.269-1.45-.12l-.773-.774a1.125 1.125 0 0 1-.12-1.45l.527-.737c.25-.35.272-.806.108-1.204-.165-.397-.506-.71-.93-.78l-.894-.15c-.542-.09-.94-.56-.94-1.109v-1.094c0-.55.398-1.02.94-1.11l.894-.149c.424-.07.765-.383.93-.78.165-.398.143-.854-.108-1.204l-.526-.738a1.125 1.125 0 0 1 .12-1.45l.773-.773a1.125 1.125 0 0 1 1.45-.12l.737.527c.35.25.807.272 1.204.107.397-.165.71-.505.78-.929l.15-.894Z" />
+      <path stroke-linecap="round" stroke-linejoin="round" d="M15 12a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z" />
+    </svg>
+
+    Update Settings
+  </a>
+</div>

package/src/views/articles/translations/create_form.ejs

@@ -1,9 +1,73 @@
 <div class="page-wrapper">
-  <div class="page-title">
-    <h1 class="heading-1">Create <%= Inflector.humanize(Inflector.downcase(_context.resourceConfig.articleType)) %> translation</h1>
+  <div class="page-title flex flex-col items-start">
+    <h1 class="heading-1">
+      <span class="opacity-50">Translate from <%= _context.locales[_context.locale].name %> / </span>
+      <%= blueprint.title %>
+    </h1>
   </div>
 
   <div class="grid gap-4 md:grid-cols-3">
-    <%- render_partial('_form.ejs') %>
+    <% form_for({ resource }, errors, (f) => { %>
+    <form action="<%= `/${_context.locale}/${_context.resourceConfig.articleTypePlural}/${blueprint.id}/translations` %>" method="post" class="form">
+      <h6>Available languages:</h6>
+      <% if (targetLocale) { %>
+      <input type="hidden" name="resource[languages][]" value="<%= targetLocale %>">
+      <% } %>
+      <div class="checkbox-group !max-h-fit mb-3">
+        <% Object.entries(_context.locales).forEach(([key, locale]) => {
+          const isExistingTranslation = resource.translations[key];
+          const isCurrentLocale = key === _context.locale;
+          const wasSelected = Array.isArray(resource.languages) && resource.languages.includes(key);
+          const isChecked = isExistingTranslation || isCurrentLocale || key === targetLocale || wasSelected;
+          const isDisabled = isExistingTranslation || isCurrentLocale || key === targetLocale;
+        %>
+        <% if(!isCurrentLocale) { %>
+        <label class="<%= isDisabled && key !== targetLocale ? 'opacity-50' : '' %>">
+          <input type="<%= isCurrentLocale ? 'hidden' : 'checkbox' %>" name="resource[languages][]" value="<%= key %>" <%= isChecked ? 'checked' : '' %> <%= isDisabled ? 'disabled' : '' %>>
+          <%= locale.name %>
+        </label>
+        <% } %>
+        <% }) %>
+      </div>
+
+      <% if (errors?.resource && targetLocale) { %>
+      <div>
+        <p class="text-sm text-red-600 font-medium mb-1">
+          Failed to create <%= _context.locales[targetLocale].name %> translation.
+        </p>
+        <% Object.entries(errors.resource).forEach(([errorKey, error]) => { %>
+        <p class="text-sm text-red-600 font-medium mb-3"> Reason is <%= errorKey %>: <%= error %></p>
+        <% }) %>
+      </div>
+      <% } %>
+
+      <div class="form-actions">
+        <div class="btn-toolbar">
+          <%- f.submit('Initiate translations', { class: 'btn-primary' }) %>
+          <a href="<%= `/${_context.locale}/${_context.resourceConfig.articleTypePlural}/${blueprint.id}` %>" class="btn-secondary">Cancel</a>
+        </div>
+      </div>
+    </form>
+    <% }) %>
+
+    <div>
+      <div class="help">
+        <div class="flex items-center gap-1 mb-2">
+          <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-4">
+            <path stroke-linecap="round" stroke-linejoin="round" d="m11.25 11.25.041-.02a.75.75 0 0 1 1.063.852l-.708 2.836a.75.75 0 0 0 1.063.853l.041-.021M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Zm-9-3.75h.008v.008H12V8.25Z" />
+          </svg>
+
+          <h3 class="heading-3">Translating articles</h3>
+        </div>
+
+        <div class="markdown">
+          <ol>
+            <li>Select multiple locales to initiate bulk translations.</li>
+            <li>A private copy of the article will be automatically created for each selected language, with a new revision opened to facilitate the translation process.</li>
+            <li>On the next screen you'll see a list with quick links to transalte settings and widgets</li>
+          </ol>
+        </div>
+      </div>
+    </div>
   </div>
-</div>
+</div>

package/src/views/articles/translations/index.ejs

@@ -0,0 +1,39 @@
+<div class="page-wrapper">
+  <div class="page-title">
+    <div>
+      <h1 class="heading-1">Translations initiated</h1>
+      <span class="body-2 opacity-50"><%= articleTitle %></span>
+    </div>
+  </div>
+
+  <% if (translations && translations.length > 0) { %>
+  <table class="data-grid alt">
+    <thead>
+      <tr>
+        <th>Locale</th>
+        <th>&nbsp;</th>
+      </tr>
+    </thead>
+    <tbody>
+      <% translations.forEach(translation => { %>
+      <tr class="border-b border-mono-25">
+        <td class="py-4 pl-2 w-full">
+          <div class="flex gap-1 items-center">
+            <a href="<%= `/${translation.translationLocale}/${_context.resourceConfig.articleTypePlural}/${translation.id}` %>" class="btn-text">
+              <%= _context.locales[translation.translationLocale].name %>
+            </a>
+          </div>
+        </td>
+
+        <td class="whitespace-nowrap">
+          <%- render_partial('./_translation_toolbar.ejs', { translation }) %>
+        </td>
+      </tr>
+      <% }) %>
+    </tbody>
+  </table>
+  <% } %>
+  <a href="<%= `/${_context.locale}/${_context.resourceConfig.articleTypePlural}/${parent_id}` %>" class="btn-primary mt-8">
+    Go to original
+  </a>
+</div>

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

@@ -12,7 +12,7 @@
   </form>
   <% } %>
 
-  <a href="#" class="btn-text has-icon">
+  <a href="#" class="btn-text hidden">
     <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-4">
       <path stroke-linecap="round" stroke-linejoin="round" d="M2.036 12.322a1.012 1.012 0 0 1 0-.639C3.423 7.51 7.36 4.5 12 4.5c4.638 0 8.573 3.007 9.963 7.178.07.207.07.431 0 .639C20.577 16.49 16.64 19.5 12 19.5c-4.638 0-8.573-3.007-9.963-7.178Z" />
       <path stroke-linecap="round" stroke-linejoin="round" d="M15 12a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z" />
@@ -20,4 +20,4 @@
 
     Preview
   </a>
-</div>
+</div>