@raketa-cloud/admin 0.0.102 → 1.0.0

package/src/views/articles/show.ejs

@@ -0,0 +1,234 @@
+<div class="page-wrapper">
+  <div class="page-title">
+    <%- render_partial('./_shared/_title.ejs') %>
+    <%- render_partial('./_shared/_toolbar.ejs') %>
+  </div>
+
+  <div class="flex flex-wrap items-center gap-1 mb-6 -my-4">
+    <%
+        const availableLocales = Object.keys(_context.locales);
+        const totalPossibleTranslations = availableLocales.length - 1;
+        const existingTranslationsCount = Object.keys(resource.translations).length;
+        const canBeTranslated = existingTranslationsCount < totalPossibleTranslations;
+    %>
+
+    <% Object.keys(_context.locales).forEach(key => { %>
+    <% const { name, _code, flag} = _context.locales[key] %>
+    <% if (key === _context.locale) { %>
+    <img title="<%= name %>" src="<%= flag %>" alt="<%= name %>" class="size-6 rounded-full border dark:border-neutral-700" />
+    <% } else if (resource.translations[key]) { %>
+    <a href="<%= `/${key}/${_context.resourceConfig.articleTypePlural}/${resource.translations[key].id}` %>">
+      <img title="<%= name %>" src="<%= flag %>" alt="<%= name %>" class="size-6 rounded-full border dark:border-neutral-700" />
+    </a>
+    <% } else { %>
+    <a href="<%= `/${_context.locale}/${_context.resourceConfig.articleTypePlural}/${resource.id}/translations/new?target_locale=${key}` %>">
+      <img title="<%= name %>" src="<%= flag %>" alt="<%= name %>" class="<%= [" transition-all ease-in-out duration-300 size-6 rounded-full border hover:opacity-100 dark:border-neutral-700", key === _context.locale ? "opacity-100" : "opacity-10"].join(" ") %>" />
+    </a>
+    <% } %>
+    <% }); %>
+
+    <% if (canBeTranslated) { %>
+    <a href="<%= `/${_context.locale}/${_context.resourceConfig.articleTypePlural}/${resource.id}/translations/new` %>" class="btn-text ml-2">
+      Translate
+    </a>
+    <% } %>
+  </div>
+
+  <%
+    const openedRevisions = []
+    const scheduledRevisions = []
+
+    revisions.forEach(r => {
+      if (r.schedule) {
+        scheduledRevisions.push(r)
+      } else {
+        openedRevisions.push(r)
+      }
+    })
+  %>
+
+  <% if (openedRevisions.length) { %>
+  <div class="pb-8">
+    <h4 class="pb-4 heading-3 flex items-center gap-2">
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="size-4 text-raketa-primary">
+        <path fill-rule="evenodd" d="M5.625 1.5c-1.036 0-1.875.84-1.875 1.875v17.25c0 1.035.84 1.875 1.875 1.875h12.75c1.035 0 1.875-.84 1.875-1.875V12.75A3.75 3.75 0 0 0 16.5 9h-1.875a1.875 1.875 0 0 1-1.875-1.875V5.25A3.75 3.75 0 0 0 9 1.5H5.625ZM7.5 15a.75.75 0 0 1 .75-.75h7.5a.75.75 0 0 1 0 1.5h-7.5A.75.75 0 0 1 7.5 15Zm.75 2.25a.75.75 0 0 0 0 1.5H12a.75.75 0 0 0 0-1.5H8.25Z" clip-rule="evenodd" />
+        <path d="M12.971 1.816A5.23 5.23 0 0 1 14.25 5.25v1.875c0 .207.168.375.375.375H16.5a5.23 5.23 0 0 1 3.434 1.279 9.768 9.768 0 0 0-6.963-6.963Z" />
+      </svg>
+
+      Open revisions
+    </h4>
+
+    <table class="data-grid alt">
+      <thead>
+        <tr>
+          <th>Title</th>
+          <th>Created by</th>
+          <th>Last change</th>
+          <th>&nbsp;</th>
+        </tr>
+      </thead>
+
+      <tbody>
+        <% openedRevisions.forEach((revision, idx)=> { %>
+        <tr class="border-b border-mono-25">
+          <td class="py-4 pl-2 w-1/2">
+            <div class="flex gap-1 items-center">
+              <% if (revision.meta && revision.meta.locked) { %>
+              <div title="<%= revision.meta.lockMessage %>">
+                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="size-4">
+                  <path fill-rule="evenodd" d="M10 1a4.5 4.5 0 0 0-4.5 4.5V9H5a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-6a2 2 0 0 0-2-2h-.5V5.5A4.5 4.5 0 0 0 10 1Zm3 8V5.5a3 3 0 1 0-6 0V9h6Z" clip-rule="evenodd" />
+                </svg>
+              </div>
+              <% } %>
+
+              <%= revision.title %>
+            </div>
+          </td>
+
+          <td class="whitespace-nowrap">
+            <div class="body-3 text-raketa-foreground/50">
+              <div class="flex items-center gap-1" title="<%= revision.meta.operatorMeta.name %>">
+                <% if (revision.meta.operatorMeta.avatar) { %>
+                <img src="<%= revision.meta.operatorMeta.avatar %>" class="size-4 rounded-full">
+                <% } %>
+                <%= revision.meta.operatorMeta.name %>
+              </div>
+            </div>
+          </td>
+
+          <td class="whitespace-nowrap">
+            <div class="body-3 text-raketa-foreground/50">
+              <div class="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 text-raketa-foreground">
+                  <path stroke-linecap="round" stroke-linejoin="round" d="M12 6v6h4.5m4.5 0a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z" />
+                </svg>
+
+                <time data-pretty-datetime datetime="<%= revision.insertedAt %>"><%= revision.insertedAt %></time>
+              </div>
+            </div>
+          </td>
+
+          <td class="whitespace-nowrap">
+            <%- render_partial('./_shared/_revision_toolbar.ejs', { revision }) %>
+          </td>
+        </tr>
+        <% }); %>
+      </tbody>
+    </table>
+  </div>
+  <% } %>
+
+  <% if (scheduledRevisions.length) { %>
+  <div class="pb-8">
+    <h4 class="pb-4 heading-3 flex items-center gap-2">
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="size-4 text-raketa-primary">
+        <path fill-rule="evenodd" d="M5.625 1.5c-1.036 0-1.875.84-1.875 1.875v17.25c0 1.035.84 1.875 1.875 1.875h12.75c1.035 0 1.875-.84 1.875-1.875V12.75A3.75 3.75 0 0 0 16.5 9h-1.875a1.875 1.875 0 0 1-1.875-1.875V5.25A3.75 3.75 0 0 0 9 1.5H5.625ZM7.5 15a.75.75 0 0 1 .75-.75h7.5a.75.75 0 0 1 0 1.5h-7.5A.75.75 0 0 1 7.5 15Zm.75 2.25a.75.75 0 0 0 0 1.5H12a.75.75 0 0 0 0-1.5H8.25Z" clip-rule="evenodd" />
+        <path d="M12.971 1.816A5.23 5.23 0 0 1 14.25 5.25v1.875c0 .207.168.375.375.375H16.5a5.23 5.23 0 0 1 3.434 1.279 9.768 9.768 0 0 0-6.963-6.963Z" />
+      </svg>
+
+      Scheduled for publication
+    </h4>
+
+    <table class="data-grid alt">
+      <thead>
+        <tr>
+          <th>Title</th>
+          <th>Created by</th>
+          <th>Scheduled by</th>
+          <th>Publish on</th>
+          <th>&nbsp;</th>
+        </tr>
+      </thead>
+
+      <tbody>
+        <% scheduledRevisions.forEach((revision, idx)=> { %>
+        <tr class="border-b border-mono-25">
+          <td class="py-4 pl-2 w-1/2">
+            <div class="flex gap-1 items-center">
+              <%= revision.title %>
+            </div>
+          </td>
+
+          <td class="whitespace-nowrap">
+            <div class="body-3 text-raketa-foreground/50">
+              <div class="flex items-center gap-1" title="<%= revision.meta.operatorMeta.name %>">
+                <% if (revision.meta.operatorMeta.avatar) { %>
+                <img src="<%= revision.meta.operatorMeta.avatar %>" class="size-4 rounded-full">
+                <% } %>
+                <%= revision.meta.operatorMeta.name %>
+              </div>
+            </div>
+          </td>
+
+          <td class="whitespace-nowrap">
+            <div class="body-3 text-raketa-foreground/50">
+              <div class="flex items-center gap-1" title="<%= revision.schedule.operatorMeta.name %>">
+                <% if (revision.schedule.operatorMeta.avatar) { %>
+                <img src="<%= revision.schedule.operatorMeta.avatar %>" class="size-4 rounded-full">
+                <% } %>
+                <%= revision.schedule.operatorMeta.name %>
+              </div>
+            </div>
+          </td>
+
+          <td class="whitespace-nowrap">
+            <div class="body-3 text-raketa-foreground/50">
+              <div class="flex items-center gap-1">
+                <svg xmlns="http://www.w3.org/2000/svg" class="size-4 text-raketa-foreground" viewBox="0 0 512 512">
+                  <path d="M112.91 128A191.85 191.85 0 0064 254c-1.18 106.35 85.65 193.8 192 194 106.2.2 192-85.83 192-192 0-104.54-83.55-189.61-187.5-192a4.36 4.36 0 00-4.5 4.37V152" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32" />
+                  <path d="M233.38 278.63l-79-113a8.13 8.13 0 0111.32-11.32l113 79a32.5 32.5 0 01-37.25 53.26 33.21 33.21 0 01-8.07-7.94z" />
+                </svg>
+
+
+                <time data-pretty-expiration-time datetime="<%= revision.schedule.mergeAt %>"><%= revision.schedule.mergeAt %></time>
+              </div>
+            </div>
+          </td>
+
+          <td class="whitespace-nowrap">
+            <div class="actions-toolbar justify-end">
+              <form action="<%= `/${_context.locale}/${_context.resourceConfig.articleType}_revisions/${revision.id}/cancel_schedules` %>" method="post" class="inline-flex gap-2 items-center">
+                <%- f.submit('Remove schedule', { class: 'btn-text' }) %>
+              </form>
+
+              <a href="/remote/login?redirect_to=/<%= _context.locale %>/admin/<%= _context.resourceConfig.articleType %>-revisions/<%= revision.id %>/preview" target="_blank" class="btn-text has-icon">
+                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-4">
+                  <path stroke-linecap="round" stroke-linejoin="round" d="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>
+          </td>
+        </tr>
+        <% }); %>
+      </tbody>
+    </table>
+  </div>
+  <% } %>
+
+  <div class="mb-4">
+    <h4 class="pb-4 heading-3 items-center gap-2 flex">
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="size-4 text-raketa-primary">
+        <path d="M3.375 3C2.339 3 1.5 3.84 1.5 4.875v.75c0 1.036.84 1.875 1.875 1.875h17.25c1.035 0 1.875-.84 1.875-1.875v-.75C22.5 3.839 21.66 3 20.625 3H3.375Z" />
+        <path fill-rule="evenodd" d="m3.087 9 .54 9.176A3 3 0 0 0 6.62 21h10.757a3 3 0 0 0 2.995-2.824L20.913 9H3.087Zm6.163 3.75A.75.75 0 0 1 10 12h4a.75.75 0 0 1 0 1.5h-4a.75.75 0 0 1-.75-.75Z" clip-rule="evenodd" />
+      </svg>
+
+      History of changes
+    </h4>
+
+    <%- render_partial('./_shared/history_table.ejs', {
+      changes,
+      resource,
+      _context,
+      render_partial,
+      skipPagination: true,
+      toolbarPath: './_shared/_history_toolbar.ejs'
+    }) %>
+
+    <a href="<%= `/${_context.locale}/${_context.resourceConfig.articleTypePlural}/${resource.id}/history` %>" class="btn-text ml-2 my-8">
+      Full page history
+    </a>
+  </div>
+</div>

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

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

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

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

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

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

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

