Merge pull request DSpace#2277 from paulo-graca/bugfix/addressing-#2276

new project metadata representation component

Author: artlowel

src/app/entity-groups/research-entities/metadata-representations/project/project-item-metadata-list-element.component.html

@@ -0,0 +1,12 @@
+<ng-template #descTemplate>
+  <span class="text-muted">
+      <span class="item-list-project-title">
+        <span [innerHTML]="dsoNameService.getName(mdRepresentation)"></span>
+      </span>
+  </span>
+</ng-template>
+<ds-truncatable [id]="mdRepresentation.id">
+  <a [routerLink]="[itemPageRoute]"
+     [innerHTML]="dsoNameService.getName(mdRepresentation)"
+     [ngbTooltip]="dsoNameService.getName(mdRepresentation).length > 0 ? descTemplate : null"></a>
+</ds-truncatable>

src/app/entity-groups/research-entities/metadata-representations/project/project-item-metadata-list-element.component.spec.ts

@@ -0,0 +1,51 @@
+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
+import { ChangeDetectionStrategy, NO_ERRORS_SCHEMA } from '@angular/core';
+import { By } from '@angular/platform-browser';
+
+import { NgbModule } from '@ng-bootstrap/ng-bootstrap';
+
+import { ItemMetadataRepresentation } from '../../../../core/shared/metadata-representation/item/item-metadata-representation.model';
+import { Item } from '../../../../core/shared/item.model';
+import { ProjectItemMetadataListElementComponent } from './project-item-metadata-list-element.component';
+import { MetadataValue } from '../../../../core/shared/metadata.models';
+import { DSONameService } from '../../../../core/breadcrumbs/dso-name.service';
+import { DSONameServiceMock } from '../../../../shared/mocks/dso-name.service.mock';
+
+const projectTitle = 'Lorem ipsum dolor sit amet';
+const mockItem = Object.assign(new Item(), { metadata: { 'dc.title': [{ value: projectTitle }] } });
+const virtMD = Object.assign(new MetadataValue(), { value: projectTitle });
+
+const mockItemMetadataRepresentation = Object.assign(new ItemMetadataRepresentation(virtMD), mockItem);
+
+describe('ProjectItemMetadataListElementComponent', () => {
+  let comp: ProjectItemMetadataListElementComponent;
+  let fixture: ComponentFixture<ProjectItemMetadataListElementComponent>;
+
+  beforeEach(waitForAsync(() => {
+    TestBed.configureTestingModule({
+      imports:[
+        NgbModule
+      ],
+      declarations: [ProjectItemMetadataListElementComponent],
+      providers: [
+        { provide: DSONameService, useValue: new DSONameServiceMock() }
+      ],
+      schemas: [NO_ERRORS_SCHEMA]
+    }).overrideComponent(ProjectItemMetadataListElementComponent, {
+      set: { changeDetection: ChangeDetectionStrategy.Default }
+    }).compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(ProjectItemMetadataListElementComponent);
+    comp = fixture.componentInstance;
+    comp.mdRepresentation = mockItemMetadataRepresentation;
+    fixture.detectChanges();
+  });
+
+  it('should show the project\'s name as a link', () => {
+    const linkText = fixture.debugElement.query(By.css('a')).nativeElement.textContent;
+    expect(linkText).toBe(projectTitle);
+  });
+
+});

src/app/entity-groups/research-entities/metadata-representations/project/project-item-metadata-list-element.component.ts

@@ -0,0 +1,26 @@
+import { Component } from '@angular/core';
+import { metadataRepresentationComponent } from '../../../../shared/metadata-representation/metadata-representation.decorator';
+import { MetadataRepresentationType } from '../../../../core/shared/metadata-representation/metadata-representation.model';
+import { ItemMetadataRepresentationListElementComponent } from '../../../../shared/object-list/metadata-representation-list-element/item/item-metadata-representation-list-element.component';
+import { DSONameService } from '../../../../core/breadcrumbs/dso-name.service';
+
+@metadataRepresentationComponent('Project', MetadataRepresentationType.Item)
+@Component({
+  selector: 'ds-project-item-metadata-list-element',
+  templateUrl: './project-item-metadata-list-element.component.html'
+})
+/**
+ * The component for displaying an item of the type Project as a metadata field
+ */
+export class ProjectItemMetadataListElementComponent extends ItemMetadataRepresentationListElementComponent {
+  /**
+   * Initialize instance variables
+   *
+   * @param dsoNameService
+   */
+  constructor(
+    public dsoNameService: DSONameService
+  ) {
+      super();
+  }
+}

src/app/entity-groups/research-entities/research-entities.module.ts

@@ -19,6 +19,7 @@ import { OrgUnitSearchResultGridElementComponent } from './item-grid-elements/se
 import { ProjectSearchResultGridElementComponent } from './item-grid-elements/search-result-grid-elements/project/project-search-result-grid-element.component';
 import { PersonItemMetadataListElementComponent } from './metadata-representations/person/person-item-metadata-list-element.component';
 import { OrgUnitItemMetadataListElementComponent } from './metadata-representations/org-unit/org-unit-item-metadata-list-element.component';
+import { ProjectItemMetadataListElementComponent } from './metadata-representations/project/project-item-metadata-list-element.component';
 import { PersonSearchResultListSubmissionElementComponent } from './submission/item-list-elements/person/person-search-result-list-submission-element.component';
 import { PersonInputSuggestionsComponent } from './submission/item-list-elements/person/person-suggestions/person-input-suggestions.component';
 import { NameVariantModalComponent } from './submission/name-variant-modal/name-variant-modal.component';
@@ -36,6 +37,7 @@ const ENTRY_COMPONENTS = [
 // put only entry components that use custom decorator
   OrgUnitComponent,
   PersonComponent,
+  ProjectItemMetadataListElementComponent,
   ProjectComponent,
   OrgUnitListElementComponent,
   OrgUnitItemMetadataListElementComponent,