more filters

dataesr · Mar 12, 2024 · fe63a12 · fe63a12
1 parent 553ad75
commit fe63a12
Show file tree

Hide file tree

Showing 2 changed files with 21 additions and 2 deletions.
diff --git a/client/src/pages/datasetsView.jsx b/client/src/pages/datasetsView.jsx
@@ -8,6 +8,7 @@ import {
   affiliationsTemplate,
   allIdsTemplate,
   authorsTemplate,
+  certaintyRowFilterTemplate,
   datasourceTemplate,
   frAuthorsTemplate,
   linkedDOITemplate,
@@ -21,7 +22,10 @@ export default function DatasetsView({
   setSelectedWorks,
   works,
 }) {
-  const [filters] = useState({ status: { value: null, matchMode: FilterMatchMode.IN } });
+  const [filters] = useState({
+    status: { value: null, matchMode: FilterMatchMode.IN },
+    levelCertainty: { value: null, matchMode: FilterMatchMode.IN },
+  });
   return (
     <DataTable
       currentPageReportTemplate="{first} to {last} of {totalRecords}"
@@ -53,7 +57,7 @@ export default function DatasetsView({
       <Column field="year" header="Year" style={{ maxWidth: '70px' }} />
       <Column field="publisher" header="Publisher" style={{ maxWidth: '70px' }} />
       <Column field="affiliationsHtml" header="Affiliations" body={affiliationsTemplate} style={{ maxWidth: '220px' }} />
-      <Column field="levelCertainty" header="Certainty" style={{ maxWidth: '90px' }} sortable />
+      <Column field="levelCertainty" header="Certainty" style={{ maxWidth: '90px' }} sortable showFilterMenu={false} filterMenuStyle={{ width: '7rem' }} filter filterElement={certaintyRowFilterTemplate}/>
       <Column field="fr_publications_linked" header="Linked Article" body={linkedDOITemplate} style={{ maxWidth: '180px' }} />
       <Column field="fr_authors_orcid" header="My institution author ORCID" body={linkedORCIDTemplate} style={{ maxWidth: '150px' }} />
       <Column field="fr_authors_name" header="My institution author name" body={frAuthorsTemplate} style={{ maxWidth: '150px' }} />

diff --git a/client/src/utils/templates.jsx b/client/src/utils/templates.jsx
@@ -36,6 +36,20 @@ const statusRowFilterTemplate = (options) => (
   />
 );
 
+const certaintyRowFilterTemplate = (options) => (
+  <MultiSelect
+    value={options.value}
+    options={[{ name: '1.high', value: '1.high' }, { name: '2.medium', value: '2.medium' }, { name: '3.low', value: '3.low' }]}
+    itemTemplate={statusesItemTemplate}
+    onChange={(e) => options.filterApplyCallback(e.value)}
+    optionLabel="name"
+    placeholder="Any"
+    className="p-column-filter"
+    maxSelectedLabels={1}
+    style={{ minWidth: '7rem' }}
+  />
+);
+
 const getIdsTemplate = (ids) => {
   let html = '<ul>';
   ids.forEach((id) => {
@@ -177,6 +191,7 @@ export {
   allIdsTemplate,
   authorsTemplate,
   correctionTemplate,
+  certaintyRowFilterTemplate,
   datasourceTemplate,
   frAuthorsTemplate,
   getAffiliationsHtmlField,