@@ -0,0 +1,36 @@
+<div class="page-wrapper">
+  <div class="page-title">
+    <h1 class="heading-1">
+      <span class="opacity-50">Change URL / </span>
+      <%= article.title %>
+    </h1>
+  </div>
+
+  <div class="grid gap-4 md:grid-cols-3">
+    <% form_for({ resource }, errors, (f) => { %>
+    <form action="<%= `/${_context.locale}/${_context.resourceConfig.articleTypePlural}/${resource.id}/urls` %>" method="post" class="form">
+      <%- f.field('resource.slug', { label: "URL", required: true, hint: "Only lowercase letters, numbers and dash allowed. Ex: celebrate/friday-13" }) %>
+      <%- f.field('resource.redirect', { as: "checkbox", value: "1", label: "Create 301 redirect for the old URL" }) %>
+
+      <%- f.submit('Save record', { class: 'btn-primary' }) %>
+      <a href="<%=`/${_context.locale}/${_context.resourceConfig.articleTypePlural}/${resource.id}`%>" class="btn-secondary">Back</a>
+    </form>
+    <% }) %>
+
+    <div>
+      <div class="help">
+        <div class="flex items-center gap-1 mb-2">
+          <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-4">
+            <path stroke-linecap="round" stroke-linejoin="round" d="m11.25 11.25.041-.02a.75.75 0 0 1 1.063.852l-.708 2.836a.75.75 0 0 0 1.063.853l.041-.021M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Zm-9-3.75h.008v.008H12V8.25Z" />
+          </svg>
+
+          <h3 class="heading-3">Changing URL</h3>
+        </div>
+
+        <div class="markdown">
+          <p>Caution: Changing a page's URL may create broken links from existing references. If needed, use the redirect checkbox to automatically forward traffic from the old address to the new one, preserving link integrity.</p>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>

