@raketa-cloud/admin 0.0.102 → 0.0.103

package/src/views/event_revisions/locks/create_form.ejs

@@ -0,0 +1,27 @@
+<div class="page-wrapper">
+  <div class="page-title">
+    <h1 class="heading-1">Lock revision</h1>
+  </div>
+
+  <div class="grid gap-4 md:grid-cols-3">
+    <div>
+      <%- render_partial('_form.ejs') %>
+    </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 lock a revision?</h3>
+        </div>
+
+        <div class="markdown">
+          <p>You can lock a revision to prevent publishing or deletion by anyone, including yourself. When locking, provide a clear, informative message explaining the reason. Remember that while this feature is designed to facilitate collaboration, any user can still unlock the revision.</p>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>

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

@@ -0,0 +1,15 @@
+<% form_for({ resource }, errors, (f) => { %>
+<form action="<%= `/${_context.locale}/${_context.resourceConfig.eventType}_revisions/${resource.id}/meta` %>" method="POST" class="form">
+  <%- 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>
+
+  <div class="form-actions">
+    <div class="btn-toolbar">
+      <%- f.submit('Save changes', { class: 'btn-primary' }) %>
+      <a href="<%= `/${_context.locale}/${_context.resourceConfig.eventTypePlural}/${resource.originalId}` %>" class="btn-secondary">Back</a>
+    </div>
+  </div>
+</form>
+<% }) %>

package/src/views/event_revisions/meta/edit_form.ejs

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

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

@@ -0,0 +1,77 @@
+<% form_for({ publishing }, errors, (f) => { %>
+<form action="<%= `/${_context.locale}/${_context.resourceConfig.eventType}_revisions/${publishing.id}/publishes` %>" method="post" class="form">
+  <% if (errors.slug) { %>
+  <div class="mb-4 text-red-500">A page with this URL already exists</div>
+  <% } %>
+
+  <%- f.field('publishing.type', { as: 'radio_group', label: "", options: [["now", "Publish now"], ["later", "Schedule for a date"]] }) %>
+  <%- f.field('publishing.mergeAt', { type: 'datetime-local', label: 'Publish revision at (UTC)' }) %>
+
+  <%- f.field('publishing.title'), { required: true, hint: "Appears in the history of changes" } %>
+  <%- f.field('publishing.description', { as: "textarea", hint: "Provide optional details" }) %>
+  <%- f.field('publishing.visibility', { as: 'select', required: true, options: visibilityOptions }) %>
+  <%- f.field('publishing.username', { required: true }) %>
+  <%- f.field('publishing.password', { required: true }) %>
+
+  <div class="form-actions">
+    <div class="btn-toolbar">
+      <%- f.submit('Save record', { class: 'btn-primary' }) %>
+
+      <a href="<%= `/${_context.locale}/${_context.resourceConfig.eventTypePlural}/${publishing.originalId}` %>" class="btn-secondary">Back</a>
+    </div>
+  </div>
+</form>
+<% }) %>
+
+
+<script>
+  // Takes care of the publishint time!
+  const typeEl = document.getElementById("f_publishing_type")
+  const mergeAtEl = document.getElementById("f_publishing_mergeAt")
+
+  function radioGroupValue(radioGroup) {
+    let val = "";
+
+    radioGroup.querySelectorAll('input[type="radio"]').forEach(input => {
+
+      if (input.checked) {
+        val = input.value
+      }
+
+    })
+
+    return val;
+  }
+
+  function handleTypeChange(value) {
+    const shouldShowMergeAt = value === "later"
+
+    if (shouldShowMergeAt) {
+      mergeAtEl.parentNode.classList.remove('hidden')
+    } else {
+      mergeAtEl.parentNode.classList.add('hidden')
+    }
+  }
+
+  typeEl.addEventListener("change", (e) => handleTypeChange(e.target.value))
+  handleTypeChange(radioGroupValue(typeEl))
+</script>
+
+<script>
+  const visibilityEl = document.getElementById("f_publishing_visibility");
+  const usernameEl = document.getElementById("f_publishing_username").parentElement;
+  const passwordEl = document.getElementById("f_publishing_password").parentElement;
+
+  function handleVisibilityChange(value) {
+    const isHidden = value !== "protected";
+
+    usernameEl.classList.toggle('hidden', isHidden);
+    passwordEl.classList.toggle('hidden', isHidden);
+
+    usernameEl.querySelector('input').toggleAttribute('required', !isHidden);
+    passwordEl.querySelector('input').toggleAttribute('required', !isHidden);
+  }
+
+  visibilityEl.addEventListener("change", (e) => handleVisibilityChange(e.target.value));
+  handleVisibilityChange(visibilityEl.value);
+</script>

