@raketa-cloud/admin 0.0.102 → 0.0.103

package/src/views/redirects/index.ejs

@@ -0,0 +1,75 @@
+<div class="page-wrapper">
+  <div class="page-title">
+    <h1 class="heading-1">Redirects</h1>
+
+    <div class="actions-toolbar">
+      <form action="<%= `/${_context.locale}/redirects` %>" 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 keyword..." name="f:keyword" value="<%= _context.query["f:keyword"] %>" />
+
+        <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}/redirects/new` %>" class="btn-primary">
+        Create new
+      </a>
+    </div>
+  </div>
+
+  <table class="data-grid">
+    <thead>
+      <th><%- sort_button("Original URL", "url", _context) %></th>
+      <th><%- sort_button("Destination", "destination", _context) %></th>
+      <th class="number"><%- sort_button("HTTP Code", "http_response_code", _context) %></th>
+      <th class="bool">Note</th>
+      <th><%- sort_button("Updated at", "updated_at", _context) %></th>
+      <th class="actions">&nbsp;</th>
+    </thead>
+
+    <tbody>
+      <% items.list.forEach((item, idx)=> { %>
+      <tr>
+        <td>
+          <a href="<%= `/${_context.locale}/redirects/${item.id}/edit` %>" class="btn-text"><%= item.url %></a>
+        </td>
+        <td><%= item.destination %></td>
+        <td class="number"><%= item.httpResponseCode %></td>
+        <td class="bool">
+          <% if (item.note) { %>
+          <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-emerald-600">
+            <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5" />
+          </svg>
+          <% } %>
+        </td>
+        <td>
+          <div class="with-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="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>
+          </div>
+        </td>
+        <td class="actions">
+          <a href="<%= `/${_context.locale}/redirects/${item.id}` %>" 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="M3 4.5h14.25M3 9h9.75M3 13.5h9.75m4.5-4.5v12m0 0-3.75-3.75M17.25 21 21 17.25" />
+            </svg>
+
+            History
+          </a>
+        </td>
+      </tr>
+      <% }); %>
+    </tbody>
+  </table>
+
+  <%- pagination(items.pagination, _context) %>
+</div>

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>
+        <time data-pretty-datetime datetime="<%= item.updatedAt %>"><%= item.updatedAt %></time>
+      </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><time data-pretty-datetime datetime="<%= item.insertedAt %>"><%= item.insertedAt %></time></td>
+      </tr>
+      <% }) %>
+    </tbody>
+  </table>
+</div>

package/src/views/settings/_nav.ejs

@@ -0,0 +1,22 @@
+<%
+  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 === '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/layout/edit_form.ejs

@@ -0,0 +1,58 @@
+<div class="page-wrapper">
+  <div class="page-title">
+    <h1 class="heading-1">Layout and Navigation Settings</h1>
+  </div>
+
+  <%- render_partial('../_nav.ejs', { active: 'layout' }) %>
+
+  <% const WIDGETS = {
+    HTML: {
+      defaults: {
+        code: "<div>HTML</div>"
+      },
+      admin: {
+        code: { type: "textarea" }
+      }
+    },
+    Image: {
+      primaryField: "image",
+      defaults: {
+        image: "https://placeholder.raketa.cloud/images/1920x1080"
+      },
+      admin: {
+        image: { type: "text" }
+      }
+    },
+    Title: {
+      primaryField: "title",
+      defaults: {
+        title: "Title"
+      },
+      admin: {
+        title: { type: "text" }
+      }
+    }
+  }; %>
+
+  <div>
+    <% form_for({ resource }, errors, (f) => { %>
+    <form action="<%= `/${_context.locale}/settings/layout` %>" method="post" class="form">
+      <div class="mb-4">
+        <label>Header</label>
+        <raketa-menu-builder-input id="header-menu" name="resource[menus][header]" value="<%= JSON.stringify(resource.menus?.header || []) %>" widgets="<%= JSON.stringify(WIDGETS) %>"></raketa-menu-builder-input>
+      </div>
+
+      <div class="mb-4">
+        <label>Footer</label>
+        <raketa-menu-builder-input id="header-menu" name="resource[menus][footer]" value="<%= JSON.stringify(resource.menus?.footer || []) %>" widgets="<%= JSON.stringify(WIDGETS) %>"></raketa-menu-builder-input>
+      </div>
+
+      <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,24 @@
+<div class="page-wrapper">
+  <div class="page-title">
+    <h1 class="heading-1">Meta and OpenGraph</h1>
+  </div>
+
+  <%- render_partial('../_nav.ejs', { active: 'meta' }) %>
+
+  <div class="grid gap-4 md:grid-cols-3">
+    <% form_for({ resource }, errors, (f) => { %>
+    <form action="<%= `/${_context.locale}/settings/meta` %>" method="post" class="form">
+      <%- f.field('resource.meta.title', { label: "Meta title", hint: "Used for both meta and OpenGraph" }) %>
+      <%- f.field('resource.meta.description', { as: "textarea", label: "Meta description", hint: "Used for both meta and OpenGraph" }) %>
+
+      <raketa-image-picker name="resource[image]" value="<%= JSON.stringify(resource.meta?.image || {}) %>" label="OpenGraph image"></raketa-image-picker>
+
+      <div class="form-actions">
+        <div class="btn-toolbar">
+          <%- f.submit('Save', { class: 'btn-primary' }) %>
+        </div>
+      </div>
+    </form>
+    <% }) %>
+  </div>
+</div>

package/src/views/tags/_form.ejs

@@ -0,0 +1,25 @@
+<% 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', { hint: "Only lowercase letters, numbers and dash allowed. E.g: celebrate-friday-13" }) %>
+
+  <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>
+<% }) %>

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">
+    <%- render_partial('_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">
+    <%- render_partial('_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>