pages: Display idnetifiers of Item in frontsite and backoffice

inveniosoftware · Apr 4, 2024 · 132e7f7 · 132e7f7
1 parent 595a3a3
commit 132e7f7
Show file tree

Hide file tree

Showing 5 changed files with 72 additions and 4 deletions.
diff --git a/src/lib/pages/backoffice/Item/ItemDetails/ItemMetadata/ItemMetadata.js b/src/lib/pages/backoffice/Item/ItemDetails/ItemMetadata/ItemMetadata.js
@@ -56,6 +56,21 @@ export default class ItemMetadata extends Component {
           </List>
         ),
       },
+      {
+        name: 'Identifiers',
+        value: (
+          <List>
+            {itemDetails.metadata.identifiers
+              ? itemDetails.metadata.identifiers.map((identifier) => (
+                  <List.Item key={identifier.value}>
+                    {identifier.value}
+                    {` (${identifier.scheme})`}
+                  </List.Item>
+                ))
+              : '-'}
+          </List>
+        ),
+      },
     ];
 
     const rightMetadata = [

diff --git a/src/lib/pages/backoffice/Item/ItemEditor/schema.js b/src/lib/pages/backoffice/Item/ItemEditor/schema.js
@@ -94,6 +94,25 @@ export const schema = () => {
         type: 'string',
         title: 'Shelf',
       },
+      identifiers: {
+        items: {
+          properties: {
+            scheme: {
+              title: 'Scheme name',
+              type: 'string',
+            },
+            value: {
+              title: 'Value',
+              type: 'string',
+            },
+          },
+          required: ['scheme', 'value'],
+          title: 'Identifier',
+          type: 'object',
+        },
+        title: 'Identifiers',
+        type: 'array',
+      },
       status: {
         enum: invenioConfig.ITEMS.statuses.map((status) => status.value),
         enumNames: invenioConfig.ITEMS.statuses.map((status) => status.text),

diff --git a/src/lib/pages/backoffice/Item/ItemEditor/uiSchema.js b/src/lib/pages/backoffice/Item/ItemEditor/uiSchema.js
@@ -34,6 +34,22 @@ export const uiSchema = (title) => {
         ],
       },
     },
+    identifiers: {
+      'ui:options': {
+        orderable: false,
+        semantic: {
+          wrapItem: true,
+        },
+      },
+      items: {
+        'custom:grid': [
+          {
+            scheme: 10,
+            value: 6,
+          },
+        ],
+      },
+    },
     price: {
       currency: {
         'ui:widget': 'vocabulary',
@@ -81,6 +97,12 @@ export const uiSchema = (title) => {
         acquisition_pid: 6,
         price: 10,
       },
+      {
+        'custom:divider': 16,
+      },
+      {
+        identifiers: 10,
+      },
     ],
     'custom:root': {
       'custom:formTitle': title,

diff --git a/src/lib/pages/frontsite/Documents/DocumentDetails/DocumentItems/DocumentItem.js b/src/lib/pages/frontsite/Documents/DocumentDetails/DocumentItems/DocumentItem.js
@@ -54,6 +54,7 @@ class DocumentItem extends Component {
             <Table.Row data-test="header">
               <Table.HeaderCell>Barcode</Table.HeaderCell>
               <Table.HeaderCell>Shelf</Table.HeaderCell>
+              <Table.HeaderCell>Call Number</Table.HeaderCell>
               <Table.HeaderCell>Status</Table.HeaderCell>
               <Table.HeaderCell>Medium</Table.HeaderCell>
               <Table.HeaderCell>Loan restriction</Table.HeaderCell>

diff --git a/src/lib/pages/frontsite/Documents/DocumentDetails/DocumentItems/DocumentItemBody.js b/src/lib/pages/frontsite/Documents/DocumentDetails/DocumentItems/DocumentItemBody.js
@@ -1,14 +1,11 @@
 import React, { Component } from 'react';
+import _get from 'lodash/get';
 import { PropTypes } from 'prop-types';
 import { Table } from 'semantic-ui-react';
 import { Media } from '@components/Media';
 import { getDisplayVal, invenioConfig } from '@config';
 
 export default class DocumentItemBody extends Component {
-  constructor(props) {
-    super(props);
-  }
-
   itemStatus = (item) => ({
     canCirculate: () =>
       invenioConfig.ITEMS.canCirculateStatuses.includes(item.status),
@@ -30,6 +27,17 @@ export default class DocumentItemBody extends Component {
     return getDisplayVal('ITEMS.statuses', item.status);
   };
 
+  callNumber = (items) => {
+    const identifiers = _get(items, 'identifiers', []);
+    if (identifiers === null) {
+      return '-';
+    }
+    const callNumber = identifiers.find(
+      (identifier) => identifier.scheme.toLowerCase() === 'call number'
+    );
+    return callNumber ? callNumber.value : '-';
+  };
+
   render() {
     const { items } = this.props;
 
@@ -60,6 +68,9 @@ export default class DocumentItemBody extends Component {
           </Table.Cell>
         </Media>
 
+        <Table.Cell data-label="Call Number">
+          {this.callNumber(item)}
+        </Table.Cell>
         <Table.Cell data-label="Status">{this.statusLabel(item)}</Table.Cell>
         <Table.Cell data-label="Medium">
           {getDisplayVal('ITEMS.mediums', item.medium)}