@raketa-cloud/admin 0.0.88 → 0.0.91

package/src/tests/helpers/FormBuildert.test.js

@@ -0,0 +1,357 @@
+import FormBuilder from "../../helpers/FormBuilder";
+
+describe("FormBuilder", () => {
+  function normalizeHTML(html) {
+    return html.replace(/>\s+</g, "><").replace(/\s+/g, " ").trim();
+  }
+
+  describe("field", () => {
+    test("renders a text input group", () => {
+      const form = new FormBuilder({
+        resource: {
+          title: "Test content",
+        },
+      });
+
+      const result = form.field("resource.title");
+
+      expect(normalizeHTML(result)).toEqual(
+        normalizeHTML(`
+          <div class="mb-4">
+            <label for="f_resource_title">Title</label>
+            <input type="text" name="resource[title]" value="Test content" id="f_resource_title" />
+          </div>`)
+      );
+    });
+
+    test("renders a text input group with errors", () => {
+      const form = new FormBuilder(
+        {
+          resource: {
+            title: "Test content",
+          },
+        },
+        {
+          resource: {
+            title: "Can't be blank",
+          },
+        }
+      );
+
+      const result = form.field("resource.title");
+
+      expect(normalizeHTML(result)).toEqual(
+        normalizeHTML(`
+          <div class="mb-4 has-error">
+            <label for="f_resource_title">Title</label>
+            <input type="text" name="resource[title]" value="Test content" id="f_resource_title" />
+            <span class="text-red-600">Can't be blank</span>
+          </div>`)
+      );
+    });
+
+    test("renders an email input group", () => {
+      const form = new FormBuilder({
+        resource: {
+          email: "john@example.com",
+        },
+      });
+
+      const result = form.field("resource.email", { label: "Electronic mail" });
+
+      expect(normalizeHTML(result)).toEqual(
+        normalizeHTML(
+          `<div class="mb-4">
+            <label for="f_resource_email">Electronic mail</label>
+            <input type="text" name="resource[email]" value="john@example.com" id="f_resource_email" />
+          </div>`
+        )
+      );
+    });
+
+    test("renders a textarea group", () => {
+      const form = new FormBuilder({
+        resource: {
+          description: "Lorem ipsum dolor...",
+        },
+      });
+
+      const result = form.field("resource.description", { as: "textarea" });
+
+      expect(normalizeHTML(result)).toEqual(
+        normalizeHTML(
+          `<div class="mb-4">
+            <label for="f_resource_description">Description</label>
+            <textarea name="resource[description]" id="f_resource_description">Lorem ipsum dolor...</textarea>
+          </div>`
+        )
+      );
+    });
+
+    test("renders a single checkbox group with default value", () => {
+      const form = new FormBuilder({
+        resource: {
+          active: "yes",
+        },
+      });
+
+      const result = form.field("resource.description", {
+        as: "checkbox",
+        value: "yes",
+        default_value: "no",
+      });
+
+      expect(normalizeHTML(result)).toEqual(
+        normalizeHTML(
+          `<div class="mb-4">
+            <div class="checkbox-wrapper">
+              <input type="hidden" name="resource[description]" value="no" />
+              <input type="checkbox" value="yes" id="f_resource_description" name="resource[description]" />
+              <label for="f_resource_description">Description</label>
+            </div>
+          </div>`
+        )
+      );
+    });
+
+    test("renders a single checkbox group without default value", () => {
+      const form = new FormBuilder({
+        resource: {
+          active: "yes",
+        },
+      });
+
+      const result = form.field("resource.active", {
+        as: "checkbox",
+        value: "yes",
+      });
+
+      expect(normalizeHTML(result)).toEqual(
+        normalizeHTML(
+          `<div class="mb-4">
+            <div class="checkbox-wrapper">
+              <input type="checkbox" value="yes" id="f_resource_active" name="resource[active]" checked="checked" />
+              <label for="f_resource_active">Active</label>
+            </div>
+          </div>`
+        )
+      );
+    });
+
+    test("renders a select group", () => {
+      const form = new FormBuilder({
+        resource: {
+          layout: "default",
+        },
+      });
+
+      const result = form.field("resource.layout", {
+        as: "select",
+        options: [
+          ["default", "Default"],
+          ["headless", "Headless"],
+        ],
+      });
+
+      expect(normalizeHTML(result)).toEqual(
+        normalizeHTML(
+          `<div class="mb-4">
+            <label for="f_resource_layout">Layout</label>
+            <select name="resource[layout]" id="f_resource_layout">
+              <option value="">Please select...</option>
+              <option value="default" selected="selected">Default</option>
+              <option value="headless">Headless</option>
+            </select>
+          </div>`
+        )
+      );
+    });
+
+    test("renders a readio group", () => {
+      const form = new FormBuilder({
+        resource: {
+          color: "red",
+        },
+      });
+
+      const result = form.field("resource.color", {
+        as: "radio_group",
+        options: [
+          ["red", "Red"],
+          ["blue", "Blue"],
+          ["green", "Green"],
+        ],
+      });
+
+      expect(normalizeHTML(result)).toEqual(
+        normalizeHTML(
+          `<div class="mb-4">
+            <label for="f_resource_color">Color</label>
+            <div id="f_resource_color" name="resource[color]" class="radio-group">
+              <label ><input type="radio" name="resource[color]" value="red" checked="checked" /> Red</label>
+              <label ><input type="radio" name="resource[color]" value="blue" /> Blue</label>
+              <label ><input type="radio" name="resource[color]" value="green" /> Green</label>
+            </div>
+          </div>`
+        )
+      );
+    });
+
+    test("renders a checkbox group", () => {
+      const form = new FormBuilder({
+        resource: {
+          color: "red",
+        },
+      });
+
+      const result = form.field("resource.color", {
+        as: "checkbox_group",
+        options: [
+          ["red", "Red"],
+          ["blue", "Blue"],
+          ["green", "Green"],
+        ],
+      });
+
+      expect(normalizeHTML(result)).toEqual(
+        normalizeHTML(
+          `<div class="mb-4">
+            <label for="f_resource_color">Color</label>
+            <div id="f_resource_color" class="checkbox-group">
+              <label ><input type="checkbox" name="resource[color][]" value="red" checked="checked" /> Red</label>
+              <label ><input type="checkbox" name="resource[color][]" value="blue" /> Blue</label>
+              <label ><input type="checkbox" name="resource[color][]" value="green" /> Green</label>
+              <input type="hidden" name="resource[color][]" value="" />
+            </div>
+          </div>`
+        )
+      );
+    });
+
+    test("renders a button input group", () => {
+      const form = new FormBuilder({
+        resource: {
+          cta: {
+            label: "CTA!",
+            link: "#",
+          },
+        },
+      });
+
+      const result = form.field("resource.cta", {
+        as: "button",
+      });
+
+      expect(normalizeHTML(result)).toEqual(
+        normalizeHTML(`
+          <fieldset class="button-group">
+            <legend >Cta</legend>
+            <div class="mb-4">
+              <label for="f_resource_cta_label">Label</label>
+              <input type="text" name="resource[cta][label]" value="CTA!" id="f_resource_cta_label" class="no-margin" />
+            </div>
+            <div class="mb-4">
+              <label for="f_resource_cta_link">Link</label>
+              <input type="text" name="resource[cta][link]" value="#" id="f_resource_cta_link" class="no-margin" />
+            </div>
+            <div class="mb-4">
+              <label for="f_resource_cta_id">ID</label>
+              <input type="text" name="resource[cta][id]" value="" id="f_resource_cta_id" class="no-margin" />
+            </div>
+            <div class="mb-4">
+              <label for="f_resource_cta_type">Type</label>
+              <select name="resource[cta][type]" id="f_resource_cta_type" class="no-margin">
+                <option value="">Please select...</option>
+                <option value="primary">Primary</option>
+                <option value="secondary">Secondary</option>
+                <option value="text">Text</option>
+              </select>
+            </div>
+            <div class="mb-4">
+              <label for="f_resource_cta_target">Target</label>
+              <select name="resource[cta][target]" id="f_resource_cta_target" class="no-margin">
+                <option value="">Please select...</option>
+                <option value="_self">Self</option>
+                <option value="_blank">New Tab</option>
+              </select>
+            </div>
+            <div class="mb-4">
+            <label for="f_resource_cta_rel">Follow Link</label>
+            <select name="resource[cta][rel]" id="f_resource_cta_rel" class="no-margin">
+              <option value="">Please select...</option>
+              <option value="follow">Follow</option>
+              <option value="nofollow">No Follow</option>
+            </select>
+            </div>
+          </fieldset>`)
+      );
+    });
+
+    test("renders a link input group", () => {
+      const form = new FormBuilder({
+        resource: {
+          cta: {
+            label: "CTA!",
+            link: "#",
+          },
+        },
+      });
+
+      const result = form.field("resource.cta", {
+        as: "link",
+      });
+
+      expect(normalizeHTML(result)).toEqual(
+        normalizeHTML(
+          `
+            <fieldset class="link-group">
+              <legend >Cta</legend>
+              <div class="mb-4">
+                <label for="f_resource_cta_label">Label</label>
+                <input type="text" name="resource[cta][label]" value="CTA!" id="f_resource_cta_label" class="no-margin" />
+              </div>
+              <div class="mb-4">
+                <label for="f_resource_cta_link">Link</label>
+                <input type="text" name="resource[cta][link]" value="#" id="f_resource_cta_link" class="no-margin" />
+              </div>
+              <div class="mb-4">
+                <label for="f_resource_cta_id">ID</label>
+                <input type="text" name="resource[cta][id]" value="" id="f_resource_cta_id" class="no-margin" />
+              </div>
+              <div class="mb-4">
+                <label for="f_resource_cta_className">CSS Class</label>
+                <input type="text" name="resource[cta][className]" value="" id="f_resource_cta_className" class="no-margin" />
+              </div>
+              <div class="mb-4">
+                <label for="f_resource_cta_target">Target</label>
+                <select name="resource[cta][target]" id="f_resource_cta_target" class="no-margin">
+                  <option value="">Please select...</option>
+                  <option value="_self">Self</option>
+                  <option value="_blank">New Tab</option>
+                </select>
+              </div>
+              <div class="mb-4">
+                <label for="f_resource_cta_rel">Follow Link</label>
+                <select name="resource[cta][rel]" id="f_resource_cta_rel" class="no-margin">
+                  <option value="">Please select...</option>
+                  <option value="follow">Follow</option>
+                  <option value="nofollow">No Follow</option>
+                </select>
+              </div>
+            </fieldset>`
+        )
+      );
+    });
+  });
+
+  describe("submit", () => {
+    test("renders submit button with custom class", () => {
+      const form = new FormBuilder();
+      const result = form.submit("Save", { class: "btn-primary" });
+
+      expect(normalizeHTML(result)).toEqual(
+        '<button type="submit" class="btn-primary">Save</button>'
+      );
+    });
+  });
+});

