Item page customization

[Milos Ivanovic]

Dear All,

I have an updated DSpace 7.6 installation which works pretty fine. However, I'd like to add more customization in the item page like this. The Authors links (attached screenshot) look very useful for further browsing.

Is there a streamlined way to accomplish this? Does one have to edit src/app/item-page/simple/item-types/untyped-item/untyped-item.component.html? I have to say that am not an expert in Angular, but I know how to do some not-so-complicated stuff. Many thanks in advance!

Kind regards

Milos

[Plate, Michael]

Hi Milos,


________________________________________
Von: dspac...@googlegroups.com <dspac...@googlegroups.com> im Auftrag von Milos Ivanovic <imi...@gmail.com>
Gesendet: Mittwoch, 5. Juli 2023 22:47
An: DSpace Technical Support
Betreff: [Extern] [dspace-tech] Item page customization

Dear All,

I have an updated DSpace 7.6 installation which works pretty fine. However, I'd like to add more customization in the item page like this<https://dr.lib.iastate.edu/entities/publication/ff8e598c-34a8-49f2-90b4-a5b2463222c7>. The Authors links (attached screenshot) look very useful for further browsing.

Is there a streamlined way to accomplish this? Does one have to edit src/app/item-page/simple/item-types/untyped-item/untyped-item.component.html? I have to say that am not an expert in Angular, but I know how to do some not-so-complicated stuff. Many thanks in advance!

-----------------------

yes, it can be done there (make a theme !), I did this for a fast preview while checking out our previous modifications (DSpace 5.10) to migrate to DSpace 7.x .
Also understand that this is not working for sort of wildcards "dc.contributor.*" e.g.

Our authors are in dcterms.creator, so this renders ALL of them at once in a list :

<div style="word-break: break-word;display: inline-block;" *ngFor="let authors of object.metadata['dcterms.creator']| keyvalue">
   <a href="/browse/author?value={{authors.value.value}}" style="border:1px solid #f0f0f0;border-radius:4px;background-color:#f0f0f0;margin:2px;display: inline-block;">{{ authors.value.value}}</a>

</div>

Better do it in a component , so !

Michael

[DSpace Technical Support]

All,

I've just added a guide for Item Page customization to our existing "User Interface Customization" docs -- as this seems to be a frequently asked question.  The guide is rather basic right now, but should provide the basic instructions for how to get this working in a custom theme & how to easily add/remove metadata fields on the Item page.

https://wiki.lyrasis.org/display/DSDOC7x/User+Interface+Customization#UserInterfaceCustomization-CustomizethesimpleItempage

Tim

[Milos Ivanovic]

@Tim, many thanks for your documentation effort. Good documentation really helps.

I try to mimic my customizations from DSpace 6.3. In that deployment, I used to have an ORCID icon beside each author. Is there a simple way to obtain orcid_id from the authority cache in DSpace 7 Angular? Perhaps you @Michael, @Tim have a working example? I suppose I have to query the authority cache directly since dc data from the item contains only authority ids. Is there an already available API method intended to return info about the certain author identified by his/her authority?

Thanks in advance!

Milos