@raketa-cloud/admin 1.8.7 → 1.8.8

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>
-<% }) %>

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

@@ -1,74 +0,0 @@
-<% if (changes && changes.list.length > 0) { %>
-<% const maxVersion = history.getMaxVersion(changes); %>
-
-<div class="mb-4 history-table-wrapper">
-  <table class="data-grid">
-    <thead>
-      <tr>
-        <th>#</th>
-        <th>Date of change</th>
-        <th>Editor</th>
-        <th>Action</th>
-        <th>Reason</th>
-        <th>&nbsp;</th>
-      </tr>
-    </thead>
-
-    <tbody>
-      <% changes.list.forEach((change)=> { %>
-      <tr class="border-b border-mono-25">
-        <td class="py-4 pl-2">
-          <div class="flex items-center gap-2">
-            <%= change.version %>
-          </div>
-        </td>
-
-        <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 %>"><%= utils.formattedDateTime(change.insertedAt) %></time>
-            </div>
-          </div>
-        </td>
-
-        <td class="whitespace-nowrap">
-          <div class="body-3 text-raketa-foreground/50">
-            <div class="flex items-center gap-1" title="<%= change.operatorMeta.name %>">
-              <% if (change.operatorMeta.avatar) { %>
-              <img src="<%= change.operatorMeta.avatar %>" class="rounded-full size-4">
-              <% } %>
-
-              <%= change.operatorMeta.name %>
-            </div>
-          </div>
-        </td>
-
-        <td class="py-4 pl-2">
-          <div class="flex items-center gap-2">
-            <%= history.changeAction(change, _context.resourceConfig.resourceType) %>
-          </div>
-        </td>
-
-        <td class="py-4 pl-2">
-          <div class="flex items-center gap-2">
-            <%= history.changeReason(change) %>
-          </div>
-        </td>
-
-        <td>
-          <%- render_partial(toolbarPath, { maxVersion, change }) %>
-        </td>
-      </tr>
-      <% }); %>
-    </tbody>
-  </table>
-
-  <% if (!skipPagination) { %>
-  <%- pagination(changes.pagination, _context) %>
-  <% } %>
-</div>
-<% } else { %>
-<div class="history-table-wrapper mb-4">
-  <p class="text-center py-4">No changes, yet.</p>
-</div>
-<% } %>

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

@@ -1,68 +0,0 @@
-<div class="page-wrapper">
-  <div class="page-title">
-    <h1 class="heading-1">
-      <span class="opacity-50">Delete / </span>
-      <%= record.title %>
-    </h1>
-  </div>
-
-  <div class="grid gap-4 md:grid-cols-3">
-    <div>
-      <% form_for({ resource }, errors, (f) => { %>
-      <form action="<%= `/${_context.locale}/${_context.resourceConfig.resourceTypePlural}/${resource.id}/deletes` %>" method="POST" class="form">
-        <%- f.field('resource.redirect', { as: 'select', required: true,options: [['301', '301: Redirect to another page'], ['404', '404: Return an error'],['410', '410: Inform Google to remove the content from its index']] }) %>
-        <%- f.field('resource.destination', {label: 'Destination URL', required: true}) %>
-
-        <div class="form-actions">
-          <div class="btn-toolbar">
-            <%- f.submit('Proceed', { class: 'btn-primary' }) %>
-            <a href="<%=`/${_context.locale}/${_context.resourceConfig.resourceTypePlural}/${resource.id}`%>" class="btn-secondary">Back</a>
-          </div>
-        </div>
-      </form>
-      <% }) %>
-    </div>
-
-    <div>
-      <div class="help">
-        <div class="mb-2 flex items-center gap-1">
-          <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">How to safely retire a page?</h3>
-        </div>
-
-        <div class="markdown">
-          <p>Warning: Deleting a page can break existing links. To mitigate this, choose one of these options:</p>
-
-          <ol>
-            <li>Create a redirect to another page</li>
-            <li>Set a 410 response to signal Google to remove the page from its index</li>
-            <li>Use a 404 response only if absolutely certain</li>
-          </ol>
-
-          <p>In all cases, the current content will be deleted and forgotten like tears in rain — a moment lost in time. You might also consider changing the visibility of the page to private, which will preserve the content but hide it from end users.</p>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-
-<script>
-  function onDestinationChange(event) {
-    const newValue = event.target.value;
-    const requiresRedirect = newValue === "301"
-
-    document.getElementById("f_resource_destination").parentElement.style.display = requiresRedirect ? "block" : "none";
-    document.getElementById("f_resource_destination").required = requiresRedirect;
-  }
-
-  onDestinationChange({
-    target: {
-      value: '<%= resource.redirect %>'
-    }
-  })
-
-  document.getElementById("f_resource_redirect").addEventListener("change", onDestinationChange)
-</script>

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

