@raketa-cloud/admin 0.0.59 → 0.0.64

package/src/views/page_revisions/publishes/_form.ejs

@@ -1,7 +1,11 @@
 <% form_for({ publishing }, errors, (f) => { %>
 <form action="<%= `/${_context.locale}/${_context.resourceConfig.pageType}_revisions/${publishing.id}/publishes` %>" method="post" class="form">
-  <%- f.field('publishing.title'), { required: true } %>
-  <%- f.field('publishing.description', { as: "textarea" }) %>
+  <% if (errors.slug) { %>
+  <div class="mb-4 text-red-500">A page with this URL already exists</div>
+  <% } %>
+
+  <%- f.field('publishing.title'), { required: true, hint: "Appears in the history of changes" } %>
+  <%- f.field('publishing.description', { as: "textarea", hint: "Provide optional details" }) %>
   <%- f.field('publishing.visibility', { as: 'select', required: true, options: visibilityOptions }) %>
   <%- f.field('publishing.username', { required: true }) %>
   <%- f.field('publishing.password', { required: true }) %>
@@ -16,42 +20,21 @@
 </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>
+<script>
+  const visibilityEl = document.getElementById("f_publishing_visibility");
+  const usernameEl = document.getElementById("f_publishing_username").parentElement;
+  const passwordEl = document.getElementById("f_publishing_password").parentElement;
 
-      <h3 class="heading-3">Contextual help</h3>
-    </div>
+  function handleVisibilityChange(value) {
+    const isHidden = value !== "protected";
 
-    <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>
+    usernameEl.classList.toggle('hidden', isHidden);
+    passwordEl.classList.toggle('hidden', isHidden);
 
-<script>
-  function onVisibilityChange(event) {
-    const newValue = event.target.value;
-
-    if (newValue === "protected") {
-      document.getElementById("f_publishing_username").parentElement.style.display = "block";
-      document.getElementById("f_publishing_username").required = true;
-      document.getElementById("f_publishing_password").parentElement.style.display = "block";
-      document.getElementById("f_publishing_password").required = true;
-    } else {
-      document.getElementById("f_publishing_username").parentElement.style.display = "none";
-      document.getElementById("f_publishing_username").required = false;
-      document.getElementById("f_publishing_password").parentElement.style.display = "none";
-      document.getElementById("f_publishing_password").required = false;
-    }
+    usernameEl.querySelector('input').toggleAttribute('required', !isHidden);
+    passwordEl.querySelector('input').toggleAttribute('required', !isHidden);
   }
 
-  onVisibilityChange({
-    target: {
-      value: '<%= publishing.visibility %>'
-    }
-  })
-
-  document.getElementById("f_publishing_visibility").addEventListener("change", onVisibilityChange)
-</script>
+  visibilityEl.addEventListener("change", (e) => handleVisibilityChange(e.target.value));
+  handleVisibilityChange(visibilityEl.value);
+</script>

package/src/views/page_revisions/tags/edit_form.ejs

@@ -1,12 +1,20 @@
 <div class="page-wrapper">
   <div class="page-title">
-    <h1 class="heading-1">Edit revision / Content tags</h1>
+    <h1 class="heading-1">
+      <span class="opacity-50">Tags / </span>
+      <%= resource.title %>
+    </h1>
   </div>
 
   <%- render_partial('../_nav.ejs', { resource, active: 'tags' }) %>
 
   <div class="grid gap-4 md:grid-cols-3">
     <div>
+      <% if(defaultLocaleTags?.length) {%>
+        <div class="font-bold text-sm">Original tags (<%= defaultLocaleName %>)</div>
+        <div class="mb-4 opacity-50"><%= defaultLocaleTags.map((tag) => tag.name).join(", ")%></div>
+      <% }%>
+
       <% form_for({ resource }, errors, (f) => { %>
       <form action="<%= `/${_context.locale}/${_context.resourceConfig.pageType}_revisions/${resource.id}/tags` %>" method="POST" class="form">
         <%- f.field('resource.tags', { as: 'checkbox_group', options: tags.map(tag => [tag.id, tag.name]) }) %>
@@ -20,19 +28,5 @@
       </form>
       <% }) %>
     </div>
-
-    <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>

package/src/views/page_revisions/visuals/edit_form.ejs

@@ -1,6 +1,9 @@
 <div class="page-wrapper">
   <div class="page-title">
-    <h1 class="heading-1">Edit revision / Visuals</h1>
+    <h1 class="heading-1">
+      <span class="opacity-50">Visuals / </span>
+      <%= resource.title %>
+    </h1>
   </div>
 
   <%- render_partial('../_nav.ejs', { resource, active: 'visuals' }) %>
@@ -20,19 +23,5 @@
       </form>
       <% }) %>
     </div>
-
-    <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>

package/src/views/pages/_form.ejs

@@ -1,16 +1,25 @@
 <% form_for({ resource }, errors, (f) => { %>
 <form action="<%= resource?.id ? `/${_context.locale}/${_context.resourceConfig.pageTypePlural}/${resource.id}` : `/${_context.locale}/${_context.resourceConfig.pageTypePlural}` %>" method="post" class="form">
+  <h2 class="heading-2 mb-4">General</h2>
+
   <%- f.field('resource.title', { required: true }) %>
-  <%- 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.visibility', { as: 'select', required: true, options: visibilityOptions }) %>
 
   <%- include('../_shared/_credentials_input.ejs', { f, visibilityFieldId: "f_resource_visibility"}) %>
+
+  <h2 class="heading-2 my-4">Visuals</h2>
+
   <%- include('../_shared/_layout_input.ejs', { f }) %>
 
-  <%- f.field('resource.settings.meta.title', { required: true, label: "Meta title" }) %>
-  <%- f.field('resource.settings.meta.description', { as: "textarea", required: true, label: "Meta description" }) %>
+  <h2 class="heading-2 my-4">OpenGraph & Meta tags</h2>
 
-  <raketa-image-picker name="resource[settings][meta][image]" value="<%= JSON.stringify(resource.settings?.meta?.image || {}) %>" label="Meta image"></raketa-image-picker>
+  <%- f.field('resource.settings.meta.title', { required: true, label: "Meta title", hint: "Used for both meta and OpenGraph" }) %>
+  <%- f.field('resource.settings.meta.description', { as: "textarea", required: true, label: "Meta description", hint: "Used for both meta and OpenGraph" }) %>
+
+  <raketa-image-picker name="resource[settings][meta][image]" value="<%= JSON.stringify(resource.settings?.meta?.image || {}) %>" label="OpenGraph image"></raketa-image-picker>
+
+  <h2 class="heading-2 my-4">Content tags</h2>
 
   <%- f.field('resource.tags', { as: 'checkbox_group', options: tags.map(tag => [tag.id, tag.name]) }) %>
 
@@ -33,17 +42,3 @@
   </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>

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

@@ -1,13 +1,16 @@
 <div class="page-wrapper">
   <div class="page-title">
-    <h1 class="heading-1">Delete <%= Inflector.humanize(Inflector.downcase(_context.resourceConfig.pageType)) %></h1>
+    <h1 class="heading-1">
+      <span class="opacity-50">Delete / </span>
+      <%= page.title %>
+    </h1>
   </div>
 
   <div class="grid gap-4 md:grid-cols-3">
     <div>
       <% form_for({ resource }, errors, (f) => { %>
       <form action="<%= `/${_context.locale}/${_context.resourceConfig.pageTypePlural}/${resource.id}/deletes` %>" method="POST" class="form">
-        <%- f.field('resource.redirect', { as: 'select', required: true,options: [['301', 'Redirect to another page'], ['404', 'Return 404'],['410', 'Return 410']] }) %>
+        <%- f.field('resource.redirect', { as: 'select', required: true,options: [['301', '301: Redirect to another page'], ['404', '404: Return an error'],['410', '410: Inform Google to remove the content from its index']] }) %>
         <%- f.field('resource.destination', {label: 'Destination URL', required: true}) %>
 
         <div class="form-actions">
@@ -27,10 +30,20 @@
             <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">How to safely retire a page?</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>Warning: Deleting a page can break existing links. To mitigate this, choose one of these options:</p>
+
+          <ol>
+            <li>Create a redirect to another page</li>
+            <li>Set a 410 response to signal Google to remove the page from its index</li>
+            <li>Use a 404 response only if absolutely certain</li>
+          </ol>
+
+          <p>In all cases, the current content will be deleted and forgotten like tears in rain — a moment lost in time. You might also consider changing the visibility of the page to private, which will preserve the content but hide it from end users.</p>
+        </div>
       </div>
     </div>
   </div>

package/src/views/pages/index.ejs

@@ -20,7 +20,6 @@
       <tr>
         <th><%- sort_button("Title", "title", _context) %></th>
         <th>Visibility</th>
-        <th><%- sort_button("Last change", "updated_at", _context) %></th>
         <th>Translations</th>
       </tr>
     </thead>
@@ -76,23 +75,6 @@
           </div>
         </td>
 
-        <td>
-          <div class="body-3 text-raketa-foreground/50">
-            <div class="flex items-center gap-1 mb-0.5">
-              <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>
-
-              Jan 20, 2024
-            </div>
-
-            <div class="flex items-center gap-1" title="Yana Dimitrova">
-              <img src="https://lh3.googleusercontent.com/a/ACg8ocLRrXdEsbxWg9AMWcgEY9Gfs75-xp7dYsnanB9-u-ZS3A=s96-c" class="size-4 rounded-full" alt="Yana Dimitrova">
-              Yana D.
-            </div>
-          </div>
-        </td>
-
         <td>
           <div class="flex flex-wrap items-center gap-1">
             <% Object.keys(_context.locales).forEach(key => { %>
@@ -160,4 +142,4 @@
   searchToggle.addEventListener('click', () => {
     sidebar.classList.toggle('hidden');
   });
-</script>
+</script>

package/src/views/pages/show.ejs

@@ -29,7 +29,7 @@
     <% }); %>
 
     <% if (canBeTranslated) { %>
-    <a href="<%= `/${_context.locale}/${_context.resourceConfig.pageTypePlural}/${resource.id}/translations/new` %>" class="btn-text">
+    <a href="<%= `/${_context.locale}/${_context.resourceConfig.pageTypePlural}/${resource.id}/translations/new` %>" class="btn-text ml-2">
       Translate
     </a>
     <% } %>
@@ -50,7 +50,7 @@
       <thead>
         <tr>
           <th>Title</th>
-          <th>Editor</th>
+          <th>Created by</th>
           <th>Last change</th>
           <th>&nbsp;</th>
         </tr>
@@ -169,4 +169,4 @@
       </tbody>
     </table>
   </div>
-</div>
+</div>

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

@@ -1,7 +1,9 @@
 <div class="page-wrapper">
   <div class="page-title flex flex-col items-start">
-    <h1 class="heading-1">Translate from <%= _context.locales[_context.locale].name %></h1>
-    <h1 class="body-2 opacity-50"><%= blueprint.title %></h1>
+    <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">
@@ -55,11 +57,17 @@
             <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">Translating pages</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">
+          <ol>
+            <li>Select multiple locales to initiate bulk translations.</li>
+            <li>A private copy of the page 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>
+</div>

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>
+<% }) %>