chore: typo

elixir-cloud-aai · Feb 9, 2024 · 05c1566 · 05c1566
2 parents d4f76b9 + abf256c
commit 05c1566
Show file tree

Hide file tree

Showing 4 changed files with 16 additions and 19 deletions.
diff --git a/apps/documentation/docs/design/components/code.md b/apps/documentation/docs/design/components/code.md
@@ -57,8 +57,6 @@ import "@elixir-cloud/design/dist/components/code/index.js";
 
 ### JSON
 
-<div class="component-name">&lt;ecc-utils-design-code&gt;</div>
-Simple code editor to handle Yaml, JSON and multiline text input.
 <ClientOnly>
   <div :class="isDark ? 'component-dark component' : 'component-light component'">
     <ecc-utils-design-code :v-if="renderComponent" :items="primaryItems" :filters="primaryFilters" totalItems="50" language="JSON"></ecc-utils-design-code>
@@ -80,8 +78,6 @@ import "@elixir-cloud/design/dist/components/code/index.js";
 
 ### Indentation
 
-<div class="component-name">&lt;ecc-utils-design-code&gt;</div>
-Simple code editor to handle Yaml, JSON and multiline text input.
 <ClientOnly>
   <div :class="isDark ? 'component-dark component' : 'component-light component'">
     <ecc-utils-design-code :v-if="renderComponent" indentation="4"></ecc-utils-design-code>

diff --git a/package-lock.json b/package-lock.json
diff --git a/packages/ecc-client-lit-ga4gh-tes/src/components/tes-create-run/create-run.ts b/packages/ecc-client-lit-ga4gh-tes/src/components/tes-create-run/create-run.ts
@@ -81,6 +81,11 @@ export class TESCreateRun extends LitElement {
       key: "executors",
       label: "Executors",
       type: "group",
+      fieldOptions: {
+        required: true,
+        tooltip:
+          "A sequence of program arguments to execute, where the first argument is the program to execute (i.e. argv).",
+      },
       groupOptions: {
         collapsible: true,
       },
@@ -89,9 +94,6 @@ export class TESCreateRun extends LitElement {
           key: "executors",
           label: "",
           type: "array",
-          fieldOptions: {
-            required: true,
-          },
           arrayOptions: {
             defaultInstances: 1,
             min: 1,
@@ -103,6 +105,8 @@ export class TESCreateRun extends LitElement {
               type: "array",
               fieldOptions: {
                 required: true,
+                tooltip:
+                  "A sequence of program arguments to execute, where the first argument is the program to execute (i.e. argv).",
               },
               arrayOptions: {
                 defaultInstances: 1,
@@ -111,13 +115,8 @@ export class TESCreateRun extends LitElement {
               children: [
                 {
                   key: "command",
-                  label: "Command",
+                  label: "",
                   type: "text",
-                  fieldOptions: {
-                    required: true,
-                    tooltip:
-                      "A sequence of program arguments to execute, where the first argument is the program to execute (i.e. argv).",
-                  },
                 },
               ],
             },

diff --git a/packages/ecc-utils-design/src/components/form/form.ts b/packages/ecc-utils-design/src/components/form/form.ts
@@ -291,13 +291,13 @@ export default class EccUtilsDesignForm extends LitElement {
             ? html`
                 <sl-tooltip content=${field.fieldOptions?.tooltip}>
                   <label part="${label} ${arrayLabel}" class="array-label">
-                    ${field.label}
+                    ${field.label} ${field.fieldOptions?.required ? "*" : ""}
                   </label>
                 </sl-tooltip>
               `
             : html`
                 <label part="${label} ${arrayLabel}" class="array-label">
-                  ${field.label}
+                  ${field.label} ${field.fieldOptions?.required ? "*" : ""}
                 </label>
               `}
           <sl-button
@@ -398,7 +398,9 @@ export default class EccUtilsDesignForm extends LitElement {
     return html` <div class="group-container">
       ${field.groupOptions?.collapsible
         ? html` <sl-details
-            summary=${field.label}
+            summary=${`${field.label} ${
+              field.fieldOptions?.required ? "*" : ""
+            }`}
             exportparts="base: ${groupBase}, header: ${groupHeader}, header: ${header}, summary: ${label}, summary: ${groupLabel}, summary-icon: ${groupToggleIcon}, content: ${groupContent}"
           >
             ${renderChildren()}