@raketa-cloud/admin 0.0.7 → 0.0.8

package/src/views/redirects/show.ejs

@@ -0,0 +1,60 @@
+<div class="page-wrapper">
+  <div class="page-title">
+    <h1 class="heading-1">Redirect details</h1>
+
+    <div class="actions-toolbar">
+      <a href="<%= `/${_context.locale}/redirects` %>" class="btn-secondary">Back to list</a>
+    </div>
+  </div>
+
+  <h2 class="heading-2 mb-4">Details</h2>
+
+  <table class="data-grid w-[500px] mb-4">
+    <tbody>
+      <tr>
+        <th class="w-1 whitespace-nowrap">Original URL</th>
+        <td><%= item.url %></td>
+      </tr>
+      <tr>
+        <th class="w-1 whitespace-nowrap">DestinationL</th>
+        <td><%= item.destination %> </td>
+      </tr>
+      <tr>
+        <th class="w-1 whitespace-nowrap">HTTP response code</th>
+        <td><%= item.httpResponseCode %></td>
+      </tr>
+      <tr>
+        <th class="w-1 whitespace-nowrap">Note</th>
+        <td><%= item.note %></td>
+      </tr>
+      <tr>
+        <th class="w-1 whitespace-nowrap">Updated at</th>
+        <td><%= new Date(item.updatedAt).toLocaleString('en-GB', { dateStyle: "short", timeStyle: "short" }) %></td>
+      </tr>
+    </tbody>
+  </table>
+
+  <h2 class="heading-2 mb-4">History</h2>
+
+  <table class="data-grid mb-4">
+    <thead>
+      <tr>
+        <th>Version</th>
+        <th>Title</th>
+        <th>Operator</th>
+        <th>Created at</th>
+      </tr>
+    </thead>
+
+    <tbody>
+      <% history.list.forEach((item) => {%>
+      <tr>
+        <td><%= item.version %></td>
+        <td><%= item.title %></td>
+        <td><%= item.operatorMeta.name %></td>
+        <td><%= new Date(item.insertedAt).toLocaleString('en-GB', { dateStyle: "short", timeStyle: "short" }) %></td>
+      </tr>
+      <% }) %>
+    </tbody>
+  </table>
+</div>

package/src/views/settings/_nav.ejs

@@ -0,0 +1,28 @@
+<%
+  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 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}/settings/general/edit` %>" class="text-raketa-primary font-semibold">
+          General
+        </a>
+      </div>
+
+      <div class="<%= active === 'meta' ? activeClass : inactiveClass %>">
+        <a href="<%= `/${_context.locale}/settings/meta/edit` %>" class="text-raketa-primary font-semibold">
+          Meta and OpenGraph
+        </a>
+      </div>
+
+      <div class="<%= active === 'layout' ? activeClass : inactiveClass %>">
+        <a href="<%= `/${_context.locale}/settings/layout/edit` %>" class="text-raketa-primary font-semibold">
+          Layout and Navigation
+        </a>
+      </div>
+    </div>
+  </div>
+</div>

package/src/views/settings/general/edit_form.ejs

@@ -0,0 +1,26 @@
+<div class="page-wrapper">
+  <div class="page-title">
+    <h1 class="heading-1">General</h1>
+  </div>
+
+  <%- include('../_nav.ejs', { active: 'general' }) %>
+
+  <div class="grid gap-4 md:grid-cols-3">
+    <div></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">Contextual help</h3>
+        </div>
+
+        <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Tempore nostrum fugit sint sunt distinctio ut cum, corrupti ad error, quo labore minima. Reprehenderit quasi maxime repudiandae voluptatum commodi saepe molestiae?</p>
+      </div>
+    </div>
+  </div>
+
+</div>

package/src/views/settings/layout/edit_form.ejs

@@ -0,0 +1,22 @@
+<div class="page-wrapper">
+  <div class="page-title">
+    <h1 class="heading-1">Layout and Navigation Settings</h1>
+  </div>
+
+  <%- include('../_nav.ejs', { active: 'layout' }) %>
+
+  <div>
+    <% form_for({ layout_settings }, errors, (f) => { %>
+    <form action="<%= `/${_context.locale}/settings/layout` %>" method="post" class="form">
+      <%- f.field('layout_settings.header', {as: "textarea"}) %>
+      <%- f.field('layout_settings.footer', {as: "textarea"}) %>
+
+      <div class="form-actions">
+        <div class="btn-toolbar">
+          <%- f.submit('Save', { class: 'btn-primary' }) %>
+        </div>
+      </div>
+    </form>
+    <% }) %>
+  </div>
+</div>

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

@@ -0,0 +1,38 @@
+<div class="page-wrapper">
+  <div class="page-title">
+    <h1 class="heading-1">Meta and OpenGraph</h1>
+  </div>
+
+  <%- include('../_nav.ejs', { active: 'meta' }) %>
+
+  <div class="grid gap-4 md:grid-cols-3">
+    <% form_for({ meta_settings }, errors, (f) => { %>
+    <form action="<%= `/${_context.locale}/settings/meta` %>" method="post" class="form">
+      <%- f.field('meta_settings.title') %>
+      <%- f.field('meta_settings.description', {as: "textarea"}) %>
+
+      <raketa-image-picker name="meta_settings[image]" value="<%= JSON.stringify(meta_settings.image) %>"></raketa-image-picker>
+
+      <div class="form-actions">
+        <div class="btn-toolbar">
+          <%- f.submit('Save', { class: 'btn-primary' }) %>
+        </div>
+      </div>
+    </form>
+    <% }) %>
+
+    <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">Contextual help</h3>
+        </div>
+
+        <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Tempore nostrum fugit sint sunt distinctio ut cum, corrupti ad error, quo labore minima. Reprehenderit quasi maxime repudiandae voluptatum commodi saepe molestiae?</p>
+      </div>
+    </div>
+  </div>
+</div>

package/src/views/tags/_form.ejs

@@ -0,0 +1,39 @@
+<% form_for({ tag }, errors, (f) => { %>
+
+<form action="<%= tag?.id ? `/${_context.locale}/tags/${tag.id}` : `/${_context.locale}/tags` %>" method="post" class="form">
+  <%- f.field('tag.name') %>
+  <%- f.field('tag.slug') %>
+
+  <div class="form-actions">
+    <div class="btn-toolbar">
+      <%- f.submit('Save', { class: 'btn-primary' }) %>
+
+      <a href="<%= `/${_context.locale}/tags` %>" class="btn-secondary">Cancel</a>
+    </div>
+
+    <% if (tag?.id) {%>
+    <button hx-delete="<%= `/${_context.locale}/tags/${tag.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
+    </button>
+    <% } %>
+  </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">Contextual help</h3>
+    </div>
+
+    <p>Tags form</p>
+  </div>
+</div>