package/src/tests/helpers/Inflector.test.js

@@ -0,0 +1,75 @@
+import Inflector from "../../helpers/Inflector";
+
+describe("Inflector", () => {
+  describe("capitalize", () => {
+    test("capitalizes first letter", () => {
+      expect(Inflector.capitalize("hello")).toBe("Hello");
+    });
+
+    test("keeps rest of string unchanged", () => {
+      expect(Inflector.capitalize("hELLo")).toBe("HELLo");
+    });
+
+    test("works with single letter", () => {
+      expect(Inflector.capitalize("h")).toBe("H");
+    });
+
+    test("handles already capitalized strings", () => {
+      expect(Inflector.capitalize("Hello")).toBe("Hello");
+    });
+  });
+
+  describe("downcase", () => {
+    test("converts string to lowercase", () => {
+      expect(Inflector.downcase("HELLO")).toBe("hello");
+    });
+
+    test("keeps lowercase strings unchanged", () => {
+      expect(Inflector.downcase("hello")).toBe("hello");
+    });
+
+    test("handles mixed case", () => {
+      expect(Inflector.downcase("HeLLo")).toBe("hello");
+    });
+
+    test("works with single letter", () => {
+      expect(Inflector.downcase("H")).toBe("h");
+    });
+  });
+
+  describe("humanize", () => {
+    test("replaces underscores with spaces", () => {
+      expect(Inflector.humanize("hello_world")).toBe("hello world");
+    });
+
+    test("replaces multiple underscores with single space", () => {
+      expect(Inflector.humanize("hello__world")).toBe("hello world");
+    });
+
+    test("replaces dashes with spaces", () => {
+      expect(Inflector.humanize("hello-world")).toBe("hello world");
+    });
+
+    test("replaces multiple dashes with single space", () => {
+      expect(Inflector.humanize("hello--world")).toBe("hello world");
+    });
+
+    test("handles mixed dashes and underscores", () => {
+      expect(Inflector.humanize("hello_beautiful-world")).toBe(
+        "hello beautiful world"
+      );
+    });
+
+    test("handles string with no replacements needed", () => {
+      expect(Inflector.humanize("hello world")).toBe("hello world");
+    });
+
+    test("handles empty string", () => {
+      expect(Inflector.humanize("")).toBe("");
+    });
+
+    test("handles string with only separators", () => {
+      expect(Inflector.humanize("___---___")).toBe(" ");
+    });
+  });
+});

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

