@raketa-cloud/admin 1.8.7 → 1.8.9

package/src/tests/routeResource.test.js

@@ -13,8 +13,6 @@ describe("routeResource", () => {
     const adapter = makeAdapter();
 
     routeResource(adapter, "article", "articles", {
-      viewsType: "article",
-      viewsTypePlural: "articles",
       dateFields: ["publish_at"],
     });
 
@@ -25,7 +23,7 @@ describe("routeResource", () => {
         "GET",
         "/articles/exports",
         "exports",
-        "articles/exports",
+        "resources/exports",
         "index",
         expect.any(Function),
       ],
@@ -41,8 +39,6 @@ describe("routeResource", () => {
     const adapter = makeAdapter();
 
     routeResource(adapter, "event", "events", {
-      viewsType: "event",
-      viewsTypePlural: "events",
       dateFields: ["publish_at", "starts_at", "ends_at"],
     });
 
@@ -64,10 +60,7 @@ describe("routeResource", () => {
   test("registers ResourcesHandler collection at base resource", () => {
     const adapter = makeAdapter();
 
-    routeResource(adapter, "page", "pages", {
-      viewsType: "page",
-      viewsTypePlural: "pages",
-    });
+    routeResource(adapter, "page", "pages");
 
     const baseCollection = adapter.routeCollection.mock.calls.find(
       ([mapping]) => mapping.some(([, path]) => path === "/pages")
@@ -75,17 +68,14 @@ describe("routeResource", () => {
 
     expect(baseCollection).toBeDefined();
     expect(baseCollection[1]).toMatchObject({
-      viewsFallback: "pages",
+      views: "resources",
     });
   });
 
   test("registers api collection for resources", () => {
     const adapter = makeAdapter();
 
-    routeResource(adapter, "page", "pages", {
-      viewsType: "page",
-      viewsTypePlural: "pages",
-    });
+    routeResource(adapter, "page", "pages");
 
     const apiCollection = adapter.routeCollection.mock.calls.find(
       ([mapping]) => mapping.some(([, path]) => path === "/api/pages")
@@ -97,10 +87,7 @@ describe("routeResource", () => {
   test("registers nested collections for revisions, translations, history, locks, unlocks, clones, urls, deletes, publishes, cancel_schedules, reverts", () => {
     const adapter = makeAdapter();
 
-    routeResource(adapter, "article", "articles", {
-      viewsType: "article",
-      viewsTypePlural: "articles",
-    });
+    routeResource(adapter, "article", "articles");
 
     const nestedPaths = adapter.routeNestedCollection.mock.calls.flatMap(
       ([mapping]) => mapping.map(([, path]) => path)
@@ -126,10 +113,7 @@ describe("routeResource", () => {
   test("registers nested members for general, visuals, codes, meta, tags", () => {
     const adapter = makeAdapter();
 
-    routeResource(adapter, "article", "articles", {
-      viewsType: "article",
-      viewsTypePlural: "articles",
-    });
+    routeResource(adapter, "article", "articles");
 
     const nestedMemberPaths = adapter.routeNestedMember.mock.calls.flatMap(
       ([mapping]) => mapping.map(([, path]) => path)
@@ -149,10 +133,7 @@ describe("routeResource", () => {
   test("registers api widgets and change endpoints", () => {
     const adapter = makeAdapter();
 
-    routeResource(adapter, "page", "pages", {
-      viewsType: "page",
-      viewsTypePlural: "pages",
-    });
+    routeResource(adapter, "page", "pages");
 
     const nestedMemberPaths = adapter.routeNestedMember.mock.calls.flatMap(
       ([mapping]) => mapping.map(([, path]) => path)
@@ -169,34 +150,28 @@ describe("routeResource", () => {
   test("uses default empty dateFields when not provided", () => {
     const adapter = makeAdapter();
 
-    routeResource(adapter, "page", "pages", {
-      viewsType: "page",
-      viewsTypePlural: "pages",
-    });
+    routeResource(adapter, "page", "pages");
 
     const firstCall = adapter.routeCollection.mock.calls[0];
     expect(firstCall[1].dateFields).toEqual([]);
   });
 
-  test("propagates viewsFallback with viewsTypePlural for collection helpers", () => {
+  test("propagates shared resources views for migrated collection helpers", () => {
     const adapter = makeAdapter();
 
-    routeResource(adapter, "event", "events", {
-      viewsType: "event",
-      viewsTypePlural: "events",
-    });
+    routeResource(adapter, "event", "events");
 
     const baseCollection = adapter.routeCollection.mock.calls.find(
       ([mapping]) => mapping.some(([, path]) => path === "/events")
     );
 
-    expect(baseCollection[1].viewsFallback).toBe("events");
+    expect(baseCollection[1].views).toBe("resources");
 
     const translationsCall = adapter.routeNestedCollection.mock.calls.find(
       ([mapping]) =>
         mapping.some(([, path]) => path === "/events/:parent_id/translations")
     );
 
-    expect(translationsCall[1].viewsFallback).toBe("events/translations");
+    expect(translationsCall[1].views).toBe("resources/translations");
   });
 });

package/src/tests/routeStandard.test.js

@@ -1,9 +1,7 @@
 import routeStandard from "../routeStandard";
 import routeCollection from "../routeCollection";
 import routeSettings from "../routeSettings";
-import routePagesModule from "../routePagesModule";
-import routeArticlesModule from "../routeArticlesModule";
-import routeEventsModule from "../routeEventsModule";
+import routeResource from "../routeResource";
 
 import DashboardsHandler from "../handlers/DashboardsHandler";
 import RedirectsHandler from "../handlers/RedirectsHandler";
@@ -12,17 +10,13 @@ import TagsAPIHandler from "../handlers/TagsAPIHandler";
 
 jest.mock("../routeCollection", () => jest.fn());
 jest.mock("../routeSettings", () => jest.fn());
-jest.mock("../routePagesModule", () => jest.fn());
-jest.mock("../routeArticlesModule", () => jest.fn());
-jest.mock("../routeEventsModule", () => jest.fn());
+jest.mock("../routeResource", () => jest.fn());
 
 describe("routeStandard", () => {
   beforeEach(() => {
     routeCollection.mockClear();
     routeSettings.mockClear();
-    routePagesModule.mockClear();
-    routeArticlesModule.mockClear();
-    routeEventsModule.mockClear();
+    routeResource.mockClear();
   });
 
   test("registers dashboard mapping via adapter.routeCollection", () => {
@@ -57,14 +51,20 @@ describe("routeStandard", () => {
     expect(routeCollection).toHaveBeenCalledWith(adapter, "api/tags", TagsAPIHandler);
   });
 
-  test("delegates to module-specific route registrars", () => {
+  test("delegates to routeSettings and registers page/article/event resources", () => {
     const adapter = { routeCollection: jest.fn() };
 
     routeStandard(adapter);
 
     expect(routeSettings).toHaveBeenCalledWith(adapter);
-    expect(routePagesModule).toHaveBeenCalledWith(adapter);
-    expect(routeArticlesModule).toHaveBeenCalledWith(adapter);
-    expect(routeEventsModule).toHaveBeenCalledWith(adapter);
+    expect(routeResource).toHaveBeenCalledWith(adapter, "page", "pages", {
+      dateFields: [],
+    });
+    expect(routeResource).toHaveBeenCalledWith(adapter, "article", "articles", {
+      dateFields: ["publish_at"],
+    });
+    expect(routeResource).toHaveBeenCalledWith(adapter, "event", "events", {
+      dateFields: ["publish_at", "starts_at", "ends_at"],
+    });
   });
 });

package/src/views/_shared/_date_fields_input.ejs

@@ -0,0 +1,13 @@
+<%
+  const dateFieldMeta = {
+    publish_at: { type: "date", label: `${Inflector.capitalize(_context.resourceConfig.resourceType)} post date` },
+    starts_at: { type: "datetime-local", label: "Starts at (UTC)" },
+    ends_at: { type: "datetime-local", label: "Ends at (UTC)" },
+  };
+%>
+<% (_context.resourceConfig.dateFields || []).forEach((name) => { %>
+<% const meta = dateFieldMeta[name]; %>
+<% if (meta) { %>
+<%- f.field(`resource.settings.${name}`, { required: true, type: meta.type, label: meta.label }) %>
+<% } %>
+<% }) %>

package/src/views/{page_revisions → resource_revisions}/general/_form.ejs

@@ -2,6 +2,7 @@
 <form action="<%= `/${_context.locale}/${_context.resourceConfig.resourceType}_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, slash and dash allowed. E.g: celebrate/friday-13" }) %>
+  <%- include('../../_shared/_date_fields_input.ejs', { f }) %>
   <%- f.field('resource.visibility', { as: 'select', required: true, options: visibilityOptions }) %>
 
   <%- include('../../_shared/_credentials_input.ejs', { f, visibilityFieldId: "f_resource_visibility"}) %>

package/src/views/{pages → resources}/_form.ejs

@@ -4,6 +4,7 @@
 
   <%- f.field('resource.title', { required: true }) %>
   <%- f.field('resource.slug', { label: "URL", required: true, hint: "Only lowercase letters, numbers, slash and dash allowed. Ex: celebrate/friday-13" }) %>
+  <%- include('../_shared/_date_fields_input.ejs', { f }) %>
   <%- f.field('resource.visibility', { as: 'select', required: true, options: visibilityOptions }) %>
 
   <%- include('../_shared/_credentials_input.ejs', { f, visibilityFieldId: "f_resource_visibility"}) %>

package/src/views/{pages → resources}/history/index.ejs

@@ -1,7 +1,7 @@
 <div class="page-wrapper">
   <div class="page-title">
     <div>
-      <h1 class="heading-1">Pages / History of changes</h1>
+      <h1 class="heading-1"><%= Inflector.humanize(Inflector.capitalize(_context.resourceConfig.resourceTypePlural)) %> / History of changes</h1>
       <span class="body-2 opacity-50"><%=  %></span>
     </div>
 

package/src/views/{articles → resources}/index.ejs

@@ -15,12 +15,16 @@
     </div>
   </div>
 
+  <% const hasPublishAt = _context.resourceConfig.dateFields?.includes('publish_at'); %>
+
   <table class="data-grid">
     <thead>
       <tr>
         <th><%- sort_button("Title", "title", _context) %></th>
         <th>Visibility</th>
+        <% if (hasPublishAt) { %>
         <th><%- sort_button(`${Inflector.capitalize(_context.resourceConfig.resourceType)} post date`, "publish_at", _context) %></th>
+        <% } %>
         <th><%- sort_button("Last change", "updated_at", _context) %></th>
         <th>Translations</th>
       </tr>
@@ -77,9 +81,11 @@
           </div>
         </td>
 
+        <% if (hasPublishAt) { %>
         <td>
           <time data-pretty-date datetime="<%= item.settings.publish_at %>"><%= utils.formattedDate(item.settings.publish_at) %></time>
         </td>
+        <% } %>
 
         <td>
           <div class="body-3 text-raketa-foreground/50">

package/src/views/{pages → resources}/show.ejs

@@ -4,12 +4,12 @@
     <%- render_partial('./_shared/_toolbar.ejs') %>
   </div>
 
-  <div class="flex flex-wrap items-center gap-1 mb-6 -mt-4">
+  <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;
+        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 => { %>
@@ -215,8 +215,8 @@
       toolbarPath: './_shared/_history_toolbar.ejs'
     }) %>
 
-    <a href="<%= `/${_context.locale}/${_context.resourceConfig.resourceTypePlural}/${resource.id}/history` %>" class="ml-2 btn-text">
+    <a href="<%= `/${_context.locale}/${_context.resourceConfig.resourceTypePlural}/${resource.id}/history` %>" class="my-8 ml-2 btn-text">
       Full page history
     </a>
   </div>
-</div>
+</div>

package/src/views/{articles → resources}/translations/create_form.ejs

@@ -59,13 +59,13 @@
             <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>
+          <h3 class="heading-3">Translating <%= Inflector.downcase(_context.resourceConfig.resourceTypePlural) %></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>A private copy of the <%= Inflector.downcase(_context.resourceConfig.resourceType) %> 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>

package/src/routeArticlesModule.js

@@ -1,15 +0,0 @@
-import routeResource from "./routeResource";
-
-function routeArticlesModule(
-  adapter,
-  resourceType = "article",
-  resourceTypePlural = "articles",
-) {
-  return routeResource(adapter, resourceType, resourceTypePlural, {
-    viewsType: "article",
-    viewsTypePlural: "articles",
-    dateFields: ["publish_at"],
-  });
-}
-
-export default routeArticlesModule;

package/src/routeEventsModule.js

@@ -1,15 +0,0 @@
-import routeResource from "./routeResource";
-
-function routeEventsModule(
-  adapter,
-  resourceType = "event",
-  resourceTypePlural = "events",
-) {
-  return routeResource(adapter, resourceType, resourceTypePlural, {
-    viewsType: "event",
-    viewsTypePlural: "events",
-    dateFields: ["publish_at", "starts_at", "ends_at"],
-  });
-}
-
-export default routeEventsModule;

package/src/routePagesModule.js

@@ -1,15 +0,0 @@
-import routeResource from "./routeResource";
-
-function routePagesModule(
-  adapter,
-  resourceType = "page",
-  resourceTypePlural = "pages",
-) {
-  return routeResource(adapter, resourceType, resourceTypePlural, {
-    viewsType: "page",
-    viewsTypePlural: "pages",
-    dateFields: [],
-  });
-}
-
-export default routePagesModule;

package/src/tests/routeArticlesModule.test.js

@@ -1,43 +0,0 @@
-import routeArticlesModule from "../routeArticlesModule";
-import routeResource from "../routeResource";
-
-jest.mock("../routeResource", () => jest.fn());
-
-describe("routeArticlesModule", () => {
-  beforeEach(() => {
-    routeResource.mockClear();
-  });
-
-  test("delegates to routeResource with default types and publish_at dateField", () => {
-    const adapter = {};
-
-    routeArticlesModule(adapter);
-
-    expect(routeResource).toHaveBeenCalledWith(adapter, "article", "articles", {
-      viewsType: "article",
-      viewsTypePlural: "articles",
-      dateFields: ["publish_at"],
-    });
-  });
-
-  test("delegates to routeResource with custom types", () => {
-    const adapter = {};
-
-    routeArticlesModule(adapter, "post", "posts");
-
-    expect(routeResource).toHaveBeenCalledWith(adapter, "post", "posts", {
-      viewsType: "article",
-      viewsTypePlural: "articles",
-      dateFields: ["publish_at"],
-    });
-  });
-
-  test("returns value of routeResource", () => {
-    const adapter = {};
-    routeResource.mockReturnValueOnce("ok");
-
-    const result = routeArticlesModule(adapter);
-
-    expect(result).toBe("ok");
-  });
-});

package/src/tests/routeEventsModule.test.js

@@ -1,43 +0,0 @@
-import routeEventsModule from "../routeEventsModule";
-import routeResource from "../routeResource";
-
-jest.mock("../routeResource", () => jest.fn());
-
-describe("routeEventsModule", () => {
-  beforeEach(() => {
-    routeResource.mockClear();
-  });
-
-  test("delegates to routeResource with default types and event dateFields", () => {
-    const adapter = {};
-
-    routeEventsModule(adapter);
-
-    expect(routeResource).toHaveBeenCalledWith(adapter, "event", "events", {
-      viewsType: "event",
-      viewsTypePlural: "events",
-      dateFields: ["publish_at", "starts_at", "ends_at"],
-    });
-  });
-
-  test("delegates to routeResource with custom types", () => {
-    const adapter = {};
-
-    routeEventsModule(adapter, "meeting", "meetings");
-
-    expect(routeResource).toHaveBeenCalledWith(adapter, "meeting", "meetings", {
-      viewsType: "event",
-      viewsTypePlural: "events",
-      dateFields: ["publish_at", "starts_at", "ends_at"],
-    });
-  });
-
-  test("returns value of routeResource", () => {
-    const adapter = {};
-    routeResource.mockReturnValueOnce("ok");
-
-    const result = routeEventsModule(adapter);
-
-    expect(result).toBe("ok");
-  });
-});

package/src/tests/routePagesModule.test.js

@@ -1,43 +0,0 @@
-import routePagesModule from "../routePagesModule";
-import routeResource from "../routeResource";
-
-jest.mock("../routeResource", () => jest.fn());
-
-describe("routePagesModule", () => {
-  beforeEach(() => {
-    routeResource.mockClear();
-  });
-
-  test("delegates to routeResource with default types", () => {
-    const adapter = {};
-
-    routePagesModule(adapter);
-
-    expect(routeResource).toHaveBeenCalledWith(adapter, "page", "pages", {
-      viewsType: "page",
-      viewsTypePlural: "pages",
-      dateFields: [],
-    });
-  });
-
-  test("delegates to routeResource with custom types", () => {
-    const adapter = {};
-
-    routePagesModule(adapter, "landing", "landings");
-
-    expect(routeResource).toHaveBeenCalledWith(adapter, "landing", "landings", {
-      viewsType: "page",
-      viewsTypePlural: "pages",
-      dateFields: [],
-    });
-  });
-
-  test("returns value of routeResource", () => {
-    const adapter = {};
-    routeResource.mockReturnValueOnce("ok");
-
-    const result = routePagesModule(adapter);
-
-    expect(result).toBe("ok");
-  });
-});

package/src/views/article_revisions/_nav.ejs

@@ -1,53 +0,0 @@
-<% if (_context.query?.success) { %>
-  <div class="mb-6 text-emerald-600">Settings saved successfully.</div>
-<% } %>
-
-<%
-  const activeClass = "relative top-0.5 px-4 border-b-2 border-raketa-primary pb-4";
-  const inactiveClass = "relative top-0.5 px-4 border-b-2 border-transparent pb-4";
-%>
-
-<div class="flex gap-4 w-full pb-4">
-  <div class="flex items-center justify-between mb-4">
-    <div class="flex items-center border-b-2">
-      <div class=" <%= active === 'general' ? activeClass : inactiveClass %>">
-        <a href="<%= `/${_context.locale}/${_context.resourceConfig.resourceType}_revisions/${resource.id}/general/edit` %>" class="text-raketa-primary font-semibold">
-          General
-        </a>
-      </div>
-
-      <div class="<%= active === 'visuals' ? activeClass : inactiveClass %>">
-        <a href="<%= `/${_context.locale}/${_context.resourceConfig.resourceType}_revisions/${resource.id}/visuals/edit` %>" class="text-raketa-primary font-semibold">
-          Visuals
-        </a>
-      </div>
-
-      <div class="<%= active === 'codes' ? activeClass : inactiveClass %>">
-        <a href="<%= `/${_context.locale}/${_context.resourceConfig.resourceType}_revisions/${resource.id}/codes/edit` %>" class="text-raketa-primary font-semibold">
-          Code customizations
-        </a>
-      </div>
-
-      <div class="<%= active === 'meta' ? activeClass : inactiveClass %>">
-        <a href="<%= `/${_context.locale}/${_context.resourceConfig.resourceType}_revisions/${resource.id}/meta/edit` %>" class="text-raketa-primary font-semibold">
-          Open graph & meta tags
-        </a>
-      </div>
-
-      <div class="<%= active === 'tags' ? activeClass : inactiveClass %>">
-        <a href="<%= `/${_context.locale}/${_context.resourceConfig.resourceType}_revisions/${resource.id}/tags/edit` %>" class="text-raketa-primary font-semibold">
-          Content tags
-        </a>
-      </div>
-    </div>
-  </div>
-
-  <div>
-    <a href="/remote/login?redirect_to=/<%= _context.locale %>/admin/<%= _context.resourceConfig.resourceType %>-revisions/<%= resource.id %>/builder" class="btn-secondary has-icon <%= resource.meta && resource.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="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>
-      Edit content
-    </a>
-  </div>
-</div>

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

@@ -1,18 +0,0 @@
-<% form_for({ resource }, errors, (f) => { %>
-<form action="<%= `/${_context.locale}/${_context.resourceConfig.resourceType}_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.settings.publish_at', { required: true, type: 'date', label: `${Inflector.capitalize(_context.resourceConfig.resourceType)} post date` }) %>
-  <%- f.field('resource.visibility', { as: 'select', required: true, options: visibilityOptions }) %>
-
-  <%- include('../../_shared/_credentials_input.ejs', { f, visibilityFieldId: "f_resource_visibility"}) %>
-
-  <div class="form-actions">
-    <div class="btn-toolbar">
-      <%- f.submit('Save', { class: 'btn-primary' }) %>
-      <%- f.submit('Save and publish', { class: 'btn-secondary', name: '_next', value: 'publish' }) %>
-      <a href="<%= `/${_context.locale}/${_context.resourceConfig.resourceTypePlural}/${resource.originalId}` %>" class="btn-text">Back</a>
-    </div>
-  </div>
-</form>
-<% }) %>

package/src/views/article_revisions/tags/edit_form.ejs

@@ -1,16 +0,0 @@
-<div class="page-wrapper">
-  <div class="page-title">
-    <h1 class="heading-1">
-      <span class="opacity-50">Tags / </span>
-      <%= resource.title %>
-    </h1>
-  </div>
-
-  <%- render_partial('../_nav.ejs', { resource, active: 'tags' }) %>
-
-  <div class="grid gap-4 md:grid-cols-3">
-    <div>
-      <%- render_partial('_form.ejs', { tags: tags }) %>
-    </div>
-  </div>
-</div>

package/src/views/articles/_form.ejs

@@ -1,45 +0,0 @@
-<% form_for({ resource }, errors, (f) => { %>
-<form action="<%= resource?.id ? `/${_context.locale}/${_context.resourceConfig.resourceTypePlural}/${resource.id}` : `/${_context.locale}/${_context.resourceConfig.resourceTypePlural}` %>" method="post" class="form">
-  <h2 class="mb-4 heading-2">General</h2>
-
-  <%- 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.settings.publish_at', { required: true, type: 'date', label: `${Inflector.capitalize(_context.resourceConfig.resourceType)} post date` }) %>
-  <%- f.field('resource.visibility', { as: 'select', required: true, options: visibilityOptions }) %>
-
-  <%- include('../_shared/_credentials_input.ejs', { f, visibilityFieldId: "f_resource_visibility"}) %>
-
-  <h2 class="my-4 heading-2">Visuals</h2>
-
-  <%- include('../_shared/_layout_input.ejs', { f }) %>
-
-  <h2 class="my-4 heading-2">OpenGraph & Meta tags</h2>
-
-  <%- f.field('resource.settings.meta.title', { required: true, label: "Meta title", hint: "Used for both meta and OpenGraph" }) %>
-  <%- f.field('resource.settings.meta.description', { as: "textarea", required: true, label: "Meta description", hint: "Used for both meta and OpenGraph" }) %>
-
-  <raketa-image-picker name="resource[settings][meta][image]" value="<%= JSON.stringify(resource.settings?.meta?.image || {}) %>" label="OpenGraph image"></raketa-image-picker>
-
-  <h2 class="my-4 heading-2">Content tags</h2>
-
-  <%- f.field('resource.tags', { as: 'checkbox_group', options: tags.map(tag => [tag.id, tag.name]) }) %>
-
-  <div class="form-actions">
-    <div class="btn-toolbar">
-      <%- f.submit('Save record', { class: 'btn-primary' }) %>
-
-      <a href="<%= `/${_context.locale}/${_context.resourceConfig.resourceTypePlural}` %>" class="btn-secondary">Back to list</a>
-    </div>
-
-    <% if (resource?.id) {%>
-    <button hx-delete="<%= `/${_context.locale}/${_context.resourceConfig.resourceTypePlural}/${resource.id}` %>" hx-confirm="Are you sure?" class="btn-danger 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="m14.74 9-.346 9m-4.788 0L9.26 9m9.968-3.21c.342.052.682.107 1.022.166m-1.022-.165L18.16 19.673a2.25 2.25 0 0 1-2.244 2.077H8.084a2.25 2.25 0 0 1-2.244-2.077L4.772 5.79m14.456 0a48.108 48.108 0 0 0-3.478-.397m-12 .562c.34-.059.68-.114 1.022-.165m0 0a48.11 48.11 0 0 1 3.478-.397m7.5 0v-.916c0-1.18-.91-2.164-2.09-2.201a51.964 51.964 0 0 0-3.32 0c-1.18.037-2.09 1.022-2.09 2.201v.916m7.5 0a48.667 48.667 0 0 0-7.5 0" />
-      </svg>
-
-      Delete record
-    </button>
-    <% } %>
-  </div>
-</form>
-<% }) %>