@raketa-cloud/admin 1.8.7 → 1.8.9

package/src/views/pages/index.ejs

@@ -1,185 +0,0 @@
-<div class="page-wrapper">
-  <div class="page-title">
-    <h1 class="heading-1"><%= Inflector.humanize(Inflector.capitalize(_context.resourceConfig.resourceTypePlural)) %></h1>
-
-    <div class="actions-toolbar">
-      <a href="<%= `/${_context.locale}/${_context.resourceConfig.resourceTypePlural}/new` %>" class="btn-primary">
-        Create new
-      </a>
-
-      <button type="button" data-toggle-sidebar="1" class="p-2.5 rounded hover:bg-neutral-200 transition-all duration-300 ease-in-out dark:hover:bg-neutral-700">
-        <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="m21 21-5.197-5.197m0 0A7.5 7.5 0 1 0 5.196 5.196a7.5 7.5 0 0 0 10.607 10.607Z" />
-        </svg>
-      </button>
-    </div>
-  </div>
-
-  <table class="data-grid">
-    <thead>
-      <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>
-
-    <tbody>
-      <% items.list.forEach((item, idx)=> { %>
-      <tr>
-        <td class="w-1/2">
-          <a href="<%= `/${_context.locale}/${_context.resourceConfig.resourceTypePlural}/${item.id}` %>" class="btn-text mr-1">
-            <%= item.title %>
-          </a>
-          <% if (item.revisionsCount > 0) { %>
-          <span class="bg-orange-100 chip text-orange-700 dark:bg-orange-900/50 dark:text-orange-300"><%= item.revisionsCount !== 1 ? `${item.revisionsCount} open revisions` : 'Open revision' %></span>
-          <% } %>
-
-          <% if (item.visibility !== "private") { %>
-          <div class="mt-1">
-            <a href="<%= _context.remoteConfig.resourceUrl(item, _context.resourceConfig.resourceType, _context.locale) %>" class="body-3 text-raketa-foreground/50" target="_blank">
-              <%= _context.remoteConfig.resourcePath(item, _context.resourceConfig.resourceType, _context.locale) %>
-            </a>
-          </div>
-          <% } %>
-        </td>
-
-        <td>
-          <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">
-                <path stroke-linecap="round" stroke-linejoin="round" d="M12 21a9.004 9.004 0 0 0 8.716-6.747M12 21a9.004 9.004 0 0 1-8.716-6.747M12 21c2.485 0 4.5-4.03 4.5-9S14.485 3 12 3m0 18c-2.485 0-4.5-4.03-4.5-9S9.515 3 12 3m0 0a8.997 8.997 0 0 1 7.843 4.582M12 3a8.997 8.997 0 0 0-7.843 4.582m15.686 0A11.953 11.953 0 0 1 12 10.5c-2.998 0-5.74-1.1-7.843-2.918m15.686 0A8.959 8.959 0 0 1 21 12c0 .778-.099 1.533-.284 2.253m0 0A17.919 17.919 0 0 1 12 16.5c-3.162 0-6.133-.815-8.716-2.247m0 0A9.015 9.015 0 0 1 3 12c0-1.605.42-3.113 1.157-4.418" />
-              </svg>
-
-              <% } %>
-              <% if (item.visibility === 'private') { %>
-              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="currentColor" class="size-4">
-                <path d="M8.5 4.5a2.5 2.5 0 1 1-5 0 2.5 2.5 0 0 1 5 0ZM10.9 12.006c.11.542-.348.994-.9.994H2c-.553 0-1.01-.452-.902-.994a5.002 5.002 0 0 1 9.803 0ZM14.002 12h-1.59a2.556 2.556 0 0 0-.04-.29 6.476 6.476 0 0 0-1.167-2.603 3.002 3.002 0 0 1 3.633 1.911c.18.522-.283.982-.836.982ZM12 8a2 2 0 1 0 0-4 2 2 0 0 0 0 4Z" />
-              </svg>
-              <% } %>
-              <% if (item.visibility === 'unlisted') { %>
-              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="currentColor" class="size-4">
-                <path fill-rule="evenodd" d="M3.28 2.22a.75.75 0 0 0-1.06 1.06l10.5 10.5a.75.75 0 1 0 1.06-1.06l-1.322-1.323a7.012 7.012 0 0 0 2.16-3.11.87.87 0 0 0 0-.567A7.003 7.003 0 0 0 4.82 3.76l-1.54-1.54Zm3.196 3.195 1.135 1.136A1.502 1.502 0 0 1 9.45 8.389l1.136 1.135a3 3 0 0 0-4.109-4.109Z" clip-rule="evenodd" />
-                <path d="m7.812 10.994 1.816 1.816A7.003 7.003 0 0 1 1.38 8.28a.87.87 0 0 1 0-.566 6.985 6.985 0 0 1 1.113-2.039l2.513 2.513a3 3 0 0 0 2.806 2.806Z" />
-              </svg>
-              <% } %>
-              <% if (item.visibility === 'protected') { %>
-              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="currentColor" class="size-4">
-                <path fill-rule="evenodd" d="M8 1a3.5 3.5 0 0 0-3.5 3.5V7A1.5 1.5 0 0 0 3 8.5v5A1.5 1.5 0 0 0 4.5 15h7a1.5 1.5 0 0 0 1.5-1.5v-5A1.5 1.5 0 0 0 11.5 7V4.5A3.5 3.5 0 0 0 8 1Zm2 6V4.5a2 2 0 1 0-4 0V7h4Z" clip-rule="evenodd" />
-              </svg>
-              <% } %>
-            </span>
-
-            <%= visibilityOptions.find(opt => opt[0] === item.visibility)[1] %>
-          </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>
-              <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 %>">
-              <% if (item.changes[0]?.operatorMeta?.avatar) { %>
-              <img src="<%= item.changes[0]?.operatorMeta?.avatar %>" class="size-4 rounded-full" alt="<%= item.changes[0]?.operatorMeta?.name %>">
-              <% } else { %>
-              <div class="size-4 rounded-full"></div>
-              <% } %>
-              <%= item.changes[0]?.operatorMeta?.name %>
-            </div>
-          </div>
-        </td>
-
-        <td>
-          <div class="flex flex-wrap items-center gap-1">
-            <% Object.keys(_context.locales).forEach(key => { %>
-            <% const { name, _code, flag} = _context.locales[key] %>
-            <% if (key === _context.locale) { %>
-            <img title="<%= name %>" src="<%= flag %>" alt="<%= name %>" class="size-6 rounded-full border dark:border-neutral-700" />
-            <% } else if (item.translations[key]) { %>
-            <a href="<%= `/${key}/${_context.resourceConfig.resourceTypePlural}/${item.translations[key].id}` %>">
-              <img title="<%= name %>" src="<%= flag %>" alt="<%= name %>" class="size-6 rounded-full border dark:border-neutral-700" />
-            </a>
-            <% } else { %>
-            <a href="<%= `/${_context.locale}/${_context.resourceConfig.resourceTypePlural}/${item.id}/translations/new?target_locale=${key}` %>">
-              <img title="<%= name %>" src="<%= flag %>" alt="<%= name %>" class="<%= [" transition-all ease-in-out duration-300 size-6 rounded-full border hover:opacity-100 dark:border-neutral-700", key === _context.locale ? "opacity-100" : "opacity-10"].join(" ") %>" />
-            </a>
-            <% } %>
-            <% }); %>
-          </div>
-        </td>
-      </tr>
-      <% }); %>
-    </tbody>
-  </table>
-
-  <%- pagination(items.pagination, _context) %>
-</div>
-
-<div data-sidebar="1" class="search-sidebar <%= Object.keys(_context.query).some(k => k.startsWith('f:')) ? '' : 'hidden' %>">
-  <span class="heading-2">Search by</span>
-
-  <form action="<%= `/${_context.locale}/${_context.resourceConfig.resourceTypePlural}` %>" method="GET" class="form mt-4">
-    <input type="hidden" name="order_direction" value="<%= _context.query.order_direction %>" />
-    <input type="hidden" name="order_by" value="<%= _context.query.order_by %>" />
-
-    <div class="mb-4">
-      <label for="keyword" class="font-semibold hover:cursor-pointer body-3">Keyword</label>
-      <input type="text" name="f:keyword" value="<%= _context.query["f:keyword"] %>" />
-    </div>
-
-    <%- include('./../_shared/_visibility_search_input.ejs') %>
-
-    <div class="mb-4">
-      <label for="widget" class="font-semibold hover:cursor-pointer body-3">Widget</label>
-      <select name="f:widget" data-widget-filter data-current-value="<%= _context.query['f:widget'] || '' %>">
-        <option value="">All widgets</option>
-      </select>
-    </div>
-
-    <div class="mb-4">
-      <label for="widget_keyword" class="font-semibold hover:cursor-pointer body-3">Widget text keyword</label>
-      <input type="text" name="f:widget_keyword" value="<%= _context.query["f:widget_keyword"] %>" />
-    </div>
-
-    <div class="mb-4">
-        <label for="last_updated_from" class="font-semibold hover:cursor-pointer body-3">Last Updated from</label>
-        <input type="datetime-local" name="f:last_updated_from" value="<%= _context.query["f:last_updated_from"] %>" />
-    </div>
-
-    <div class="mb-4">
-        <label for="last_updated_to" class="font-semibold hover:cursor-pointer body-3">Last Updated to</label>
-        <input type="datetime-local" name="f:last_updated_to" value="<%= _context.query["f:last_updated_to"] %>" />
-    </div>
-
-    <%- include('./../_shared/_translations_search_input.ejs') %>
-
-    <div class="mb-4">
-      <label for="" class="font-semibold hover:cursor-pointer body-3">Tags</label>
-      <div class="checkbox-group mb-4">
-        <% tags.forEach((item,idx)=> { %>
-        <div class="flex items-center gap-1">
-          <% if (utils.includedInCollection(item.id, _context.query["f:tags"])) { %>
-          <input type="checkbox" name="f:tags" id='tag-<%= item.id %>' checked value="<%= item.id %>" class="hover:cursor-pointer">
-          <% } else { %>
-          <input type="checkbox" name="f:tags" id='tag-<%= item.id %>' value="<%= item.id %>" class="hover:cursor-pointer">
-          <% } %>
-          <label for='tag-<%= item.id %>' class="body-2 hover:cursor-pointer"><%= item.name %></label>
-        </div>
-        <% }); %>
-      </div>
-    </div>
-
-    <div class="btn-toolbar">
-      <button type="submit" class="btn-primary">Search</button>
-      <%- include('./_shared/_export_button.ejs') %>
-      <a href="<%= `/${_context.locale}/${_context.resourceConfig.resourceTypePlural}` %>" class="btn-text">Clear search</a>
-    </div>
-  </form>
-</div>

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

