From d9a3ab5b9c77b56addc92e176d4939c4b2da7c30 Mon Sep 17 00:00:00 2001
From: eric <eric.jeangirard@recherche.gouv.fr>
Date: Fri, 11 Oct 2024 15:12:59 +0200
Subject: [PATCH] sortable columns

---
 client/src/pages/affiliationsView.jsx |  2 ++
 client/src/pages/datasetsView.jsx     | 33 +++++++++++++++++++--------
 2 files changed, 26 insertions(+), 9 deletions(-)

diff --git a/client/src/pages/affiliationsView.jsx b/client/src/pages/affiliationsView.jsx
index 2d08e2c4..db275009 100644
--- a/client/src/pages/affiliationsView.jsx
+++ b/client/src/pages/affiliationsView.jsx
@@ -103,6 +103,8 @@ export default function AffiliationsView({
         header="ROR computed by OpenAlex"
         body={rorTemplate}
         style={{ maxWidth: '150px' }}
+        sortable
+        sortField="rorsNumber"
       />
       <Column
         field="worksExamples"
diff --git a/client/src/pages/datasetsView.jsx b/client/src/pages/datasetsView.jsx
index 62a6b2fd..b7b211d8 100644
--- a/client/src/pages/datasetsView.jsx
+++ b/client/src/pages/datasetsView.jsx
@@ -106,7 +106,7 @@ export default function DatasetsView({
         field="status"
         header="Status"
         body={statusTemplate}
-        style={{ minWidth: '180px', maxWidth: '180px' }}
+        style={{ minWidth: '140px', maxWidth: '140px' }}
         showFilterMenu={false}
         filter
         filterElement={statusRowFilterTemplate}
@@ -120,43 +120,58 @@ export default function DatasetsView({
       <Column
         field="type"
         header="Type"
+        sortable
         style={{ maxWidth: '90px' }}
         showFilterMenu={false}
       />
-      <Column field="year" header="Year" style={{ maxWidth: '70px' }} />
+      <Column
+        field="year"
+        header="Year"
+        style={{ maxWidth: '70px' }}
+        sortable
+      />
       <Column
         field="publisher"
-        filter
-        filterElement={publishersFilterTemplate}
-        filterField="publisher"
-        filterMenuStyle={{ width: '14rem' }}
+        // filter
+        // filterElement={publishersFilterTemplate}
+        // filterField="publisher"
+        // filterMenuStyle={{ width: '14rem' }}
+        // showFilterMenu={false}
         header="Publisher"
-        showFilterMenu={false}
-        style={{ maxWidth: '70px' }}
+        sortable
+        style={{ minWidth: '95px', maxWidth: '95px' }}
       />
       <Column
         field="affiliationsHtml"
         header="Affiliations"
         body={affiliationsTemplate}
         style={{ maxWidth: '220px' }}
+        sortable
+        sortField="nbAffiliations"
       />
       <Column
         field="fr_publications_linked"
         header="Linked Article"
         body={linkedDOITemplate}
-        style={{ maxWidth: '180px' }}
+        style={{ minWidth: '160px', maxWidth: '160px' }}
+        sortable
+        sortField="nbPublicationsLinked"
       />
       <Column
         field="fr_authors_orcid"
         header="My institution author ORCID"
         body={linkedORCIDTemplate}
         style={{ maxWidth: '150px' }}
+        sortable
+        sortField="nbOrcid"
       />
       <Column
         field="fr_authors_name"
         header="My institution author name"
         body={frAuthorsTemplate}
         style={{ maxWidth: '150px' }}
+        sortable
+        sortField="nbAuthorsName"
       />
     </DataTable>
   );