[DSpace-CRIS] Inverse Relations via Authority Framework (Frontend)

config/config.example.yml

@@ -430,6 +430,8 @@ item:
         iconPosition: IdentifierSubtypesIconPositionEnum.LEFT
         link: https://ror.org
 
+  # Enable authority based relations in item page
+  showAuthorithyRelations: false
 # Community Page Config
 community:
   # Default tab to be shown when browsing a Community. Valid values are: comcols, search, or browse_<field>

src/app/entity-groups/research-entities/item-pages/person/person.component.html

@@ -58,12 +58,19 @@
     </div>
   </div>
   <div class="mt-5 w-100 px-0">
-    <ds-tabbed-related-entities-search  [item]="object"
-                                        [relationTypes]="[{
+    @if (areAuthorityRelationsEnabled) {
+      <ds-authority-related-entities-search
+        [item]="object"
+        [configurations]="['RELATION.Person.researchoutputs', 'RELATION.Person.projects']"
+      ></ds-authority-related-entities-search>
+    } @else {
+      <ds-tabbed-related-entities-search  [item]="object"
+                                          [relationTypes]="[{
                                           label: 'isAuthorOfPublication',
                                           filter: 'isAuthorOfPublication',
                                           configuration: 'default-relationships'
                                         }]">
-    </ds-tabbed-related-entities-search>
+      </ds-tabbed-related-entities-search>
+    }
   </div>
 </div>

src/app/entity-groups/research-entities/item-pages/person/person.component.ts

@@ -7,6 +7,7 @@ import { TranslateModule } from '@ngx-translate/core';
 import { GenericItemPageFieldComponent } from '../../../../item-page/simple/field-components/specific-field/generic/generic-item-page-field.component';
 import { ThemedItemPageTitleFieldComponent } from '../../../../item-page/simple/field-components/specific-field/title/themed-item-page-field.component';
 import { ItemComponent } from '../../../../item-page/simple/item-types/shared/item.component';
+import { AuthorityRelatedEntitiesSearchComponent } from '../../../../item-page/simple/related-entities/authority-related-entities-search/authority-related-entities-search.component';
 import { TabbedRelatedEntitiesSearchComponent } from '../../../../item-page/simple/related-entities/tabbed-related-entities-search/tabbed-related-entities-search.component';
 import { RelatedItemsComponent } from '../../../../item-page/simple/related-items/related-items-component';
 import { DsoEditMenuComponent } from '../../../../shared/dso-page/dso-edit-menu/dso-edit-menu.component';