package/src/views/event_revisions/publishes/create_form.ejs

@@ -0,0 +1,9 @@
+<div class="page-wrapper">
+  <div class="page-title">
+    <h1 class="heading-1">Publish revision</h1>
+  </div>
+
+  <div class="grid gap-4 md:grid-cols-3">
+    <%- render_partial('_form.ejs') %>
+  </div>
+</div>

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

@@ -0,0 +1,12 @@
+<% form_for({ resource }, errors, (f) => { %>
+<form action="<%= `/${_context.locale}/${_context.resourceConfig.eventType}_revisions/${resource.id}/tags` %>" method="POST" class="form">
+  <%- 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 changes', { class: 'btn-primary' }) %>
+      <a href="<%= `/${_context.locale}/${_context.resourceConfig.eventTypePlural}/${resource.originalId}` %>" class="btn-secondary">Back</a>
+    </div>
+  </div>
+</form>
+<% }) %>

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

@@ -0,0 +1,16 @@
+<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/event_revisions/visuals/_form.ejs

@@ -0,0 +1,12 @@
+<% form_for({ resource }, errors, (f) => { %>
+<form action="<%= `/${_context.locale}/${_context.resourceConfig.eventType}_revisions/${resource.id}/visuals` %>" method="POST" class="form">
+  <%- include('../../_shared/_layout_input.ejs', { f }) %>
+
+  <div class="form-actions">
+    <div class="btn-toolbar">
+      <%- f.submit('Save changes', { class: 'btn-primary' }) %>
+      <a href="<%= `/${_context.locale}/${_context.resourceConfig.eventTypePlural}/${resource.originalId}` %>" class="btn-secondary">Back</a>
+    </div>
+  </div>
+</form>
+<% }) %>

package/src/views/event_revisions/visuals/edit_form.ejs

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

package/src/views/events/_form.ejs