package/src/views/tags/create_form.ejs

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

package/src/views/tags/edit_form.ejs

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

package/src/views/tags/index.ejs

@@ -0,0 +1,43 @@
+<div class="page-wrapper">
+  <div class="page-title">
+    <h1 class="heading-1">Tags</h1>
+
+    <div class="actions-toolbar">
+      <form action="<%= `/${_context.locale}/tags` %>" method="GET" class="inline-form">
+        <button type="submit">
+          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="size-4">
+            <path fill-rule="evenodd" d="M9 3.5a5.5 5.5 0 1 0 0 11 5.5 5.5 0 0 0 0-11ZM2 9a7 7 0 1 1 12.452 4.391l3.328 3.329a.75.75 0 1 1-1.06 1.06l-3.329-3.328A7 7 0 0 1 2 9Z" clip-rule="evenodd" />
+          </svg>
+
+        </button>
+        <input type="search" placeholder="Search by name..." name="f:name" value="<%= _context.query["f:name"] %>" />
+        <input type="hidden" name="order_direction" value="<%= _context.query.order_direction %>" />
+        <input type="hidden" name="order_by" value="<%= _context.query.order_by %>" />
+      </form>
+
+      <a href="<%= `/${_context.locale}/tags/new` %>" class="btn-primary">
+        Create new
+      </a>
+    </div>
+  </div>
+
+  <table class="data-grid">
+    <thead>
+      <th><%- sort_button("Name", "name", _context) %></th>
+      <th><%- sort_button("slug", "slug", _context) %></th>
+    </thead>
+
+    <tbody>
+      <% items.list.forEach((item, idx)=> { %>
+      <tr>
+        <td>
+          <a href="<%= `/${_context.locale}/tags/${item.id}/edit` %>" class="btn-text"><%= item.name %></a>
+        </td>
+        <td><%= item.slug %></td>
+      </tr>
+      <% }); %>
+    </tbody>
+  </table>
+
+  <%- pagination(items.pagination, _context) %>
+</div>

package/test/factory.js

@@ -0,0 +1,91 @@
+const REVISION_META = {
+  id: "1",
+  title: "New revision",
+  description: "Some revision meta description",
+  operator: "7a456cdd-7278-4610-8b82-5b93cfcae396",
+  operatorMeta: {
+    name: "Jane Doe",
+    roles: [],
+    active: true,
+    avatar: "",
+    user_pool: "Raketa",
+    user_pool_id: "some-user-pool-slug",
+  },
+};
+
+const PAGE = {
+  id: "2",
+  slug: "page-revision",
+  title: "Page Revision",
+  widgets: [],
+  settings: {
+    meta: {
+      title: "Open graph",
+      description: "Open graph???",
+      image: {},
+    },
+  },
+  visibility: "public",
+  originalId: null,
+  insertedAt: "2024-08-30T19:05:00Z",
+  tags: [],
+  pageType: {},
+  categories: [],
+};
+
+const PAGE_CHANGE = {
+  version: "1",
+  title: "A cool page change",
+  operator: "some-operator-id",
+  operatorMeta: {
+    id: "some-operator-id",
+    email: "john@example.com",
+    name: "John DOe",
+  },
+  description: "A cool page change description",
+  insertedAt: "2024-08-30T19:05:00Z",
+};
+
+const Tag = {
+  id: "42",
+  slug: "tag",
+  name: "Tag",
+};
+
+const FIXTURES = {
+  redirect: {
+    id: "1",
+    url: "/test",
+    destination: "/test-2",
+    httpResponseCode: 302,
+    note: "Note",
+    updatedAt: "2024-08-30T19:05:00Z",
+    createdAt: "2024-08-30T19:00:00Z",
+  },
+  revision_meta: { ...REVISION_META },
+  page: { ...PAGE },
+  page_revision: { ...PAGE, meta: { ...REVISION_META }, originalId: "1" },
+  page_change: { ...PAGE_CHANGE },
+  settings: { value: {} },
+  tag: Tag,
+  pagination: {
+    currentPage: 1,
+    pagesCount: 1,
+    entriesCount: 1,
+    pageSize: 25,
+  },
+};
+
+function build(type, params = {}) {
+  const entity = FIXTURES[type];
+
+  if (!entity) {
+    throw new Error(`No fixture for entity of type ${type}`);
+  }
+
+  return { ...entity, ...params };
+}
+
+export default {
+  build: build,
+};

package/test/handlersHelper.js

@@ -0,0 +1,9 @@
+function testConfig() {
+  return {
+    instanceURL: "https://example.com/dispatch",
+    project: "1-test-project",
+    service: "1-test-dxp-private",
+  };
+}
+
+export { testConfig };