@@ -6,6 +6,15 @@
     Edit content
   </a>
 
+  <a href="<%= `/${_context.locale}/${_context.resourceConfig.articleType}_revisions/${revision.id}/general/edit` %>" class="btn-text has-icon <%= revision.meta && revision.meta.locked ? 'cursor-not-allowed text-gray-400 pointer-events-none' : '' %>">
+    <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>
+
+    Edit settings
+  </a>
+
   <a href="<%= `/${_context.locale}/${_context.resourceConfig.articleType}_revisions/${revision.id}/publishes/new` %>" class="btn-text has-icon <%= revision.meta && revision.meta.locked ? 'cursor-not-allowed text-gray-400 pointer-events-none' : '' %>">
     <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="M15.59 14.37a6 6 0 0 1-5.84 7.38v-4.8m5.84-2.58a14.98 14.98 0 0 0 6.16-12.12A14.98 14.98 0 0 0 9.631 8.41m5.96 5.96a14.926 14.926 0 0 1-5.841 2.58m-.119-8.54a6 6 0 0 0-7.381 5.84h4.8m2.581-5.84a14.927 14.927 0 0 0-2.58 5.84m2.699 2.7c-.103.021-.207.041-.311.06a15.09 15.09 0 0 1-2.448-2.448 14.9 14.9 0 0 1 .06-.312m-2.24 2.39a4.493 4.493 0 0 0-1.757 4.306 4.493 4.493 0 0 0 4.306-1.758M16.5 9a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0Z" />