@@ -22,6 +23,7 @@ import { ThemedThumbnailComponent } from '../../../../thumbnail/themed-thumbnail
   templateUrl: './person.component.html',
   imports: [
     AsyncPipe,
+    AuthorityRelatedEntitiesSearchComponent,
     DsoEditMenuComponent,
     GenericItemPageFieldComponent,
     MetadataFieldWrapperComponent,

src/app/item-page/simple/item-types/shared/item.component.ts

@@ -79,10 +79,16 @@ export class ItemComponent implements OnInit {
    */
   geospatialItemPageFieldsEnabled = false;
 
+  /**
+   * Flag to check whether to use the default relations or the authority based ones
+   */
+  areAuthorityRelationsEnabled: boolean;
+
   constructor(protected routeService: RouteService,
               protected router: Router) {
     this.mediaViewer = environment.mediaViewer;
     this.geospatialItemPageFieldsEnabled = environment.geospatialMapViewer.enableItemPageFields;
+    this.areAuthorityRelationsEnabled = environment.item.showAuthorithyRelations;
   }
 
   /**

src/app/item-page/simple/related-entities/authority-related-entities-search/authority-related-entities-search.component.html

@@ -0,0 +1,41 @@
+@if (configurations.length > 1) {
+  <ul ngbNav #tabs="ngbNav"
+      [destroyOnHide]="true"
+      [activeId]="activeTab$ | async"
+      (navChange)="onTabChange($event)"
+      class="nav-tabs">
+
+    @for (config of configurations; track config) {
+      <li [ngbNavItem]="config">
+        <a ngbNavLink>
+          {{('item.page.relationships.' + config) | translate}}
+        </a>
+
+        <ng-template ngbNavContent>
+          <div class="mt-4">
+            <ds-configuration-search-page
+              class="w-100"
+              [fixedFilterQuery]="searchFilter"
+              [configuration]="config"
+              [searchEnabled]="searchEnabled"
+              [showScopeSelector]="false">
+            </ds-configuration-search-page>
+          </div>
+        </ng-template>
+      </li>
+    }
+  </ul>
+
+  <div [ngbNavOutlet]="tabs"></div>
+}
+
+
+@if (configurations.length === 1) {
+  <ds-configuration-search-page
+    class="w-100"
+    [fixedFilterQuery]="searchFilter"
+    [configuration]="configurations[0]"
+    [searchEnabled]="searchEnabled"
+    [showScopeSelector]="false">
+  </ds-configuration-search-page>
+}

src/app/item-page/simple/related-entities/authority-related-entities-search/authority-related-entities-search.component.spec.ts

@@ -0,0 +1,99 @@
+import { NO_ERRORS_SCHEMA } from '@angular/core';
+import {
+  ComponentFixture,
+  TestBed,
+  waitForAsync,
+} from '@angular/core/testing';
+import {
+  ActivatedRoute,
+  Router,
+} from '@angular/router';
+import { Item } from '@dspace/core/shared/item.model';
+import { RouterMock } from '@dspace/core/testing/router.mock';
+import { TranslateModule } from '@ngx-translate/core';
+import { of } from 'rxjs';
+
+import { ThemedConfigurationSearchPageComponent } from '../../../../search-page/themed-configuration-search-page.component';
+import { AuthorityRelatedEntitiesSearchComponent } from './authority-related-entities-search.component';
+
+
+describe('AuthorityRelatedEntitiesSearchComponent', () => {
+  let component: AuthorityRelatedEntitiesSearchComponent;
+  let fixture: ComponentFixture<AuthorityRelatedEntitiesSearchComponent>;
+
+  const mockItem = {
+    id: 'test-id-123',
+  } as Item;
+  const router = new RouterMock();
+
+
+  beforeEach(waitForAsync(() => {
+    TestBed.configureTestingModule({
+      imports: [TranslateModule.forRoot(), AuthorityRelatedEntitiesSearchComponent],
+      providers: [
+        {
+          provide: ActivatedRoute,
+          useValue: {
+            queryParams: of({ tab: 'relations-configuration' }),
+            snapshot: {
+              queryParams: {
+                scope: 'collection-uuid',
+                query: 'test',
+              },
+            },
+          },
+        },
+        { provide: Router, useValue: router },
+      ],
+      schemas: [NO_ERRORS_SCHEMA],
+    })
+      .overrideComponent(AuthorityRelatedEntitiesSearchComponent, {
+        remove: {
+          imports: [
+            ThemedConfigurationSearchPageComponent,
+          ],
+        },
+      })
+      .compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(AuthorityRelatedEntitiesSearchComponent);
+    component = fixture.componentInstance;
+    component.item = mockItem;
+    component.configurations = ['relations-configuration'];
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+
+  it('should set searchFilter on init', () => {
+    component.item = mockItem;
+    component.ngOnInit();
+
+    expect(component.searchFilter).toBe('scope=test-id-123');
+  });
+
+  it('should render configuration search page when configuration is provided', () => {
+    component.item = mockItem;
+    component.configurations = ['test-config'];
+
+    fixture.detectChanges();
+
+    const searchPage = fixture.nativeElement.querySelector('ds-configuration-search-page');
+    expect(searchPage).toBeTruthy();
+  });
+
+  it('should NOT render configuration search page when configuration is missing', () => {
+    component.item = mockItem;
+    component.configurations = [];
+
+    fixture.detectChanges();
+
+    const searchPage = fixture.nativeElement.querySelector('ds-configuration-search-page');
+    expect(searchPage).toBeFalsy();
+  });
+
+});

src/app/item-page/simple/related-entities/authority-related-entities-search/authority-related-entities-search.component.ts

@@ -0,0 +1,52 @@
+import { AsyncPipe } from '@angular/common';
+import {
+  Component,
+  Input,
+  OnInit,
+} from '@angular/core';
+import {
+  NgbNav,
+  NgbNavContent,
+  NgbNavItem,
+  NgbNavLink,
+  NgbNavOutlet,
+} from '@ng-bootstrap/ng-bootstrap';
+import { TranslateModule } from '@ngx-translate/core';
+
+import { ThemedConfigurationSearchPageComponent } from '../../../../search-page/themed-configuration-search-page.component';
+import { TabbedRelatedEntitiesSearchComponent } from '../tabbed-related-entities-search/tabbed-related-entities-search.component';
+
+@Component({
+  selector: 'ds-authority-related-entities-search',
+  templateUrl: './authority-related-entities-search.component.html',
+  imports: [
+    AsyncPipe,
+    NgbNav,
+    NgbNavContent,
+    NgbNavItem,
+    NgbNavLink,
+    NgbNavOutlet,
+    ThemedConfigurationSearchPageComponent,
+    TranslateModule,
+  ],
+})
+/**
+ * A component to show related items as search results, based on authority value
+ */
+export class AuthorityRelatedEntitiesSearchComponent extends TabbedRelatedEntitiesSearchComponent implements OnInit {
+  /**
+   * Filter used for set scope in discovery invocation
+   */
+  searchFilter: string;
+  /**
+   * Discovery configurations for search page
+   */
+  @Input() configurations: string[] = [];
+
+
+
+  ngOnInit() {
+    super.ngOnInit();
+    this.searchFilter = `scope=${this.item.id}`;
+  }
+}

src/app/item-page/simple/related-entities/tabbed-related-entities-search/tabbed-related-entities-search.component.html

@@ -1,6 +1,6 @@
 @if (relationTypes.length > 1) {
   <ul ngbNav #tabs="ngbNav" [destroyOnHide]="true" [activeId]="activeTab$ | async" (navChange)="onTabChange($event)" class="nav-tabs" role="tablist">
-    @for (relationType of relationTypes; track relationType) {
+    @for (relationType of relationTypes; track relationType.configuration) {
       <li [ngbNavItem]="relationType.filter" role="presentation">
         <a ngbNavLink role="tab">
           {{'item.page.relationships.' + relationType.label | translate}}

src/app/item-page/simple/related-entities/tabbed-related-entities-search/tabbed-related-entities-search.component.ts

@@ -76,8 +76,8 @@ export class TabbedRelatedEntitiesSearchComponent implements OnInit {
    */
   activeTab$: Observable<string>;
 
-  constructor(private route: ActivatedRoute,
-              private router: Router) {
+  constructor(protected route: ActivatedRoute,
+              protected router: Router) {
   }
 
   /**

src/app/shared/listable.module.ts

@@ -71,6 +71,7 @@ import { ItemPageUriFieldComponent } from '../item-page/simple/field-components/
 import { PublicationComponent } from '../item-page/simple/item-types/publication/publication.component';
 import { UntypedItemComponent } from '../item-page/simple/item-types/untyped-item/untyped-item.component';
 import { ThemedMetadataRepresentationListComponent } from '../item-page/simple/metadata-representation-list/themed-metadata-representation-list.component';
+import { AuthorityRelatedEntitiesSearchComponent } from '../item-page/simple/related-entities/authority-related-entities-search/authority-related-entities-search.component';
 import { TabbedRelatedEntitiesSearchComponent } from '../item-page/simple/related-entities/tabbed-related-entities-search/tabbed-related-entities-search.component';
 import { RelatedItemsComponent } from '../item-page/simple/related-items/related-items-component';
 import { ThemedThumbnailComponent } from '../thumbnail/themed-thumbnail.component';
@@ -243,6 +244,7 @@ const ENTRY_COMPONENTS = [
     ItemActionsComponent,
     PersonInputSuggestionsComponent,
     TabbedRelatedEntitiesSearchComponent,
+    AuthorityRelatedEntitiesSearchComponent,
     WorkspaceItemAdminWorkflowActionsComponent,
     WorkflowItemAdminWorkflowActionsComponent,
     FormsModule,

src/assets/i18n/en.json5

@@ -3051,6 +3051,10 @@
 
   "item.page.relationships.isOrgUnitOfProject": "Research Projects",
 
+  "item.page.relationships.RELATION.Person.researchoutputs": "Publications",
+
+  "item.page.relationships.RELATION.Person.projects": "Projects",
+
   "item.page.subject": "Keywords",
 
   "item.page.uri": "URI",
@@ -4675,6 +4679,10 @@
 
   "resource-policies.table.headers.title.for.collection": "Policies for Collection",
 
+  "RELATION.Person.researchoutputs.search.results.head": "Research Output",
+
+  "RELATION.Person.projects.search.results.head": "Projects",
+
   "root.skip-to-content": "Skip to main content",
 
   "search.description": "",

src/config/default-app-config.ts

@@ -401,6 +401,9 @@ export class DefaultAppConfig implements AppConfig {
         },
       ],
     },
+    // If true, the search result in item page will display relations based on authority.
+    // If false,the search result in item page will display default DSpace relations.
+    showAuthorithyRelations: true,
   };
 
   // Community Page Config

src/config/item-config.interface.ts

@@ -19,4 +19,6 @@ export interface ItemConfig extends Config {
   }
 
   metadataLinkViewPopoverData: MetadataLinkViewPopoverDataConfig
+
+  showAuthorithyRelations: boolean;
 }

src/environments/environment.test.ts

@@ -318,6 +318,7 @@ export const environment: BuildConfig = {
       ],
       identifierSubtypes: [],
     },
+    showAuthorithyRelations: false,
   },
   community: {
     defaultBrowseTab: 'search',

src/themes/custom/app/entity-groups/research-entities/item-pages/person/person.component.ts

@@ -14,6 +14,7 @@ import { ThemedResultsBackButtonComponent } from 'src/app/shared/results-back-bu
 import { ThemedThumbnailComponent } from 'src/app/thumbnail/themed-thumbnail.component';
 
 import { PersonComponent as BaseComponent } from '../../../../../../../app/entity-groups/research-entities/item-pages/person/person.component';
+import { AuthorityRelatedEntitiesSearchComponent } from '../../../../../../../app/item-page/simple/related-entities/authority-related-entities-search/authority-related-entities-search.component';
 import { listableObjectComponent } from '../../../../../../../app/shared/object-collection/shared/listable-object/listable-object.decorator';
 
 @listableObjectComponent('Person', ViewMode.StandalonePage, Context.Any, 'custom')
@@ -25,6 +26,7 @@ import { listableObjectComponent } from '../../../../../../../app/shared/object-
   templateUrl: '../../../../../../../app/entity-groups/research-entities/item-pages/person/person.component.html',
   imports: [
     AsyncPipe,
+    AuthorityRelatedEntitiesSearchComponent,
     DsoEditMenuComponent,
     GenericItemPageFieldComponent,
     MetadataFieldWrapperComponent,