@@ -0,0 +1,47 @@
+<% form_for({ resource }, errors, (f) => { %>
+<form action="<%= resource?.id ? `/${_context.locale}/${_context.resourceConfig.eventTypePlural}/${resource.id}` : `/${_context.locale}/${_context.resourceConfig.eventTypePlural}` %>" method="post" class="form">
+  <h2 class="heading-2 mb-4">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.publishAt', { required: true, type: 'datetime-local', label: 'Publish at (UTC)' }) %>
+  <%- f.field('resource.startsAt', { required: true, type: 'datetime-local', label: 'Starts at (UTC)' }) %>
+  <%- f.field('resource.endsAt', { required: true, type: 'datetime-local', label: 'Ends at (UTC)' }) %>
+  <%- f.field('resource.visibility', { as: 'select', required: true, options: visibilityOptions }) %>
+
+  <%- include('../_shared/_credentials_input.ejs', { f, visibilityFieldId: "f_resource_visibility"}) %>
+
+  <h2 class="heading-2 my-4">Visuals</h2>
+
+  <%- include('../_shared/_layout_input.ejs', { f }) %>
+
+  <h2 class="heading-2 my-4">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="heading-2 my-4">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.eventTypePlural}` %>" class="btn-secondary">Back to list</a>
+    </div>
+
+    <% if (resource?.id) {%>
+    <button hx-delete="<%= `/${_context.locale}/${_context.resourceConfig.eventTypePlural}/${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/events/_shared/_history_toolbar.ejs

@@ -0,0 +1,24 @@
+<div class="actions-toolbar justify-end">
+  <form method="POST" action="<%= `/${_context.locale}/${_context.resourceConfig.pageTypePlural}/${resource.id}/${_context.resourceConfig.pageType}_changes/reverts` %>" class="inline-block">
+    <input type="hidden" name="version" value="<%= change.version %>">
+
+    <% if (history.isChangeRevertable(change, maxVersion)) { %>
+    <button type="submit" class="btn-text">
+      Revert
+    </button>
+    <% } else { %>
+    <button type="submit" disabled class="btn-text opacity-50 cursor-not-allowed">
+      Revert
+    </button>
+    <% } %>
+  </form>
+
+  <a href="/remote/login?redirect_to=/<%= _context.locale %>/admin/<%= _context.resourceConfig.eventTypePlural %>/<%= resource.id %>/changes/<%= change.version %>" 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="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" />
+    </svg>
+
+    Preview
+  </a>
+</div>

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

@@ -0,0 +1,68 @@
+<div class="actions-toolbar justify-end">
+  <a href="/remote/login?redirect_to=/<%= _context.locale %>/admin/<%= _context.resourceConfig.eventType %>-revisions/<%= revision.id %>/builder" 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="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>
+
+  <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" />
+    </svg>
+
+    Publish
+  </a>
+
+  <details class="unstyled-details">
+    <summary class="cursor-pointer">
+      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6">
+        <path stroke-linecap="round" stroke-linejoin="round" d="M12 6.75a.75.75 0 1 1 0-1.5.75.75 0 0 1 0 1.5ZM12 12.75a.75.75 0 1 1 0-1.5.75.75 0 0 1 0 1.5ZM12 18.75a.75.75 0 1 1 0-1.5.75.75 0 0 1 0 1.5Z" />
+      </svg>
+    </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="/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" />
+          <path stroke-linecap="round" stroke-linejoin="round" d="M15 12a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z" />
+        </svg>
+
+        Preview
+      </a>
+
+      <% if (revision.meta && revision.meta.locked) { %>
+      <form action="<%= `/${_context.locale}/${_context.resourceConfig.eventType}_revisions/${revision.id}/unlocks` %>" method="post" class="inline-flex gap-2 items-center">
+        <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="M13.5 10.5V6.75a4.5 4.5 0 1 1 9 0v3.75M3.75 21.75h10.5a2.25 2.25 0 0 0 2.25-2.25v-6.75a2.25 2.25 0 0 0-2.25-2.25H3.75a2.25 2.25 0 0 0-2.25 2.25v6.75a2.25 2.25 0 0 0 2.25 2.25Z" />
+        </svg>
+        <%- f.submit('Unlock', { class: 'btn-text' }) %>
+      </form>
+      <% } else { %>
+      <a href="<%= `/${_context.locale}/${_context.resourceConfig.eventType}_revisions/${revision.id}/locks/new` %>" 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.5 10.5V6.75a4.5 4.5 0 1 0-9 0v3.75m-.75 11.25h10.5a2.25 2.25 0 0 0 2.25-2.25v-6.75a2.25 2.25 0 0 0-2.25-2.25H6.75a2.25 2.25 0 0 0-2.25 2.25v6.75a2.25 2.25 0 0 0 2.25 2.25Z" />
+        </svg>
+        Lock
+      </a>
+      <% } %>
+
+      <button hx-delete="<%= `/${_context.locale}/${_context.resourceConfig.eventType}_revisions/${revision.id}` %>" hx-confirm="Are you sure?" type="button" class="btn-danger 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="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
+      </button>
+    </div>
+  </details>
+</div>

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

@@ -0,0 +1,12 @@
+<h1 class="heading-1 flex items-center gap-2">
+  <%= resource.title %>
+
+  <% if (resource.visibility !== "private") { %>
+  <a href="<%= _context.remoteConfig.resourceUrl(resource, _context.resourceConfig.eventType, _context.locale) %>" target="_blank">
+    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6 text-raketa-primary">
+      <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 6H5.25A2.25 2.25 0 0 0 3 8.25v10.5A2.25 2.25 0 0 0 5.25 21h10.5A2.25 2.25 0 0 0 18 18.75V10.5m-10.5 6L21 3m0 0h-5.25M21 3v5.25" />
+    </svg>
+  </a>
+  <% } %>
+</h1>
+

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

@@ -0,0 +1,33 @@
+<div class="actions-toolbar">
+  <form method="POST" action="<%= `/${_context.locale}/${_context.resourceConfig.eventTypePlural}/${resource.id}/${_context.resourceConfig.eventType}_revisions` %>" class="inline-block">
+    <button type="submit" class="btn-primary">
+      Start revision
+    </button>
+  </form>
+
+  <a href="<%= `/${_context.locale}/${_context.resourceConfig.eventTypePlural}/${resource.id}/urls/new` %>" 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="M13.19 8.688a4.5 4.5 0 0 1 1.242 7.244l-4.5 4.5a4.5 4.5 0 0 1-6.364-6.364l1.757-1.757m13.35-.622 1.757-1.757a4.5 4.5 0 0 0-6.364-6.364l-4.5 4.5a4.5 4.5 0 0 0 1.242 7.244" />
+    </svg>
+
+    Change URL
+  </a>
+
+  <form action="<%= `/${_context.locale}/${_context.resourceConfig.eventTypePlural}/${resource.id}/clones` %>" method="post" class="inline-block">
+    <button type="submit" 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="M15.75 17.25v3.375c0 .621-.504 1.125-1.125 1.125h-9.75a1.125 1.125 0 0 1-1.125-1.125V7.875c0-.621.504-1.125 1.125-1.125H6.75a9.06 9.06 0 0 1 1.5.124m7.5 10.376h3.375c.621 0 1.125-.504 1.125-1.125V11.25c0-4.46-3.243-8.161-7.5-8.876a9.06 9.06 0 0 0-1.5-.124H9.375c-.621 0-1.125.504-1.125 1.125v3.5m7.5 10.375H9.375a1.125 1.125 0 0 1-1.125-1.125v-9.25m12 6.625v-1.875a3.375 3.375 0 0 0-3.375-3.375h-1.5a1.125 1.125 0 0 1-1.125-1.125v-1.5a3.375 3.375 0 0 0-3.375-3.375H9.75" />
+      </svg>
+
+      Clone <%= Inflector.humanize(Inflector.downcase(_context.resourceConfig.eventType)) %>
+    </button>
+  </form>
+
+  <a href="<%= `/${_context.locale}/${_context.resourceConfig.eventTypePlural}/${resource.id}/deletes/new` %>" 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 <%= Inflector.humanize(Inflector.downcase(_context.resourceConfig.eventType)) %>
+  </a>
+</div>

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

@@ -0,0 +1,68 @@
+<% const maxVersion = history.getMaxVersion(changes); %>
+
+<div class="history-table-wrapper mb-4">
+  <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 %>"><%= 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="size-4 rounded-full">
+              <% } %>
+
+              <%= change.operatorMeta.name %>
+            </div>
+          </div>
+        </td>
+
+        <td class="py-4 pl-2">
+          <div class="flex items-center gap-2">
+            <%= history.changeAction(change, _context.resourceConfig.eventType) %>
+          </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>

package/src/views/events/create_form.ejs

@@ -0,0 +1,9 @@
+<div class="page-wrapper">
+  <div class="page-title">
+    <h1 class="heading-1">Create <%= Inflector.humanize(Inflector.downcase(_context.resourceConfig.eventType)) %></h1>
+  </div>
+
+  <div class="grid gap-4 md:grid-cols-3">
+    <%- render_partial('_form.ejs') %>
+  </div>
+</div>

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

@@ -0,0 +1,68 @@
+<div class="page-wrapper">
+  <div class="page-title">
+    <h1 class="heading-1">
+      <span class="opacity-50">Delete / </span>
+      <%= event.title %>
+    </h1>
+  </div>
+
+  <div class="grid gap-4 md:grid-cols-3">
+    <div>
+      <% form_for({ resource }, errors, (f) => { %>
+      <form action="<%= `/${_context.locale}/${_context.resourceConfig.eventTypePlural}/${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.eventTypePlural}/${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>