@@ -22,15 +31,6 @@
     </summary>
 
     <div class="absolute border bg-raketa-background p-4 right-4 z-20 mt-2 flex flex-col gap-4 shadow-md rounded dark:border-neutral-500">
-      <a href="<%= `/${_context.locale}/${_context.resourceConfig.articleType}_revisions/${revision.id}/general/edit` %>" class="btn-text has-icon <%= revision.meta && revision.meta.locked ? 'cursor-not-allowed text-gray-400 pointer-events-none' : '' %>">
-        <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>
-
-        Edit settings
-      </a>
-
       <a href="/remote/login?redirect_to=/<%= _context.locale %>/admin/<%= _context.resourceConfig.articleType %>-revisions/<%= revision.id %>/preview" target="_blank" class="btn-text has-icon <%= revision.meta && revision.meta.locked ? 'cursor-not-allowed text-gray-400 pointer-events-none' : '' %>">
         <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" />

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

@@ -32,9 +32,11 @@
 
       <% if (errors?.resource && targetLocale) { %>
       <div>
+        <% if (targetLocale !== _context.locale) { %>
         <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>
         <% }) %>

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

@@ -6,6 +6,15 @@
     Edit content
   </a>
 
+  <a href="<%= `/${_context.locale}/${_context.resourceConfig.eventType}_revisions/${revision.id}/general/edit` %>" class="btn-text has-icon <%= revision.meta && revision.meta.locked ? 'cursor-not-allowed text-gray-400 pointer-events-none' : '' %>">
+    <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>
+
+    Edit settings
+  </a>
+
   <a href="<%= `/${_context.locale}/${_context.resourceConfig.eventType}_revisions/${revision.id}/publishes/new` %>" class="btn-text has-icon <%= revision.meta && revision.meta.locked ? 'cursor-not-allowed text-gray-400 pointer-events-none' : '' %>">
     <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="M15.59 14.37a6 6 0 0 1-5.84 7.38v-4.8m5.84-2.58a14.98 14.98 0 0 0 6.16-12.12A14.98 14.98 0 0 0 9.631 8.41m5.96 5.96a14.926 14.926 0 0 1-5.841 2.58m-.119-8.54a6 6 0 0 0-7.381 5.84h4.8m2.581-5.84a14.927 14.927 0 0 0-2.58 5.84m2.699 2.7c-.103.021-.207.041-.311.06a15.09 15.09 0 0 1-2.448-2.448 14.9 14.9 0 0 1 .06-.312m-2.24 2.39a4.493 4.493 0 0 0-1.757 4.306 4.493 4.493 0 0 0 4.306-1.758M16.5 9a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0Z" />