@@ -1,18 +0,0 @@
-<div class="actions-toolbar justify-end">
-  <a href="/remote/login?redirect_to=/<%= translation.translationLocale %>/admin/<%= _context.resourceConfig.resourceType %>-revisions/<%= translation.revisionId %>/builder" 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="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>
-
-    Update Content
-  </a>
-
-  <a href="<%= `/${translation.translationLocale}/${_context.resourceConfig.resourceType}_revisions/${translation.revisionId}/general/edit` %>" 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="M10.343 3.94c.09-.542.56-.94 1.11-.94h1.093c.55 0 1.02.398 1.11.94l.149.894c.07.424.384.764.78.93.398.164.855.142 1.205-.108l.737-.527a1.125 1.125 0 0 1 1.45.12l.773.774c.39.389.44 1.002.12 1.45l-.527.737c-.25.35-.272.806-.107 1.204.165.397.505.71.93.78l.893.15c.543.09.94.559.94 1.109v1.094c0 .55-.397 1.02-.94 1.11l-.894.149c-.424.07-.764.383-.929.78-.165.398-.143.854.107 1.204l.527.738c.32.447.269 1.06-.12 1.45l-.774.773a1.125 1.125 0 0 1-1.449.12l-.738-.527c-.35-.25-.806-.272-1.203-.107-.398.165-.71.505-.781.929l-.149.894c-.09.542-.56.94-1.11.94h-1.094c-.55 0-1.019-.398-1.11-.94l-.148-.894c-.071-.424-.384-.764-.781-.93-.398-.164-.854-.142-1.204.108l-.738.527c-.447.32-1.06.269-1.45-.12l-.773-.774a1.125 1.125 0 0 1-.12-1.45l.527-.737c.25-.35.272-.806.108-1.204-.165-.397-.506-.71-.93-.78l-.894-.15c-.542-.09-.94-.56-.94-1.109v-1.094c0-.55.398-1.02.94-1.11l.894-.149c.424-.07.765-.383.93-.78.165-.398.143-.854-.108-1.204l-.526-.738a1.125 1.125 0 0 1 .12-1.45l.773-.773a1.125 1.125 0 0 1 1.45-.12l.737.527c.35.25.807.272 1.204.107.397-.165.71-.505.78-.929l.15-.894Z" />
-      <path stroke-linecap="round" stroke-linejoin="round" d="M15 12a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z" />
-    </svg>
-
-    Update Settings
-  </a>
-</div>

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

