@raketa-cloud/admin 0.0.59 → 0.0.62

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

@@ -1,7 +1,9 @@
 <div class="page-wrapper">
-  <div class="page-title flex flex-col items-start">
-    <h1 class="heading-1">Translations initiated</h1>
-    <h1 class="body-2 opacity-50"><%= pageTitle %></h1>
+  <div class="page-title">
+    <div>
+      <h1 class="heading-1">Translations initiated</h1>
+      <span class="body-2 opacity-50"><%= pageTitle %></span>
+    </div>
   </div>
 
   <% if (translations && translations.length > 0) { %>
@@ -51,4 +53,4 @@
   <a href="<%= `/${_context.locale}/${_context.resourceConfig.pageTypePlural}/${parent_id}` %>" class="btn-primary mt-8">
     Go to original
   </a>
-</div>
+</div>

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

@@ -1,12 +1,15 @@
 <div class="page-wrapper">
   <div class="page-title">
-    <h1 class="heading-1">Change URL</h1>
+    <h1 class="heading-1">
+      <span class="opacity-50">Change URL / </span>
+      <%= page.title %>
+    </h1>
   </div>
 
   <div class="grid gap-4 md:grid-cols-3">
     <% form_for({ resource }, errors, (f) => { %>
     <form action="<%= `/${_context.locale}/${_context.resourceConfig.pageTypePlural}/${resource.id}/urls` %>" method="post" class="form">
-      <%- f.field('resource.slug', { label: "URL", required: true }) %>
+      <%- f.field('resource.slug', { label: "URL", required: true, hint: "Only lowercase letters, numbers, slash 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' }) %>
@@ -21,10 +24,12 @@
             <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>
+          <h3 class="heading-3">Changing URL</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 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>

package/src/views/redirects/_form.ejs

@@ -1,9 +1,9 @@
 <% form_for({ redirect }, errors, (f) => { %>
 <form action="<%= redirect?.id ? `/${_context.locale}/redirects/${redirect.id}` : `/${_context.locale}/redirects` %>" method="post" class="form">
-  <%- f.field('redirect.url') %>
-  <%- f.field('redirect.destination') %>
-  <%- f.field('redirect.httpResponseCode', { type: 'number' }) %>
-  <%- f.field('redirect.note') %>
+  <%- f.field('redirect.url', { label: 'URL', hint: "Provide an existing URL from this website. Won't work with subdomains." }) %>
+  <%- f.field('redirect.destination', { placeholder: "/another-page, https://google.com" }) %>
+  <%- f.field('redirect.httpResponseCode', { type: 'number', label: 'HTTP response code' }) %>
+  <%- f.field('redirect.note', { hint: 'Why is this redirect needed?' }) %>
 
   <div class="form-actions">
     <div class="btn-toolbar">
@@ -23,18 +23,4 @@
     <% } %>
   </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>
+<% }) %>

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

@@ -8,10 +8,10 @@
   <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"}) %>
+      <%- f.field('meta_settings.title', { label: "Meta title", hint: "Used for both meta and OpenGraph" }) %>
+      <%- f.field('meta_settings.description', { as: "textarea", label: "Meta description", hint: "Used for both meta and OpenGraph" }) %>
 
-      <raketa-image-picker name="meta_settings[image]" value="<%= JSON.stringify(meta_settings.image) %>"></raketa-image-picker>
+      <raketa-image-picker name="meta_settings[image]" value="<%= JSON.stringify(meta_settings.image) %>" label="OpenGraph image"></raketa-image-picker>
 
       <div class="form-actions">
         <div class="btn-toolbar">
@@ -20,19 +20,5 @@
       </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>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>
+</div>

package/src/views/tags/_form.ejs

@@ -2,7 +2,7 @@
 
 <form action="<%= tag?.id ? `/${_context.locale}/tags/${tag.id}` : `/${_context.locale}/tags` %>" method="post" class="form">
   <%- f.field('tag.name') %>
-  <%- f.field('tag.slug') %>
+  <%- 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">
@@ -22,18 +22,4 @@
     <% } %>
   </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>
+<% }) %>