package/src/views/categories/_form.ejs

@@ -0,0 +1,24 @@
+<% form_for({ resource }, errors, (f) => { %>
+<form action="<%= resource?.id ? `/${_context.locale}/${_context.resourceConfig.categoryTypePlural}/${resource.id}` : `/${_context.locale}/${_context.resourceConfig.categoryTypePlural}` %>" method="post" class="form">
+  <%- f.field('resource.name', { required: true }) %>
+  <%- f.field('resource.slug', { label: "URL", required: true }) %>
+
+  <div class="form-actions">
+    <div class="btn-toolbar">
+      <%- f.submit('Save record', { class: 'btn-primary' }) %>
+
+      <a href="<%= `/${_context.locale}/${_context.resourceConfig.categoryTypePlural}` %>" class="btn-secondary">Back to list</a>
+    </div>
+
+    <% if (resource?.id) {%>
+    <button hx-delete="<%= `/${_context.locale}/${_context.resourceConfig.categoryTypePlural}/${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/categories/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.categoryType)) %></h1>
+  </div>
+
+  <div class="grid gap-4 md:grid-cols-3">
+    <%- render_partial('_form.ejs') %>
+  </div>
+</div>

package/src/views/categories/edit_form.ejs

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

package/src/views/categories/index.ejs

@@ -0,0 +1,35 @@
+<div class="page-wrapper">
+  <div class="page-title">
+    <h1 class="heading-1"><%= Inflector.humanize(Inflector.capitalize(_context.resourceConfig.categoryTypePlural)) %></h1>
+
+    <div class="actions-toolbar">
+      <a href="<%= `/${_context.locale}/${_context.resourceConfig.categoryTypePlural}/new` %>" class="btn-primary">
+        Create new
+      </a>
+    </div>
+  </div>
+
+  <table class="data-grid">
+    <thead>
+      <tr>
+        <th><%- sort_button("Name", "name", _context) %></th>
+        <th><%- sort_button("URL", "slug", _context) %></th>
+      </tr>
+    </thead>
+
+    <tbody>
+      <% items.list.forEach((item, idx)=> { %>
+      <tr>
+        <td class="w-1/2">
+          <a href="<%= `/${_context.locale}/${_context.resourceConfig.categoryTypePlural}/${item.id}/edit` %>" class="btn-text mr-1">
+            <%= item.name %>
+          </a>
+        </td>
+        <td><%= item.slug %></td>
+      </tr>
+      <% }); %>
+    </tbody>
+  </table>
+
+  <%- pagination(items.pagination, _context) %>
+</div>

package/src/views/dashboard/index.ejs

@@ -0,0 +1,23 @@
+<div class="page-wrapper">
+  <div class="page-title">
+    <h1 class="heading-1">Dashboard</h1>
+  </div>
+
+  <h2 class="heading-2 mb-4">Quick actions</h2>
+
+  <a href="<%= `/${_context.locale}/pages/new` %>" class="card-button">
+    <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="M19.5 14.25v-2.625a3.375 3.375 0 0 0-3.375-3.375h-1.5A1.125 1.125 0 0 1 13.5 7.125v-1.5a3.375 3.375 0 0 0-3.375-3.375H8.25m2.25 0H5.625c-.621 0-1.125.504-1.125 1.125v17.25c0 .621.504 1.125 1.125 1.125h12.75c.621 0 1.125-.504 1.125-1.125V11.25a9 9 0 0 0-9-9Z" />
+    </svg>
+
+    Create a page
+  </a>
+
+  <a href="<%= `/${_context.locale}/articles/new` %>" class="card-button">
+    <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="M12 7.5h1.5m-1.5 3h1.5m-7.5 3h7.5m-7.5 3h7.5m3-9h3.375c.621 0 1.125.504 1.125 1.125V18a2.25 2.25 0 0 1-2.25 2.25M16.5 7.5V18a2.25 2.25 0 0 0 2.25 2.25M16.5 7.5V4.875c0-.621-.504-1.125-1.125-1.125H4.125C3.504 3.75 3 4.254 3 4.875V18a2.25 2.25 0 0 0 2.25 2.25h13.5M6 7.5h3v3H6v-3Z" />
+    </svg>
+
+    Create an article
+  </a>
+</div>

package/src/views/event_revisions/_nav.ejs

@@ -0,0 +1,53 @@
+<% 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.eventType}_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.eventType}_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.eventType}_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.eventType}_revisions/${resource.id}/meta/edit` %>" class="text-raketa-primary font-semibold">
+          OpenGraph & Meta tags
+        </a>
+      </div>
+
+      <div class="<%= active === 'tags' ? activeClass : inactiveClass %>">
+        <a href="<%= `/${_context.locale}/${_context.resourceConfig.eventType}_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.eventType %>-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/event_revisions/codes/_form.ejs

@@ -0,0 +1,13 @@
+<% form_for({ resource }, errors, (f) => { %>
+<form action="<%= `/${_context.locale}/${_context.resourceConfig.eventType}_revisions/${resource.id}/codes` %>" method="POST" class="form">
+  <%- render_partial('../../_shared/_scripts_input.ejs', { resource, f }) %>
+  <%- render_partial('../../_shared/_structured_json_input.ejs', { resource, 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/codes/edit_form.ejs

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

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

@@ -0,0 +1,19 @@
+<% form_for({ resource }, errors, (f) => { %>
+<form action="<%= `/${_context.locale}/${_context.resourceConfig.eventType}_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.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"}) %>
+
+  <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/general/edit_form.ejs

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