wip

Author: auniverseaway

nx/blocks/loc/connectors/trados/index.js

@@ -57,7 +57,8 @@ async function createProject(options, service, title, langs) {
   const { apiEndpoint } = service;
 
   const location = langs[0]['trados location'];
-  const templateId = langs[0]['trados project template'];
+  const templateId = options['translation.service.custom.option.Template'] || langs[0]['trados project template'];
+  const notes = options['translation.service.custom.textarea.Notes'];
 
   const languageDirections = langs.map((lang) => ({
     sourceLanguage: { languageCode: sourceLanguage },
@@ -66,7 +67,7 @@ async function createProject(options, service, title, langs) {
 
   const body = JSON.stringify({
     name: `${title} - ${Date.now()}`,
-    description: `DA translation project: ${title}`,
+    description: notes || `DA translation project: ${title}`,
     dueBy,
     projectTemplate: {
       id: templateId,

nx/blocks/loc/views/options/options.js

@@ -3,7 +3,7 @@ import { getConfig } from '../../../../scripts/nexter.js';
 import getStyle from '../../../../utils/styles.js';
 import getSvg from '../../../../utils/svg.js';
 import { fetchConfig } from '../../utils/utils.js';
-import { getAllActions, formatLangs, formatConfig, finalizeOptions } from './utils/utils.js';
+import { getAllActions, formatLangs, formatConfig, finalizeOptions, getCustomOptions } from './utils/utils.js';
 
 const { nxBase: nx } = getConfig();
 
@@ -190,6 +190,41 @@ class NxLocOptions extends LitElement {
       </div>`;
   }
 
+  renderCustomOptions() {
+    const custom = getCustomOptions(this._siteConfig);
+    return Object.entries(custom).flatMap(([type, items]) => items.map(({ name, values }) => {
+      const key = `translation.service.custom.${type}.${name}`;
+      if (type === 'option') {
+        return html`
+          <div class="nx-loc-fieldgroup">
+            <p>${name}</p>
+            <sl-select name="${key}" value="${values[0].value}" @change=${this.handleChangeOption}>
+              ${values.map(({ label, value }) => html`<option value="${value}">${label}</option>`)}
+            </sl-select>
+          </div>`;
+      }
+      if (type === 'boolean') {
+        return html`
+          <div class="nx-loc-fieldgroup">
+            <p>${name}</p>
+            <sl-checkbox name="${key}" ?checked=${values[0].value === 'true'} @change=${this.handleChangeOption}></sl-checkbox>
+          </div>`;
+      }
+      if (type === 'textarea') {
+        return html`
+          <div class="nx-loc-fieldgroup">
+            <p>${name}</p>
+            <sl-textarea name="${key}" value="${values[0].value}" @change=${this.handleChangeOption}></sl-textarea>
+          </div>`;
+      }
+      return html`
+        <div class="nx-loc-fieldgroup">
+          <p>${name}</p>
+          <sl-input name="${key}" value="${values[0].value}" @change=${this.handleChangeOption}></sl-input>
+        </div>`;
+    }));
+  }
+
   renderDateField(label, property) {
     return html`
       <div class="nx-loc-fieldgroup">
@@ -305,6 +340,7 @@ class NxLocOptions extends LitElement {
           <div class="nx-loc-options-group">
             ${this.renderFieldgroup('Environment', 'translation.service.all.env')}
             ${this._siteConfig['translation.service.supports.duedate'] ? this.renderDateField('Due date', 'project.due') : nothing}
+            ${this.renderCustomOptions()}
           </div>
           <p class="nx-loc-options-panel-subhead">Conflict resolution</p>
           <div class="nx-loc-options-group">

nx/blocks/loc/views/options/utils/utils.js

@@ -62,6 +62,25 @@ function findLanguageByName(languages, name) {
   return null;
 }
 
+export function getCustomOptions(config) {
+  const PREFIX = 'translation.service.custom.';
+  return Object.keys(config).reduce((acc, key) => {
+    if (!key.startsWith(PREFIX)) return acc;
+    const remainder = key.slice(PREFIX.length);
+    const dotIndex = remainder.indexOf('.');
+    if (dotIndex === -1) return acc;
+    const type = remainder.slice(0, dotIndex);
+    const name = remainder.slice(dotIndex + 1);
+    acc[type] ??= [];
+    const values = config[key].split('|').map((entry) => {
+      const [label, val] = entry.split('=').map((s) => s.trim());
+      return { label, value: val ?? label };
+    });
+    acc[type].push({ name, values });
+    return acc;
+  }, {});
+}
+
 export function formatConfig(sheets) {
   const config = sheets.config.data.reduce((acc, row) => {
     acc[row.key] = row.value;
@@ -76,6 +95,14 @@ export function formatConfig(sheets) {
     return acc;
   }, {});
 
+  // Seed custom option initial values
+  const custom = getCustomOptions(config);
+  Object.entries(custom).forEach(([type, items]) => {
+    items.forEach(({ name, values }) => {
+      options[`translation.service.custom.${type}.${name}`] = values[0].value;
+    });
+  });
+
   // If a source lang is spec'd, set it.
   if (config['source.language']) {
     const found = findLanguageByName(sheets.languages.data, config['source.language']);