@@ -1,80 +0,0 @@
-<div class="page-wrapper">
-  <div class="page-title">
-    <div>
-      <h1 class="heading-1">Articles / History of changes</h1>
-      <span class="body-2 opacity-50"><%=  %></span>
-    </div>
-
-    <div class="actions-toolbar">
-      <a href="<%= `/${_context.locale}/${_context.resourceConfig.resourceTypePlural}/${resource.id}` %>" class="btn-text">Back</a>
-      <button type="button" data-toggle-sidebar="1" class="p-2.5 rounded hover:bg-neutral-200 transition-all duration-300 ease-in-out dark:hover:bg-neutral-700">
-        <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="m21 21-5.197-5.197m0 0A7.5 7.5 0 1 0 5.196 5.196a7.5 7.5 0 0 0 10.607 10.607Z" />
-        </svg>
-      </button>
-    </div>
-  </div>
-
-  <%- render_partial('../_shared/history_table.ejs', {
-    changes,
-    resource,
-    _context,
-    render_partial,
-    skipPagination: false,
-    toolbarPath: '../_shared/_history_toolbar.ejs'
-  }) %>
-
-</div>
-
-<div data-sidebar="1" class="search-sidebar <%= Object.keys(_context.query).some(k => k.startsWith('f:')) ? '' : 'hidden' %>">
-  <span class="heading-2">Search by</span>
-
-  <form action="<%= `/${_context.locale}/${_context.resourceConfig.resourceTypePlural}/${resource.id}/history` %>" method="GET" class="form mt-4">
-    <input type="hidden" name="order_direction" value="<%= _context.query.order_direction %>" />
-    <input type="hidden" name="order_by" value="<%= _context.query.order_by %>" />
-
-    <div class="mb-4">
-      <label for="date_from" class="font-semibold hover:cursor-pointer body-3">From</label>
-      <input type="date" name="f:date_from" value="<%= _context.query["f:date_from"] %>" />
-    </div>
-
-    <div class="mb-4">
-      <label for="date_to" class="font-semibold hover:cursor-pointer body-3">To</label>
-      <input type="date" name="f:date_to" value="<%= _context.query["f:date_to"] %>" />
-    </div>
-
-    <div class="mb-4">
-      <%- f.field('f:operator', {
-          as: 'select',
-          options: editors.map(editor => [editor.id, editor.name]),
-          label: "Editor",
-          include_blank: 'All Editors',
-          value: _context.query["f:operator"]
-        }) %>
-    </div>
-
-    <div class="mb-4">
-      <label for="" class="font-semibold hover:cursor-pointer body-3">Changes</label>
-      <div class="checkbox-group mb-4">
-        <% Object.entries(history.changeTypes(_context.resourceConfig.resourceType)).forEach(([key, {label}])=> { %>
-        <div class="flex items-center gap-1">
-          <% if (utils.includedInCollection(key, _context.query["f:change_type"])) { %>
-          <input type="checkbox" name="f:change_type" id='change-<%= key %>' checked value="<%= key %>" class="hover:cursor-pointer">
-          <% } else { %>
-          <input type="checkbox" name="f:change_type" id='change-<%= key %>' value="<%= key %>" class="hover:cursor-pointer">
-          <% } %>
-          <label for='change-<%= key %>' class="body-2 hover:cursor-pointer">
-            <%= label %>
-          </label>
-        </div>
-        <% }); %>
-      </div>
-    </div>
-
-    <div class="btn-toolbar">
-      <button type="submit" class="btn-primary">Search</button>
-      <a href="<%= `/${_context.locale}/${_context.resourceConfig.resourceTypePlural}/${resource.id}/history` %>" class="btn-text">Clear search</a>
-    </div>
-  </form>
-</div>
-