Allow for an array of paths in InputDatasetTable

ISI-MIP · May 29, 2024 · be51f5d · be51f5d
1 parent da608ca
commit be51f5d
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 4 deletions.
diff --git a/app/package-lock.json b/app/package-lock.json
diff --git a/app/src/components/tables/InputDatasetTable.js b/app/src/components/tables/InputDatasetTable.js
@@ -12,6 +12,15 @@ const InputDatasetTable = function({ config, caption, rows, groups, actions }) {
   const allOpen = filteredGroups.every(group => !group.closed)
   const allToggle = () => toggleGroups(filteredGroups, allOpen)
 
+  const getPath = (row) => {
+    const path = filterField(config, row.path)
+    if (Array.isArray(path)) {
+      return path.map((p, index) => <code className="d-block" key={index}>{p}</code>)
+    } else {
+      return <code>{path}</code>
+    }
+  }
+
   const getResolutions = (row) => {
     const resolution = filterField(config, row.resolution)
     if (Array.isArray(resolution)) {
@@ -68,7 +77,7 @@ const InputDatasetTable = function({ config, caption, rows, groups, actions }) {
                             </p>}
                           </td>
                           <td colSpan="4">
-                            {row.path && <code>{filterField(config, row.path)}</code>}
+                            {getPath(row)}
                             {row.url && <a href={row.url} target="_blank">{row.url}</a>}
                           </td>
                         </tr>

diff --git a/assets/app.js b/assets/app.js