@@ -1,75 +0,0 @@
-<div class="page-wrapper">
-  <div class="page-title flex flex-col items-start">
-    <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">
-    <% form_for({ resource }, errors, (f) => { %>
-    <form action="<%= `/${_context.locale}/${_context.resourceConfig.resourceTypePlural}/${blueprint.id}/translations` %>" method="post" class="form">
-      <h6>Available languages:</h6>
-      <% if (targetLocale) { %>
-      <input type="hidden" name="resource[languages][]" value="<%= targetLocale %>">
-      <% } %>
-      <div class="checkbox-group !max-h-fit mb-3">
-        <% Object.entries(_context.locales).forEach(([key, locale]) => {
-          const isExistingTranslation = resource.translations[key];
-          const isCurrentLocale = key === _context.locale;
-          const wasSelected = Array.isArray(resource.languages) && resource.languages.includes(key);
-          const isChecked = isExistingTranslation || isCurrentLocale || key === targetLocale || wasSelected;
-          const isDisabled = isExistingTranslation || isCurrentLocale || key === targetLocale;
-        %>
-        <% if(!isCurrentLocale) { %>
-        <label class="<%= isDisabled && key !== targetLocale ? 'opacity-50' : '' %>">
-          <input type="<%= isCurrentLocale ? 'hidden' : 'checkbox' %>" name="resource[languages][]" value="<%= key %>" <%= isChecked ? 'checked' : '' %> <%= isDisabled ? 'disabled' : '' %>>
-          <%= locale.name %>
-        </label>
-        <% } %>
-        <% }) %>
-      </div>
-
-      <% if (errors?.resource && targetLocale) { %>
-      <div>
-        <% if (targetLocale !== _context.locale) { %>
-        <p class="text-sm text-red-600 font-medium mb-1">
-          Failed to create <%= _context.locales[targetLocale].name %> translation.
-        </p>
-        <% } %>
-        <% Object.entries(errors.resource).forEach(([errorKey, error]) => { %>
-        <p class="text-sm text-red-600 font-medium mb-3"> Reason is <%= errorKey %>: <%= error %></p>
-        <% }) %>
-      </div>
-      <% } %>
-
-      <div class="form-actions">
-        <div class="btn-toolbar">
-          <%- f.submit('Initiate translations', { class: 'btn-primary' }) %>
-          <a href="<%= `/${_context.locale}/${_context.resourceConfig.resourceTypePlural}/${blueprint.id}` %>" class="btn-secondary">Cancel</a>
-        </div>
-      </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">Translating pages</h3>
-        </div>
-
-        <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>

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

@@ -1,39 +0,0 @@
-<div class="page-wrapper">
-  <div class="page-title">
-    <div>
-      <h1 class="heading-1">Translations initiated</h1>
-      <span class="body-2 opacity-50"><%= resourceTitle %></span>
-    </div>
-  </div>
-
-  <% if (translations && translations.length > 0) { %>
-  <table class="data-grid alt">
-    <thead>
-      <tr>
-        <th>Locale</th>
-        <th>&nbsp;</th>
-      </tr>
-    </thead>
-    <tbody>
-      <% translations.forEach(translation => { %>
-      <tr class="border-b border-mono-25">
-        <td class="py-4 pl-2 w-full">
-          <div class="flex gap-1 items-center">
-            <a href="<%= `/${translation.translationLocale}/${_context.resourceConfig.resourceTypePlural}/${translation.id}` %>" class="btn-text">
-              <%= _context.locales[translation.translationLocale].name %>
-            </a>
-          </div>
-        </td>
-
-        <td class="whitespace-nowrap">
-          <%- render_partial('./_translation_toolbar.ejs', { translation }) %>
-        </td>
-      </tr>
-      <% }) %>
-    </tbody>
-  </table>
-  <% } %>
-  <a href="<%= `/${_context.locale}/${_context.resourceConfig.resourceTypePlural}/${parent_id}` %>" class="btn-primary mt-8">
-    Go to original
-  </a>
-</div>