wip: improving dataset list

HumanBrainProject · Mar 5, 2024 · 2ea1912 · 2ea1912
1 parent 7e7935c
commit 2ea1912
Show file tree

Hide file tree

Showing 2 changed files with 29 additions and 5 deletions.
diff --git a/apps/nar-v3/src/components/DatasetList.jsx b/apps/nar-v3/src/components/DatasetList.jsx
@@ -1,18 +1,40 @@
 import { Link as RouterLink } from "react-router-dom";
+import Table from '@mui/material/Table';
+import TableBody from '@mui/material/TableBody';
+import TableCell from '@mui/material/TableCell';
+import TableContainer from '@mui/material/TableContainer';
+import TableHead from '@mui/material/TableHead';
+import TableRow from '@mui/material/TableRow';
 
 import { uuidFromUri } from "../utility";
 
 function DatasetList(props) {
   return (
-    <ul>
+    <Table>
+        <TableHead>
+            <TableRow>
+                <TableCell component="th">Name</TableCell>
+                <TableCell component="th">Subjects</TableCell>
+                <TableCell component="th">Activities</TableCell>
+            </TableRow>
+        </TableHead>
+        <TableBody>
       {props.datasets.map((dataset) => (
-        <li key={dataset.id}>
+        <TableRow key={dataset.id}><TableCell>
           <RouterLink to={uuidFromUri(dataset.id)}>
             {dataset.fullName || dataset.isVersionOf.fullName}
           </RouterLink>
-        </li>
+        </TableCell>
+        <TableCell>
+        {dataset.studiedSpecimen.length}
+        </TableCell>
+        <TableCell>
+        {dataset.activities.length}
+        </TableCell>
+        </TableRow>
       ))}
-    </ul>
+      </TableBody>
+    </Table>
   );
 }
 

diff --git a/apps/nar-v3/src/routes/datasets.jsx b/apps/nar-v3/src/routes/datasets.jsx
@@ -18,7 +18,9 @@ const query = buildKGQuery(
       S("versionIdentifier"),
       R("isVersionOf", "hasVersion", [S("fullName"), S("description"), S("shortName")]),
       L("accessibility/name", [], {filter: "free access", required: true}),
-      L("experimentalApproach/name", [], {filter: "electrophysiology", required: true})
+      L("experimentalApproach/name", [], {filter: "electrophysiology", required: true}),
+      L("studiedSpecimen", [S("lookupLabel")], { type: "core/Subject", expectSingle: false }),
+      R("activities", "isPartOf", [S("@type")], {expectSingle: false})
   ]
 )