@@ -22,15 +31,6 @@
     </summary>
 
     <div class="absolute border bg-raketa-background p-4 right-4 z-20 mt-2 flex flex-col gap-4 shadow-md rounded dark:border-neutral-500">
-      <a href="<%= `/${_context.locale}/${_context.resourceConfig.eventType}_revisions/${revision.id}/general/edit` %>" class="btn-text has-icon <%= revision.meta && revision.meta.locked ? 'cursor-not-allowed text-gray-400 pointer-events-none' : '' %>">
-        <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>
-
-        Edit settings
-      </a>
-
       <a href="/remote/login?redirect_to=/<%= _context.locale %>/admin/<%= _context.resourceConfig.eventType %>-revisions/<%= revision.id %>/preview" target="_blank" class="btn-text has-icon <%= revision.meta && revision.meta.locked ? 'cursor-not-allowed text-gray-400 pointer-events-none' : '' %>">
         <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" />

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

@@ -32,9 +32,11 @@
 
       <% if (errors?.resource && targetLocale) { %>
       <div>
+        <% if (targetLocale !== _context.locale) { %>
         <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>
         <% }) %>

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

@@ -6,6 +6,15 @@
     Edit content
   </a>
 
+  <a href="<%= `/${_context.locale}/${_context.resourceConfig.pageType}_revisions/${revision.id}/general/edit` %>" class="btn-text has-icon <%= revision.meta && revision.meta.locked ? 'cursor-not-allowed text-gray-400 pointer-events-none' : '' %>">
+    <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>
+
+    Edit settings
+  </a>
+
   <a href="<%= `/${_context.locale}/${_context.resourceConfig.pageType}_revisions/${revision.id}/publishes/new` %>" class="btn-text has-icon <%= revision.meta && revision.meta.locked ? 'cursor-not-allowed text-gray-400 pointer-events-none' : '' %>">
     <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="M15.59 14.37a6 6 0 0 1-5.84 7.38v-4.8m5.84-2.58a14.98 14.98 0 0 0 6.16-12.12A14.98 14.98 0 0 0 9.631 8.41m5.96 5.96a14.926 14.926 0 0 1-5.841 2.58m-.119-8.54a6 6 0 0 0-7.381 5.84h4.8m2.581-5.84a14.927 14.927 0 0 0-2.58 5.84m2.699 2.7c-.103.021-.207.041-.311.06a15.09 15.09 0 0 1-2.448-2.448 14.9 14.9 0 0 1 .06-.312m-2.24 2.39a4.493 4.493 0 0 0-1.757 4.306 4.493 4.493 0 0 0 4.306-1.758M16.5 9a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0Z" />
@@ -22,15 +31,6 @@
     </summary>
 
     <div class="absolute border bg-raketa-background p-4 right-4 z-20 mt-2 flex flex-col gap-4 shadow-md rounded dark:border-neutral-500">
-      <a href="<%= `/${_context.locale}/${_context.resourceConfig.pageType}_revisions/${revision.id}/general/edit` %>" class="btn-text has-icon <%= revision.meta && revision.meta.locked ? 'cursor-not-allowed text-gray-400 pointer-events-none' : '' %>">
-        <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>
-
-        Edit settings
-      </a>
-
       <a href="/remote/login?redirect_to=/<%= _context.locale %>/admin/<%= _context.resourceConfig.pageType %>-revisions/<%= revision.id %>/preview" target="_blank" class="btn-text has-icon <%= revision.meta && revision.meta.locked ? 'cursor-not-allowed text-gray-400 pointer-events-none' : '' %>">
         <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" />

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

@@ -32,9 +32,11 @@
 
       <% if (errors?.resource && targetLocale) { %>
       <div>
+        <% if (targetLocale !== _context.locale) { %>
         <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>
         <% }) %>
@@ -70,4 +72,4 @@
       </div>
     </div>
   </div>
-</div>
+</div>