@raketa-cloud/admin 0.0.103 → 1.0.1

package/src/tests/handlers/event_revisions/MetaHandler.test/update.test.js

@@ -134,7 +134,7 @@ describe("Event revision meta settings", () => {
       assigns: {
         resource: {
           ...revision,
-          publishAt: "2024-10-10T07:05:00",
+          publishAt: "2024-10-10",
           startsAt: "2024-10-10T07:15:00",
           endsAt: "2024-10-10T07:25:00",
           settings: {

package/src/tests/handlers/event_revisions/TagHandler.test/edit_form.test.js

@@ -48,7 +48,7 @@ describe("Event revision tags settings", () => {
       assigns: {
         resource: {
           ...revision,
-          publishAt: "2024-10-10T07:00:00",
+          publishAt: "2024-10-10",
           startsAt: "2024-10-10T07:05:00",
           endsAt: "2024-10-10T07:15:00",
           tags: [tags[0].id],

package/src/tests/handlers/event_revisions/TagHandler.test/update.test.js

@@ -129,7 +129,7 @@ describe("Event revision tags settings", () => {
       assigns: {
         resource: {
           ...revision,
-          publishAt: "2024-10-10T07:00:00",
+          publishAt: "2024-10-10",
           startsAt: "2024-10-10T07:05:00",
           endsAt: "2024-10-10T07:15:00",
           tags: updateSettings.tags,

package/src/tests/handlers/event_revisions/VisualHandler.test.test/edit_form.test.js

@@ -34,7 +34,7 @@ describe("Event revision visuals settings", () => {
       assigns: {
         resource: {
           ...revision,
-          publishAt: "2024-10-10T21:00:00",
+          publishAt: "2024-10-10",
           startsAt: "2024-10-10T21:05:00",
           endsAt: "2024-10-10T21:10:00",
         },

package/src/tests/handlers/event_revisions/VisualHandler.test.test/update.test.js

@@ -120,7 +120,7 @@ describe("Event revision visuals settings", () => {
       assigns: {
         resource: {
           ...revision,
-          publishAt: "2024-10-10T07:00:00",
+          publishAt: "2024-10-10",
           startsAt: "2024-10-10T07:05:00",
           endsAt: "2024-10-10T07:10:00",
           settings: {

package/src/tests/handlers/events/EventsHandler.test/create.test.js

@@ -28,7 +28,7 @@ describe("Events Handler", () => {
       title: "event title",
       slug: "url",
       visibility: "public",
-      publishAt: "2024-10-10T06:40",
+      publishAt: "2024-10-10",
       startsAt: "2024-10-10T06:50",
       endsAt: "2024-10-10T06:59",
       settings: {
@@ -59,7 +59,7 @@ describe("Events Handler", () => {
         title: params.title,
         slug: params.slug,
         visibility: params.visibility,
-        publishAt: "2024-10-10T06:40:00Z",
+        publishAt: "2024-10-10T00:00:00Z",
         startsAt: "2024-10-10T06:50:00Z",
         endsAt: "2024-10-10T06:59:00Z",
         settings: {
@@ -87,7 +87,7 @@ describe("Events Handler", () => {
     const params = {
       title: "event title",
       slug: "",
-      publishAt: "2024-10-10T06:40",
+      publishAt: "2024-10-10",
       startsAt: "2024-10-10T06:50",
       endsAt: "2024-10-10T06:59",
       visibility: "public",
@@ -127,7 +127,7 @@ describe("Events Handler", () => {
         title: params.title,
         slug: "",
         visibility: params.visibility,
-        publishAt: "2024-10-10T06:40:00Z",
+        publishAt: "2024-10-10T00:00:00Z",
         startsAt: "2024-10-10T06:50:00Z",
         endsAt: "2024-10-10T06:59:00Z",
         settings: {
@@ -149,7 +149,7 @@ describe("Events Handler", () => {
       assigns: {
         resource: {
           ...params,
-          publishAt: "2024-10-10T06:40:00",
+          publishAt: "2024-10-10",
           startsAt: "2024-10-10T06:50:00",
           endsAt: "2024-10-10T06:59:00",
           settings: {

package/src/utils.js

@@ -1,8 +1,35 @@
-export function toUTCISO8601String(inputDate) {
+export function toUTCISO8601String(inputDateTime) {
   // The format coming from the datetie-local input is YYYY-mm-ddTHH:MM
   // e.g. 2024-10-10T14:25
   // Currently we will just use that as a UTC value and show some explanation in the UI!
-  return `${inputDate}:00Z`;
+  return `${inputDateTime}:00Z`;
+}
+
+export function dateToUTCISO8601String(inputDate) {
+  // The format coming from the datetie-local input is YYYY-mm-ddTHH:MM
+  // e.g. 2024-10-10
+  // Currently we will just use that as a UTC value and show some explanation in the UI!
+  return `${inputDate}T00:00:00Z`;
+}
+
+export function toDateInput(initialDate = null) {
+  if (typeof initialDate === "string") {
+    // The case where it comes from the DB it is in UTC. We are going to directly feed it to the
+    // datetime-local input and add explanations in the UI!
+    return initialDate.slice(0, 10);
+  }
+
+  // Directly use the current time for to feed the datetime-local input.
+  // show UI hints that this is going to be used as UTC time.
+  const now = new Date();
+
+  return [
+    now.getFullYear(),
+    "-",
+    (now.getMonth() + 1).toString().padStart(2, "0"),
+    "-",
+    now.getDate().toString().padStart(2, "0"),
+  ].join("");
 }
 
 export function toDateTimeInput(initialDate = null) {

package/src/views/article_revisions/_nav.ejs

@@ -7,7 +7,7 @@
   const inactiveClass = "relative top-0.5 px-4 border-b-2 border-transparent pb-4";
 %>
 
-<div class="flex w-full 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 %>">
@@ -41,4 +41,13 @@
       </div>
     </div>
   </div>
+
+  <div>
+    <a href="/remote/login?redirect_to=/<%= _context.locale %>/admin/<%= _context.resourceConfig.articleType %>-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

@@ -2,7 +2,7 @@
 <form action="<%= `/${_context.locale}/${_context.resourceConfig.articleType}_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.publishAt', { required: true, type: 'date', label: `${Inflector.capitalize(_context.resourceConfig.articleType)} post date` }) %>
   <%- f.field('resource.visibility', { as: 'select', required: true, options: visibilityOptions }) %>
 
   <%- include('../../_shared/_credentials_input.ejs', { f, visibilityFieldId: "f_resource_visibility"}) %>
@@ -14,4 +14,4 @@
     </div>
   </div>
 </form>
-<% }) %>
+<% }) %>

package/src/views/articles/_form.ejs

@@ -4,7 +4,7 @@
 
   <%- 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.publishAt', { required: true, type: 'date', label: `${Inflector.capitalize(_context.resourceConfig.articleType)} post date` }) %>
   <%- f.field('resource.visibility', { as: 'select', required: true, options: visibilityOptions }) %>
 
   <%- include('../_shared/_credentials_input.ejs', { f, visibilityFieldId: "f_resource_visibility"}) %>
@@ -42,4 +42,4 @@
     <% } %>
   </div>
 </form>
-<% }) %>
+<% }) %>

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

@@ -25,7 +25,7 @@
         <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>
+              <time data-pretty-datetime datetime="<%= change.insertedAt %>"><%= utils.formattedDateTime(change.insertedAt) %></time>
             </div>
           </div>
         </td>
@@ -65,4 +65,4 @@
   <% if (!skipPagination) { %>
   <%- pagination(changes.pagination, _context) %>
   <% } %>
-</div>
+</div>

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

@@ -78,10 +78,3 @@
   </form>
 </div>
 
-<script>
-  const sidebar = document.querySelector("[data-sidebar]");
-  const searchToggle = document.querySelector('[data-toggle-sidebar]');
-  searchToggle.addEventListener('click', () => {
-    sidebar.classList.toggle('hidden');
-  });
-</script>

package/src/views/articles/index.ejs

@@ -20,7 +20,7 @@
       <tr>
         <th><%- sort_button("Title", "title", _context) %></th>
         <th>Visibility</th>
-        <th><%- sort_button("Publish at", "publish_at", _context) %></th>
+        <th><%- sort_button(`${Inflector.capitalize(_context.resourceConfig.articleType)} post date`, "publish_at", _context) %></th>
         <th><%- sort_button("Last change", "updated_at", _context) %></th>
         <th>Translations</th>
       </tr>
@@ -47,7 +47,7 @@
         </td>
 
         <td>
-          <div class="flex itemx-center gap-1 whitespace-nowrap">
+          <div class="flex items-center gap-1 whitespace-nowrap">
             <span class="text-raketa-foreground/30" title="<%= visibilityOptions.find(opt => opt[0] === item.visibility)[1] %>">
               <% if (item.visibility === 'public') { %>
               <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-4">
@@ -78,7 +78,7 @@
         </td>
 
         <td>
-          <time data-pretty-datetime datetime="<%= item.publishAt %>"><%= item.publishAt %></time>
+          <time data-pretty-date datetime="<%= item.publishAt %>"><%= utils.formattedDate(item.publishAt) %></time>
         </td>
 
         <td>
@@ -87,7 +87,7 @@
               <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="<%= item.updatedAt %>"><%= item.updatedAt %></time>
+              <time data-pretty-datetime datetime="<%= item.updatedAt %>"><%= utils.formattedDateTime(item.updatedAt) %></time>
             </div>
 
             <div class="flex items-center gap-1" title="<%= item.changes[0]?.operatorMeta?.name %>">
@@ -162,10 +162,3 @@
   </form>
 </div>
 
-<script>
-  const sidebar = document.querySelector("[data-sidebar]");
-  const searchToggle = document.querySelector('[data-toggle-sidebar]');
-  searchToggle.addEventListener('click', () => {
-    sidebar.classList.toggle('hidden');
-  });
-</script>

package/src/views/articles/show.ejs

@@ -103,7 +103,7 @@
                   <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>
+                <time data-pretty-datetime datetime="<%= revision.insertedAt %>"><%= utils.formattedDateTime(revision.insertedAt) %></time>
               </div>
             </div>
           </td>
@@ -231,4 +231,4 @@
       Full page history
     </a>
   </div>
-</div>
+</div>

package/src/views/event_revisions/_nav.ejs

@@ -7,7 +7,7 @@
   const inactiveClass = "relative top-0.5 px-4 border-b-2 border-transparent pb-4";
 %>
 
-<div class="flex w-full 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 %>">
@@ -41,4 +41,13 @@
       </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/general/_form.ejs

@@ -2,7 +2,7 @@
 <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.publishAt', { required: true, type: 'date', label: `${Inflector.capitalize(_context.resourceConfig.eventType)} post date` }) %>
   <%- 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 }) %>
@@ -16,4 +16,4 @@
     </div>
   </div>
 </form>
-<% }) %>
+<% }) %>

package/src/views/events/_form.ejs

@@ -4,7 +4,7 @@
 
   <%- 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.publishAt', { required: true, type: 'date', label: `${Inflector.capitalize(_context.resourceConfig.eventType)} post date` }) %>
   <%- 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 }) %>
@@ -44,4 +44,4 @@
     <% } %>
   </div>
 </form>
-<% }) %>
+<% }) %>

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

@@ -25,7 +25,7 @@
         <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>
+              <time data-pretty-datetime datetime="<%= change.insertedAt %>"><%= utils.formattedDateTime(change.insertedAt) %></time>
             </div>
           </div>
         </td>
@@ -65,4 +65,4 @@
   <% if (!skipPagination) { %>
   <%- pagination(changes.pagination, _context) %>
   <% } %>
-</div>
+</div>

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

@@ -78,10 +78,3 @@
   </form>
 </div>
 
-<script>
-  const sidebar = document.querySelector("[data-sidebar]");
-  const searchToggle = document.querySelector('[data-toggle-sidebar]');
-  searchToggle.addEventListener('click', () => {
-    sidebar.classList.toggle('hidden');
-  });
-</script>

package/src/views/events/index.ejs

@@ -20,7 +20,7 @@
       <tr>
         <th><%- sort_button("Title", "title", _context) %></th>
         <th>Visibility</th>
-        <th><%- sort_button("Publish at", "publish_at", _context) %></th>
+        <th><%- sort_button(`${Inflector.capitalize(_context.resourceConfig.eventType)} post date`, "publish_at", _context) %></th>
         <th><%- sort_button("Last change", "updated_at", _context) %></th>
         <th>Translations</th>
       </tr>
@@ -47,7 +47,7 @@
         </td>
 
         <td>
-          <div class="flex itemx-center gap-1 whitespace-nowrap">
+          <div class="flex items-center gap-1 whitespace-nowrap">
             <span class="text-raketa-foreground/30" title="<%= visibilityOptions.find(opt => opt[0] === item.visibility)[1] %>">
               <% if (item.visibility === 'public') { %>
               <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-4">
@@ -78,7 +78,7 @@
         </td>
 
         <td>
-          <time data-pretty-datetime datetime="<%= item.publishAt %>"><%= item.publishAt %></time>
+          <time data-pretty-date datetime="<%= item.publishAt %>"><%= utils.formattedDate(item.publishAt) %></time>
         </td>
 
         <td>
@@ -87,7 +87,7 @@
               <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="<%= item.updatedAt %>"><%= item.updatedAt %></time>
+              <time data-pretty-datetime datetime="<%= item.updatedAt %>"><%= utils.formattedDateTime(item.updatedAt) %></time>
             </div>
 
             <div class="flex items-center gap-1" title="<%= item.changes[0]?.operatorMeta?.name %>">
@@ -162,10 +162,3 @@
   </form>
 </div>
 
-<script>
-  const sidebar = document.querySelector("[data-sidebar]");
-  const searchToggle = document.querySelector('[data-toggle-sidebar]');
-  searchToggle.addEventListener('click', () => {
-    sidebar.classList.toggle('hidden');
-  });
-</script>

package/src/views/events/show.ejs

@@ -103,7 +103,7 @@
                   <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>
+                <time data-pretty-datetime datetime="<%= revision.insertedAt %>"><%= utils.formattedDateTime(revision.insertedAt) %></time>
               </div>
             </div>
           </td>
@@ -231,4 +231,4 @@
       Full page history
     </a>
   </div>
-</div>
+</div>

package/src/views/layouts/application.ejs

@@ -218,6 +218,14 @@
         })
       })
 
+      document.querySelectorAll('time[data-pretty-date]').forEach(item => {
+        const dateStr = item.getAttribute("datetime");
+
+        item.innerText = new Date(dateStr).toLocaleString('en-GB', {
+          dateStyle: "short"
+        })
+      })
+
       document.querySelectorAll('time[data-pretty-expiration-time]').forEach(item => {
         const dateStr = item.getAttribute("datetime");
 
@@ -234,6 +242,43 @@
       })
     })
   </script>
+
+  <script>
+    const sidebar = document.querySelector("[data-sidebar]");
+
+    if (sidebar) {
+      const searchToggle = document.querySelector('[data-toggle-sidebar]');
+      const firstField = document.querySelector('[data-sidebar] input:not([type=hidden]), [data-sidebar] select, [data-sidebar] textarea');
+      searchToggle.addEventListener('click', () => {
+        sidebar.classList.toggle('hidden');
+        firstField.focus();
+      });
+    }
+  </script>
+
+  <script>
+    const forms = document.querySelectorAll('form');
+
+    if (forms.length > 0) {
+      forms.forEach((form) => {
+        const fields = form.querySelectorAll('input, select, textarea');
+        fields.forEach((field) => {
+          field.addEventListener('change', () => {
+            form.setAttribute('data-changed', 1);
+          });
+        });
+      });
+
+      window.addEventListener('beforeunload', (e) => {
+        const changedForms = document.querySelector('form[data-changed]');
+
+        if (changedForms) {
+          e.preventDefault();
+          return "You have unsaved changes. Are you sure you want to leave this page? ";
+        }
+      });
+    }
+  </script>
 </body>
 
 </html>

package/src/views/page_revisions/_nav.ejs

@@ -7,7 +7,7 @@
   const inactiveClass = "relative top-0.5 px-4 border-b-2 border-transparent pb-4";
 %>
 
-<div class="flex w-full 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 %>">
@@ -41,4 +41,13 @@
       </div>
     </div>
   </div>
+
+  <div>
+    <a href="/remote/login?redirect_to=/<%= _context.locale %>/admin/<%= _context.resourceConfig.pageType %>-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/pages/_shared/history_table.ejs

@@ -25,7 +25,7 @@
         <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>
+              <time data-pretty-datetime datetime="<%= change.insertedAt %>"><%= utils.formattedDateTime(change.insertedAt) %></time>
             </div>
           </div>
         </td>
@@ -65,4 +65,4 @@
   <% if (!skipPagination) { %>
   <%- pagination(changes.pagination, _context) %>
   <% } %>
-</div>
+</div>

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

@@ -78,10 +78,3 @@
   </form>
 </div>
 
-<script>
-  const sidebar = document.querySelector("[data-sidebar]");
-  const searchToggle = document.querySelector('[data-toggle-sidebar]');
-  searchToggle.addEventListener('click', () => {
-    sidebar.classList.toggle('hidden');
-  });
-</script>

package/src/views/pages/index.ejs

@@ -46,7 +46,7 @@
         </td>
 
         <td>
-          <div class="flex itemx-center gap-1 whitespace-nowrap">
+          <div class="flex items-center gap-1 whitespace-nowrap">
             <span class="text-raketa-foreground/30" title="<%= visibilityOptions.find(opt => opt[0] === item.visibility)[1] %>">
               <% if (item.visibility === 'public') { %>
               <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-4">
@@ -82,7 +82,7 @@
               <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="<%= item.updatedAt %>"><%= item.updatedAt %></time>
+              <time data-pretty-datetime datetime="<%= item.updatedAt %>"><%= utils.formattedDateTime(item.updatedAt) %></time>
             </div>
 
             <div class="flex items-center gap-1" title="<%= item.changes[0]?.operatorMeta?.name %>">
@@ -157,10 +157,3 @@
   </form>
 </div>
 
-<script>
-  const sidebar = document.querySelector("[data-sidebar]");
-  const searchToggle = document.querySelector('[data-toggle-sidebar]');
-  searchToggle.addEventListener('click', () => {
-    sidebar.classList.toggle('hidden');
-  });
-</script>

package/src/views/pages/show.ejs

@@ -104,7 +104,7 @@
                   <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>
+                <time data-pretty-datetime datetime="<%= revision.insertedAt %>"><%= utils.formattedDateTime(revision.insertedAt) %></time>
               </div>
             </div>
           </td>
@@ -232,4 +232,4 @@
       Full page history
     </a>
   </div>
-</div>
+</div>

package/src/views/redirects/index.ejs

@@ -54,7 +54,7 @@
               <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="<%= item.updatedAt %>"><%= item.updatedAt %></time>
+            <time data-pretty-datetime datetime="<%= item.updatedAt %>"><%= utils.formattedDateTime(item.updatedAt) %></time>
           </div>
         </td>
         <td class="actions">

package/src/views/redirects/show.ejs

@@ -29,7 +29,7 @@
       </tr>
       <tr>
         <th class="w-1 whitespace-nowrap">Updated at</th>
-        <time data-pretty-datetime datetime="<%= item.updatedAt %>"><%= item.updatedAt %></time>
+        <time data-pretty-datetime datetime="<%= item.updatedAt %>"><%= utils.formattedDateTime(item.updatedAt) %></time>
       </tr>
     </tbody>
   </table>
@@ -52,7 +52,7 @@
         <td><%= item.version %></td>
         <td><%= item.title %></td>
         <td><%= item.operatorMeta.name %></td>
-        <td><time data-pretty-datetime datetime="<%= item.insertedAt %>"><%= item.insertedAt %></time></td>
+        <td><time data-pretty-datetime datetime="<%= item.insertedAt %>"><%= utils.formattedDateTime(item.insertedAt) %></time></td>
       </tr>
       <% }) %>
     </tbody>