52212: Item display relations journal-types

resources/i18n/en.json

@@ -50,7 +50,12 @@
     "isProjectOf": "Projects",
     "isOrgUnitOf": "Org Units",
     "isAuthorOf": "Authors",
-    "isPersonOf": "Authors"
+    "isPersonOf": "Authors",
+    "isJournalOf": "Journals",
+    "isSingleJournalOf": "Journal",
+    "isVolumeOf": "Volumes",
+    "isSingleVolumeOf": "Volume",
+    "isIssueOf": "Issues"
   },
   "person": {
     "page": {

src/app/+item-page/simple/entity-types/journal-issue/journal-issue-page-fields.component.html

@@ -16,6 +16,10 @@
     </ds-generic-item-page-field>
   </div>
   <div class="col-xs-12 col-md-6">
+    <ds-related-entities
+      [entities]="volumes$ | async"
+      [label]="'relationships.isSingleVolumeOf' | translate">
+    </ds-related-entities>
     <ds-generic-item-page-field [item]="item"
       [fields]="['journalissue.identifier.description']"
       [label]="'journalissue.page.description'">

src/app/+item-page/simple/entity-types/journal-issue/journal-issue-page-fields.component.ts

@@ -17,6 +17,7 @@ import {
   templateUrl: './journal-issue-page-fields.component.html'
 })
 export class JournalIssuePageFieldsComponent extends EntityPageFieldsComponent {
+  volumes$: Observable<Item[]>;
 
   constructor(
     @Inject(ITEM) public item: Item,
@@ -26,5 +27,10 @@ export class JournalIssuePageFieldsComponent extends EntityPageFieldsComponent {
   }
   ngOnInit(): void {
     super.ngOnInit();
+
+    this.volumes$ = this.resolvedRelsAndTypes$.pipe(
+      filterRelationsByTypeLabel('isJournalVolumeOfIssue'),
+      relationsToItems(this.item.id, this.ids)
+    );
   }
 }

src/app/+item-page/simple/entity-types/journal-volume/journal-volume-page-fields.component.html

@@ -16,6 +16,14 @@
     </ds-generic-item-page-field>
   </div>
   <div class="col-xs-12 col-md-6">
+    <ds-related-entities
+      [entities]="journals$ | async"
+      [label]="'relationships.isSingleJournalOf' | translate">
+    </ds-related-entities>
+    <ds-related-entities
+      [entities]="issues$ | async"
+      [label]="'relationships.isIssueOf' | translate">
+    </ds-related-entities>
     <ds-generic-item-page-field [item]="item"
       [fields]="['journalvolume.identifier.description']"
       [label]="'journalvolume.page.description'">

src/app/+item-page/simple/entity-types/journal-volume/journal-volume-page-fields.component.ts

@@ -17,6 +17,8 @@ import {
   templateUrl: './journal-volume-page-fields.component.html'
 })
 export class JournalVolumePageFieldsComponent extends EntityPageFieldsComponent {
+  journals$: Observable<Item[]>;
+  issues$: Observable<Item[]>;
 
   constructor(
     @Inject(ITEM) public item: Item,
@@ -26,5 +28,14 @@ export class JournalVolumePageFieldsComponent extends EntityPageFieldsComponent
   }
   ngOnInit(): void {
     super.ngOnInit();
+
+    this.journals$ = this.resolvedRelsAndTypes$.pipe(
+      filterRelationsByTypeLabel('isJournalOfVolume'),
+      relationsToItems(this.item.id, this.ids)
+    );
+    this.issues$ = this.resolvedRelsAndTypes$.pipe(
+      filterRelationsByTypeLabel('isIssueOfJournalVolume'),
+      relationsToItems(this.item.id, this.ids)
+    );
   }
 }

src/app/+item-page/simple/entity-types/journal/journal-page-fields.component.html

@@ -16,6 +16,10 @@
     </ds-generic-item-page-field>
   </div>
   <div class="col-xs-12 col-md-6">
+    <ds-related-entities
+      [entities]="volumes$ | async"
+      [label]="'relationships.isVolumeOf' | translate">
+    </ds-related-entities>
     <ds-generic-item-page-field [item]="item"
       [fields]="['journal.identifier.description']"
       [label]="'journal.page.description'">

src/app/+item-page/simple/entity-types/journal/journal-page-fields.component.ts

@@ -17,6 +17,7 @@ import {
   templateUrl: './journal-page-fields.component.html'
 })
 export class JournalPageFieldsComponent extends EntityPageFieldsComponent {
+  volumes$: Observable<Item[]>;
 
   constructor(
     @Inject(ITEM) public item: Item,
@@ -26,5 +27,10 @@ export class JournalPageFieldsComponent extends EntityPageFieldsComponent {
   }
   ngOnInit(): void {
     super.ngOnInit();
+
+    this.volumes$ = this.resolvedRelsAndTypes$.pipe(
+      filterRelationsByTypeLabel('isVolumeOfJournal'),
+      relationsToItems(this.item.id, this.ids)
+    );
   }
 }