@raketa-cloud/admin 1.8.22 → 1.8.23

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@raketa-cloud/admin",
-  "version": "1.8.22",
+  "version": "1.8.23",
   "main": "src/index.js",
   "files": [
     "src/",

package/src/handlers/resources/TranslationsHandler.js

@@ -107,6 +107,7 @@ const create = async (ctx) => {
         resource: {
           translations: blueprint.translations || {},
           languages: [],
+          workflow: ctx.resourceParams?.resource?.workflow,
         },
         blueprint,
         targetLocale: originalLocale,
@@ -167,6 +168,7 @@ const create = async (ctx) => {
           ...resource,
           translations: blueprint.translations || {},
           languages: formLanguages,
+          workflow: workflow,
         },
         blueprint,
         targetLocale: originalLocale,
@@ -211,6 +213,7 @@ const create = async (ctx) => {
             ...resource,
             translations: blueprint.translations || {},
             languages: formLanguages,
+            workflow: workflow,
           },
           blueprint,
           targetLocale: locale,

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

@@ -36,15 +36,15 @@
         <select name="resource[workflow][type]" id="workflow">
           <option value="">Default (no workflow)</option>
 
-          <option value="LOKALISE_TO_AI_RT_HUM" <%= resource.workflow === 'LOKALISE_TO_AI_RT_HUM' ? 'selected' : '' %>>
+          <option value="LOKALISE_TO_AI_RT_HUM" <%= resource.workflow?.type === 'LOKALISE_TO_AI_RT_HUM' ? 'selected' : '' %>>
             <%= content_tasks.workflowsMap("LOKALISE_TO_AI_RT_HUM".toLowerCase()) %>
           </option>
 
-          <option value="LOKALISE_TT_HUM" <%= resource.workflow === 'LOKALISE_TT_HUM' ? 'selected' : '' %>>
+          <option value="LOKALISE_TT_HUM" <%= resource.workflow?.type === 'LOKALISE_TT_HUM' ? 'selected' : '' %>>
             <%= content_tasks.workflowsMap("LOKALISE_TT_HUM".toLowerCase()) %>
           </option>
 
-          <option value="LOKALISE_TT_AI" <%= resource.workflow === 'LOKALISE_TT_AI' ? 'selected' : '' %>>
+          <option value="LOKALISE_TT_AI" <%= resource.workflow?.type === 'LOKALISE_TT_AI' ? 'selected' : '' %>>
             <%= content_tasks.workflowsMap("LOKALISE_TT_AI".toLowerCase()) %>
           </option>
         </select>
@@ -55,49 +55,85 @@
 
       <div class="mb-4" id="due_date_wrapper">
         <label for="due_date" class="font-semibold hover:cursor-pointer body-3">Due date (UTC)</label>
-        <input type="datetime-local" name="resource[workflow][due_date]" id="due_date" />
+        <input type="datetime-local" name="resource[workflow][due_date]" id="due_date" value="<%= resource.workflow?.due_date || "" %>" />
+
         <p class="text-sm text-raketa-foreground/50 mt-1">
-          Select a workflow for the translation process. Lokalise workflow initiates a translation task for external translation.
+          Select a due date for the translation. Weekends are not a valid choice.
         </p>
       </div>
 
       <script>
-        (function () {
-          const workflowSelect = document.getElementById("workflow");
-          const dueDateWrapper = document.getElementById("due_date_wrapper");
-          const dueDateInput = document.getElementById("due_date");
-
-          function getTwoDaysFromNowString() {
-            const date = new Date();
-            date.setDate(date.getDate() + 2);
-            const year = date.getFullYear();
-            const month = String(date.getMonth() + 1).padStart(2, "0");
-            const day = String(date.getDate()).padStart(2, "0");
-            const hours = String(date.getHours()).padStart(2, "0");
-            const minutes = String(date.getMinutes()).padStart(2, "0");
-            return `${year}-${month}-${day}T${hours}:${minutes}`;
-          }
-
-          function toggleDueDate() {
-            if (!workflowSelect || !dueDateWrapper || !dueDateInput) return;
-            const minDate = getTwoDaysFromNowString();
-            dueDateInput.min = minDate;
-
-            const isDefault = !workflowSelect.value;
-            dueDateWrapper.style.display = isDefault ? "none" : "block";
-
-            if (isDefault) {
-              dueDateInput.value = "";
-            } else if (!dueDateInput.value) {
-              dueDateInput.value = minDate;
+        window.addEventListener("load", (_event) => {
+          (function () {
+            const workflowSelect = document.getElementById("workflow");
+            const dueDateWrapper = document.getElementById("due_date_wrapper");
+            const dueDateInput = document.getElementById("due_date");
+
+            function validateInputValue(dInput) {
+              if (dInput.value === "") {
+                dInput.setCustomValidity('');
+                return;
+              }
+
+              const selectedDate = new Date(dInput.value);
+              const day = selectedDate.getDay();
+
+              if (day === 0 || day === 6) {
+                dInput.setCustomValidity('Weekends are not allowed. Please select a weekday.')
+                selectedDate.value = '';
+              } else {
+                dInput.setCustomValidity('');
+              }
             }
-          }
 
-          if (workflowSelect) {
-            workflowSelect.addEventListener("change", toggleDueDate);
-            toggleDueDate();
-          }
-        })();
+            dueDateInput.addEventListener('change', function(e) {
+              validateInputValue(dueDateInput);
+            });
+
+            function getTwoDaysFromNowString() {
+              const date = new Date();
+
+
+              date.setDate(date.getDate() + 2);
+
+              // Skip weekends.
+              while(date.getDay() === 0 || date.getDay() === 6) {
+                date.setDate(date.getDate() + 1);
+              }
+
+              const year = date.getFullYear();
+              const month = String(date.getMonth() + 1).padStart(2, "0");
+              const day = String(date.getDate()).padStart(2, "0");
+              const hours = String(date.getHours()).padStart(2, "0");
+              const minutes = String(date.getMinutes()).padStart(2, "0");
+              return `${year}-${month}-${day}T${hours}:${minutes}`;
+            }
+
+            function toggleDueDate() {
+              if (!workflowSelect || !dueDateWrapper || !dueDateInput) return;
+              const minDate = getTwoDaysFromNowString();
+              dueDateInput.min = minDate;
+
+              const isDefault = !workflowSelect.value;
+              dueDateWrapper.style.display = isDefault ? "none" : "block";
+
+              if (isDefault) {
+                dueDateInput.value = "";
+              } else if (!dueDateInput.value) {
+                dueDateInput.value = minDate;
+              }
+
+              // Trigger the on change so hints are visible together with the validation.
+              const changeEvent = new Event('change', { bubbles: true });
+              dueDateInput.dispatchEvent(changeEvent);
+            }
+
+            if (workflowSelect) {
+              workflowSelect.addEventListener("change", toggleDueDate);
+              toggleDueDate();
+            }
+          })();
+        })
       </script>
       <% } %>