- 
diff --git a/src/themes/qulto/app/header/header.component.scss b/src/themes/qulto/app/header/header.component.scss
index a81da975bfd..c0f5e55f229 100644
--- a/src/themes/qulto/app/header/header.component.scss
+++ b/src/themes/qulto/app/header/header.component.scss
@@ -7,4 +7,10 @@ header {
color: var(--ds-header-icon-color);
}
}
+
+ .navbar-brand {
+ img {
+ max-height: 40px;
+ }
+ }
}
diff --git a/src/themes/qulto/app/header/header.component.ts b/src/themes/qulto/app/header/header.component.ts
index c99e859ea6f..1cb1a483334 100644
--- a/src/themes/qulto/app/header/header.component.ts
+++ b/src/themes/qulto/app/header/header.component.ts
@@ -14,6 +14,9 @@ import { ThemedNavbarComponent } from '../../../../app/navbar/themed-navbar.comp
import { ThemedSearchNavbarComponent } from '../../../../app/search-navbar/themed-search-navbar.component';
import { ThemedAuthNavMenuComponent } from '../../../../app/shared/auth-nav-menu/themed-auth-nav-menu.component';
import { ImpersonateNavbarComponent } from '../../../../app/shared/impersonate-navbar/impersonate-navbar.component';
+import { ThemeMetaService } from '../shared/theme-support/theme-meta.service';
+import { MenuService } from 'src/app/shared/menu/menu.service';
+import { HostWindowService } from 'src/app/shared/host-window.service';
/**
* Represents the header with the logo and simple navigation
@@ -28,4 +31,17 @@ import { ImpersonateNavbarComponent } from '../../../../app/shared/impersonate-n
imports: [RouterLink, ThemedLangSwitchComponent, NgbDropdownModule, ThemedSearchNavbarComponent, ContextHelpToggleComponent, ThemedAuthNavMenuComponent, ImpersonateNavbarComponent, ThemedNavbarComponent, TranslateModule, AsyncPipe, NgIf],
})
export class HeaderComponent extends BaseComponent {
+ themeHeaderLogo = '/assets/qulto/images/logo.svg';
+
+ constructor(
+ protected themeMetaService: ThemeMetaService,
+ protected menuService: MenuService,
+ protected windowService: HostWindowService,
+ ) {
+ super(menuService, windowService);
+ const logo = this.themeMetaService.getMetaContent('headerLogo');
+ if (logo) {
+ this.themeHeaderLogo = logo;
+ }
+ }
}
diff --git a/src/themes/qulto/app/home-page/home-news/home-news.component.scss b/src/themes/qulto/app/home-page/home-news/home-news.component.scss
index f4d551fdf93..9e01fac3dfb 100644
--- a/src/themes/qulto/app/home-page/home-news/home-news.component.scss
+++ b/src/themes/qulto/app/home-page/home-news/home-news.component.scss
@@ -18,7 +18,7 @@
display: grid;
align-items: center;
box-shadow: inset 0px 11px 8px -10px #ccc;
- background-image: url("/assets/qulto/images/library.png");
+ background-image: url("/assets/qulto/images/banners/pea-banner.png");
background-size: cover;
background-repeat: no-repeat;
diff --git a/src/themes/qulto/app/item-page/simple/field-components/specific-field/title/item-page-title-field.component.html b/src/themes/qulto/app/item-page/simple/field-components/specific-field/title/item-page-title-field.component.html
new file mode 100644
index 00000000000..87323f2b884
--- /dev/null
+++ b/src/themes/qulto/app/item-page/simple/field-components/specific-field/title/item-page-title-field.component.html
@@ -0,0 +1,6 @@
+
+
diff --git a/src/themes/qulto/app/item-page/simple/field-components/specific-field/title/item-page-title-field.component.spec.ts b/src/themes/qulto/app/item-page/simple/field-components/specific-field/title/item-page-title-field.component.spec.ts
new file mode 100644
index 00000000000..c8165c6f871
--- /dev/null
+++ b/src/themes/qulto/app/item-page/simple/field-components/specific-field/title/item-page-title-field.component.spec.ts
@@ -0,0 +1,51 @@
+import {
+ ChangeDetectionStrategy,
+ NO_ERRORS_SCHEMA,
+} from '@angular/core';
+import {
+ ComponentFixture,
+ TestBed,
+ waitForAsync,
+} from '@angular/core/testing';
+import {
+ TranslateLoader,
+ TranslateModule,
+} from '@ngx-translate/core';
+
+import { TranslateLoaderMock } from '../../../../../../../../app/shared/testing/translate-loader.mock';
+import { MetadataValuesComponent } from '../../../../../../../../app/item-page/field-components/metadata-values/metadata-values.component';
+import { mockItemWithMetadataFieldsAndValue } from '../../../../../../../../app/item-page/simple/field-components/specific-field/item-page-field.component.spec';
+import { ItemPageTitleFieldComponent } from './item-page-title-field.component';
+
+let comp: ItemPageTitleFieldComponent;
+let fixture: ComponentFixture;
+
+const mockField = 'dc.title';
+const mockValue = 'test value';
+
+describe('ItemPageTitleFieldComponent', () => {
+ beforeEach(waitForAsync(() => {
+ TestBed.configureTestingModule({
+ imports: [TranslateModule.forRoot({
+ loader: {
+ provide: TranslateLoader,
+ useClass: TranslateLoaderMock,
+ },
+ }), ItemPageTitleFieldComponent, MetadataValuesComponent],
+ schemas: [NO_ERRORS_SCHEMA],
+ }).overrideComponent(ItemPageTitleFieldComponent, {
+ set: { changeDetection: ChangeDetectionStrategy.Default },
+ }).compileComponents();
+ }));
+
+ beforeEach(waitForAsync(() => {
+ fixture = TestBed.createComponent(ItemPageTitleFieldComponent);
+ comp = fixture.componentInstance;
+ comp.item = mockItemWithMetadataFieldsAndValue([mockField], mockValue);
+ fixture.detectChanges();
+ }));
+
+ it('should display display the correct metadata value', () => {
+ expect(fixture.nativeElement.innerHTML).toContain(mockValue);
+ });
+});
diff --git a/src/themes/qulto/app/item-page/simple/field-components/specific-field/title/item-page-title-field.component.ts b/src/themes/qulto/app/item-page/simple/field-components/specific-field/title/item-page-title-field.component.ts
new file mode 100644
index 00000000000..f95b0eaa863
--- /dev/null
+++ b/src/themes/qulto/app/item-page/simple/field-components/specific-field/title/item-page-title-field.component.ts
@@ -0,0 +1,33 @@
+import { NgIf } from '@angular/common';
+import {
+ Component,
+ Input,
+} from '@angular/core';
+import { TranslateModule } from '@ngx-translate/core';
+
+import { DSONameService } from '../../../../../../../../app/core/breadcrumbs/dso-name.service';
+import { Item } from '../../../../../../../../app/core/shared/item.model';
+
+@Component({
+ selector: 'ds-base-item-page-title-field',
+ templateUrl: './item-page-title-field.component.html',
+ standalone: true,
+ imports: [NgIf, TranslateModule],
+})
+/**
+ * This component is used for displaying the title (defined by the {@link DSONameService}) of an item
+ */
+export class ItemPageTitleFieldComponent {
+
+ /**
+ * The item to display metadata for
+ */
+ @Input() item: Item;
+ @Input() showType: boolean;
+
+ constructor(
+ public dsoNameService: DSONameService,
+ ) {
+ }
+
+}
diff --git a/src/themes/qulto/app/item-page/simple/field-components/specific-field/title/themed-item-page-field.component.ts b/src/themes/qulto/app/item-page/simple/field-components/specific-field/title/themed-item-page-field.component.ts
new file mode 100644
index 00000000000..aefdc84d07c
--- /dev/null
+++ b/src/themes/qulto/app/item-page/simple/field-components/specific-field/title/themed-item-page-field.component.ts
@@ -0,0 +1,41 @@
+import {
+ Component,
+ Input,
+} from '@angular/core';
+
+import { Item } from '../../../../../../../../app/core/shared/item.model';
+import { ThemedComponent } from '../../../../../../../../app/shared/theme-support/themed.component';
+import { ItemPageTitleFieldComponent } from './item-page-title-field.component';
+
+/**
+ * Themed wrapper for {@link ItemPageTitleFieldComponent}
+ */
+@Component({
+ selector: 'ds-item-page-title-field',
+ styleUrls: [],
+ templateUrl: './themed.component.html',
+ standalone: true,
+ imports: [ItemPageTitleFieldComponent],
+})
+export class ThemedItemPageTitleFieldComponent extends ThemedComponent {
+
+ protected inAndOutputNames: (keyof ItemPageTitleFieldComponent & keyof this)[] = [
+ 'item',
+ 'showType',
+ ];
+
+ @Input() item: Item;
+ @Input() showType: boolean;
+
+ protected getComponentName(): string {
+ return 'ItemPageTitleFieldComponent';
+ }
+
+ protected importThemedComponent(themeName: string): Promise {
+ return import(`./item-page-title-field.component`);
+ }
+
+ protected importUnthemedComponent(): Promise {
+ return import('./item-page-title-field.component');
+ }
+}
diff --git a/src/themes/qulto/app/item-page/simple/field-components/specific-field/title/themed.component.html b/src/themes/qulto/app/item-page/simple/field-components/specific-field/title/themed.component.html
new file mode 100644
index 00000000000..a39b288f0e4
--- /dev/null
+++ b/src/themes/qulto/app/item-page/simple/field-components/specific-field/title/themed.component.html
@@ -0,0 +1,5 @@
+
+
+;
+
+ beforeEach(waitForAsync(() => {
+ const mockBitstreamDataService = {
+ getThumbnailFor(item: Item): Observable> {
+ return createSuccessfulRemoteDataObject$(new Bitstream());
+ },
+ };
+ TestBed.configureTestingModule({
+ imports: [
+ TranslateModule.forRoot({
+ loader: {
+ provide: TranslateLoader,
+ useClass: TranslateLoaderMock,
+ },
+ }),
+ RouterTestingModule,
+ GenericItemPageFieldComponent, TruncatePipe,
+ PublicationComponent,
+ ],
+ providers: [
+ { provide: ItemDataService, useValue: {} },
+ { provide: TruncatableService, useValue: mockTruncatableService },
+ { provide: RelationshipDataService, useValue: {} },
+ { provide: ObjectCacheService, useValue: {} },
+ { provide: UUIDService, useValue: {} },
+ { provide: Store, useValue: {} },
+ { provide: RemoteDataBuildService, useValue: {} },
+ { provide: CommunityDataService, useValue: {} },
+ { provide: HALEndpointService, useValue: {} },
+ { provide: NotificationsService, useValue: {} },
+ { provide: HttpClient, useValue: {} },
+ { provide: DSOChangeAnalyzer, useValue: {} },
+ { provide: DefaultChangeAnalyzer, useValue: {} },
+ { provide: VersionHistoryDataService, useValue: {} },
+ { provide: VersionDataService, useValue: {} },
+ { provide: BitstreamDataService, useValue: mockBitstreamDataService },
+ { provide: WorkspaceitemDataService, useValue: {} },
+ { provide: SearchService, useValue: {} },
+ { provide: RouteService, useValue: mockRouteService },
+ { provide: BrowseDefinitionDataService, useValue: BrowseDefinitionDataServiceStub },
+ { provide: APP_CONFIG, useValue: environment },
+ { provide: APP_DATA_SERVICES_MAP, useValue: {} },
+ ],
+ schemas: [NO_ERRORS_SCHEMA],
+ }).overrideComponent(PublicationComponent, {
+ add: { changeDetection: ChangeDetectionStrategy.Default },
+ remove: {
+ imports: [ThemedResultsBackButtonComponent, MiradorViewerComponent, ThemedItemPageTitleFieldComponent, DsoEditMenuComponent, MetadataFieldWrapperComponent, ThemedThumbnailComponent, ThemedMediaViewerComponent, ThemedFileSectionComponent, ItemPageDateFieldComponent, ThemedMetadataRepresentationListComponent, GenericItemPageFieldComponent, RelatedItemsComponent, ItemPageAbstractFieldComponent, ItemPageUriFieldComponent, CollectionsComponent,
+ ],
+ },
+ });
+ }));
+
+ describe('default view', () => {
+ beforeEach(waitForAsync(() => {
+ TestBed.compileComponents();
+ fixture = TestBed.createComponent(PublicationComponent);
+ comp = fixture.componentInstance;
+ comp.object = getItem(noMetadata);
+ fixture.detectChanges();
+ }));
+
+ it('should contain a component to display the date', () => {
+ const fields = fixture.debugElement.queryAll(By.css('ds-item-page-date-field'));
+ expect(fields.length).toBeGreaterThanOrEqual(1);
+ });
+
+ it('should not contain a metadata only author field', () => {
+ const fields = fixture.debugElement.queryAll(By.css('ds-item-page-author-field'));
+ expect(fields.length).toBe(0);
+ });
+
+ it('should contain a mixed metadata and relationship field for authors', () => {
+ const fields = fixture.debugElement.queryAll(By.css('.ds-item-page-mixed-author-field'));
+ expect(fields.length).toBe(1);
+ });
+
+ it('should contain a component to display the abstract', () => {
+ const fields = fixture.debugElement.queryAll(By.css('ds-item-page-abstract-field'));
+ expect(fields.length).toBeGreaterThanOrEqual(1);
+ });
+
+ it('should contain a component to display the uri', () => {
+ const fields = fixture.debugElement.queryAll(By.css('ds-item-page-uri-field'));
+ expect(fields.length).toBeGreaterThanOrEqual(1);
+ });
+
+ it('should contain a component to display the collections', () => {
+ const fields = fixture.debugElement.queryAll(By.css('ds-item-page-collections'));
+ expect(fields.length).toBeGreaterThanOrEqual(1);
+ });
+ });
+
+ describe('with IIIF viewer', () => {
+
+ beforeEach(waitForAsync(() => {
+ const iiifEnabledMap: MetadataMap = {
+ 'dspace.iiif.enabled': [getIIIFEnabled(true)],
+ 'iiif.search.enabled': [getIIIFSearchEnabled(false)],
+ };
+ TestBed.compileComponents();
+ fixture = TestBed.createComponent(PublicationComponent);
+ comp = fixture.componentInstance;
+ comp.object = getItem(iiifEnabledMap);
+ fixture.detectChanges();
+ }));
+
+ it('should contain an iiif viewer component', () => {
+ const fields = fixture.debugElement.queryAll(By.css('ds-mirador-viewer'));
+ expect(fields.length).toBeGreaterThanOrEqual(1);
+ });
+ it('should not retrieve the query term for previous route', fakeAsync((): void => {
+ //tick(10)
+ expect(comp.iiifQuery$).toBeFalsy();
+ }));
+
+ });
+
+ describe('with IIIF viewer and search', () => {
+
+ const localMockRouteService = {
+ getPreviousUrl(): Observable {
+ return of('/search?query=test%20query&fakeParam=true');
+ },
+ };
+ beforeEach(waitForAsync(() => {
+ const iiifEnabledMap: MetadataMap = {
+ 'dspace.iiif.enabled': [getIIIFEnabled(true)],
+ 'iiif.search.enabled': [getIIIFSearchEnabled(true)],
+ };
+ TestBed.overrideProvider(RouteService, { useValue: localMockRouteService });
+ TestBed.compileComponents();
+ fixture = TestBed.createComponent(PublicationComponent);
+ comp = fixture.componentInstance;
+ comp.object = getItem(iiifEnabledMap);
+ fixture.detectChanges();
+ }));
+
+ it('should contain an iiif viewer component', () => {
+ const fields = fixture.debugElement.queryAll(By.css('ds-mirador-viewer'));
+ expect(fields.length).toBeGreaterThanOrEqual(1);
+ });
+
+ it('should retrieve the query term for previous route', fakeAsync((): void => {
+ expect(comp.iiifQuery$.subscribe(result => expect(result).toEqual('test query')));
+ }));
+
+ });
+
+ describe('with IIIF viewer and search but no previous search query', () => {
+ const localMockRouteService = {
+ getPreviousUrl(): Observable {
+ return of('/item');
+ },
+ };
+ beforeEach(waitForAsync(() => {
+ const iiifEnabledMap: MetadataMap = {
+ 'dspace.iiif.enabled': [getIIIFEnabled(true)],
+ 'iiif.search.enabled': [getIIIFSearchEnabled(true)],
+ };
+ TestBed.overrideProvider(RouteService, { useValue: localMockRouteService });
+ TestBed.compileComponents();
+ fixture = TestBed.createComponent(PublicationComponent);
+ comp = fixture.componentInstance;
+ comp.object = getItem(iiifEnabledMap);
+ fixture.detectChanges();
+ }));
+
+ it('should contain an iiif viewer component', () => {
+ const fields = fixture.debugElement.queryAll(By.css('ds-mirador-viewer'));
+ expect(fields.length).toBeGreaterThanOrEqual(1);
+ });
+
+ it('should not retrieve the query term for previous route', fakeAsync( () => {
+ let emitted;
+ comp.iiifQuery$.subscribe(result => emitted = result);
+ tick(10);
+ expect(emitted).toBeUndefined();
+ }));
+
+ });
+});
diff --git a/src/themes/qulto/app/item-page/simple/item-types/publication/publication.component.ts b/src/themes/qulto/app/item-page/simple/item-types/publication/publication.component.ts
new file mode 100644
index 00000000000..6f2f1482e8b
--- /dev/null
+++ b/src/themes/qulto/app/item-page/simple/item-types/publication/publication.component.ts
@@ -0,0 +1,48 @@
+import {
+ AsyncPipe,
+ NgIf,
+} from '@angular/common';
+import {
+ ChangeDetectionStrategy,
+ Component,
+} from '@angular/core';
+import { RouterLink } from '@angular/router';
+import { TranslateModule } from '@ngx-translate/core';
+
+import { Context } from '../../../../../../../app/core/shared/context.model';
+import { ViewMode } from '../../../../../../../app/core/shared/view-mode.model';
+import { DsoEditMenuComponent } from '../../../../../../../app/shared/dso-page/dso-edit-menu/dso-edit-menu.component';
+import { MetadataFieldWrapperComponent } from '../../../../../../../app/shared/metadata-field-wrapper/metadata-field-wrapper.component';
+import { listableObjectComponent } from '../../../../../../../app/shared/object-collection/shared/listable-object/listable-object.decorator';
+import { ThemedResultsBackButtonComponent } from '../../../../../../../app/shared/results-back-button/themed-results-back-button.component';
+import { ThemedThumbnailComponent } from '../../../../../../../app/thumbnail/themed-thumbnail.component';
+import { CollectionsComponent } from '../../../../../../../app/item-page/field-components/collections/collections.component';
+import { ThemedMediaViewerComponent } from '../../../../../../../app/item-page/media-viewer/themed-media-viewer.component';
+import { MiradorViewerComponent } from '../../../../../../../app/item-page/mirador-viewer/mirador-viewer.component';
+import { ThemedFileSectionComponent } from '../../../../../../../app/item-page/simple/field-components/file-section/themed-file-section.component';
+import { ItemPageAbstractFieldComponent } from '../../../../../../../app/item-page/simple/field-components/specific-field/abstract/item-page-abstract-field.component';
+import { ItemPageDateFieldComponent } from '../../../../../../../app/item-page/simple/field-components/specific-field/date/item-page-date-field.component';
+import { GenericItemPageFieldComponent } from '../../../../../../../app/item-page/simple/field-components/specific-field/generic/generic-item-page-field.component';
+import { ThemedItemPageTitleFieldComponent } from '../../field-components/specific-field/title/themed-item-page-field.component';
+import { ItemPageUriFieldComponent } from '../../../../../../../app/item-page/simple/field-components/specific-field/uri/item-page-uri-field.component';
+import { ThemedMetadataRepresentationListComponent } from '../../../../../../../app/item-page/simple/metadata-representation-list/themed-metadata-representation-list.component';
+import { RelatedItemsComponent } from '../../../../../../../app/item-page/simple/related-items/related-items-component';
+import { ItemComponent } from '../../../../../../../app/item-page/simple/item-types/shared/item.component';
+import { TabbedRelatedEntitiesSearchComponent } from '../../../../../../../app/item-page/simple/related-entities/tabbed-related-entities-search/tabbed-related-entities-search.component';
+
+/**
+ * Component that represents a publication Item page
+ */
+
+@listableObjectComponent('Publication', ViewMode.StandalonePage, Context.Any, 'qulto')
+@Component({
+ selector: 'ds-publication',
+ styleUrls: ['./publication.component.scss'],
+ templateUrl: './publication.component.html',
+ changeDetection: ChangeDetectionStrategy.OnPush,
+ standalone: true,
+ imports: [NgIf, ThemedResultsBackButtonComponent, MiradorViewerComponent, ThemedItemPageTitleFieldComponent, DsoEditMenuComponent, MetadataFieldWrapperComponent, ThemedThumbnailComponent, ThemedMediaViewerComponent, ThemedFileSectionComponent, ItemPageDateFieldComponent, ThemedMetadataRepresentationListComponent, GenericItemPageFieldComponent, RelatedItemsComponent, ItemPageAbstractFieldComponent, ItemPageUriFieldComponent, CollectionsComponent, RouterLink, AsyncPipe, TranslateModule, TabbedRelatedEntitiesSearchComponent],
+})
+export class PublicationComponent extends ItemComponent {
+
+}
diff --git a/src/themes/qulto/app/shared/theme-support/theme-meta.service.ts b/src/themes/qulto/app/shared/theme-support/theme-meta.service.ts
new file mode 100644
index 00000000000..f55cb597f49
--- /dev/null
+++ b/src/themes/qulto/app/shared/theme-support/theme-meta.service.ts
@@ -0,0 +1,11 @@
+import { Injectable } from '@angular/core';
+
+@Injectable({
+ providedIn: 'root',
+})
+export class ThemeMetaService {
+
+ getMetaContent(name: string): string | null {
+ return document.querySelector(`meta[name="${name}"]`)?.getAttribute('content') ?? null;
+ }
+}
diff --git a/src/themes/qulto/assets/i18n/en.json5 b/src/themes/qulto/assets/i18n/en.json5
index 6e3a4eaec88..368bac4ae3a 100644
--- a/src/themes/qulto/assets/i18n/en.json5
+++ b/src/themes/qulto/assets/i18n/en.json5
@@ -4,4 +4,8 @@
"qulto.home.welcome.description": "{{ dspaceName }} is a digital storage for electronic documents, designed for archiving and making documents accessible.",
"qulto.home.welcome.functions": "Its purpose is to provide researchers, educators, and interested parties with easy access to scientific and professional materials, promoting the free flow of knowledge and the wider dissemination of the work of the academic community.",
+
+ "relationships.isPartOf": "Is part of",
+
+ "relationships.hasPart": "Has part",
}
diff --git a/src/themes/qulto/assets/i18n/hu.json5 b/src/themes/qulto/assets/i18n/hu.json5
index 258267b40a9..3736c1db149 100644
--- a/src/themes/qulto/assets/i18n/hu.json5
+++ b/src/themes/qulto/assets/i18n/hu.json5
@@ -4,4 +4,8 @@
"qulto.home.welcome.description": "A {{ dspaceName }} elektronikus dokumentumok digitális tárhelye, archiválásra és a dokumentumok hozzáférhetővé tételére szolgál.",
"qulto.home.welcome.functions": "Célja, hogy biztosítsa a kutatók, oktatók és érdeklődők számára a tudományos és szakmai anyagok könnyű elérhetőségét, elősegítve a tudás szabad áramlását és a tudományos közösség munkájának szélesebb körű terjesztését.",
+
+ "relationships.isPartOf": "Része a következőnek",
+
+ "relationships.hasPart": "Tartalmazza a következőket"
}
diff --git a/src/themes/qulto/assets/images/library.png b/src/themes/qulto/assets/images/banners/library.png
similarity index 100%
rename from src/themes/qulto/assets/images/library.png
rename to src/themes/qulto/assets/images/banners/library.png
diff --git a/src/themes/qulto/assets/images/banners/pea-banner.png b/src/themes/qulto/assets/images/banners/pea-banner.png
new file mode 100644
index 00000000000..faa2e577c46
Binary files /dev/null and b/src/themes/qulto/assets/images/banners/pea-banner.png differ
diff --git a/src/themes/qulto/assets/images/logo.svg b/src/themes/qulto/assets/images/logos/logo.svg
similarity index 100%
rename from src/themes/qulto/assets/images/logo.svg
rename to src/themes/qulto/assets/images/logos/logo.svg
diff --git a/src/themes/qulto/assets/images/logos/pea-logo.png b/src/themes/qulto/assets/images/logos/pea-logo.png
new file mode 100644
index 00000000000..cec226b7f59
Binary files /dev/null and b/src/themes/qulto/assets/images/logos/pea-logo.png differ
diff --git a/src/themes/qulto/eager-theme.module.ts b/src/themes/qulto/eager-theme.module.ts
index b4f52c16127..ad263eeb32e 100644
--- a/src/themes/qulto/eager-theme.module.ts
+++ b/src/themes/qulto/eager-theme.module.ts
@@ -9,6 +9,8 @@ import { HomeNewsComponent } from './app/home-page/home-news/home-news.component
import { NavbarComponent } from './app/navbar/navbar.component';
import { LangSwitchComponent } from './app/shared/lang-switch/lang-switch.component';
import { CommunityListElementComponent } from './app/shared/object-list/community-list-element/community-list-element.component';
+import { PublicationComponent } from './app/item-page/simple/item-types/publication/publication.component';
+
/**
* Add components that use a custom decorator to ENTRY_COMPONENTS as well as DECLARATIONS.
@@ -26,12 +28,14 @@ const DECLARATIONS = [
NavbarComponent,
FooterComponent,
LangSwitchComponent,
+ PublicationComponent
];
@NgModule({
imports: [
CommonModule,
RootModule,
+ PublicationComponent,
...DECLARATIONS,
],
providers: [
diff --git a/src/themes/qulto/lazy-theme.module.ts b/src/themes/qulto/lazy-theme.module.ts
index a1b8b7c9ac9..3172f900cc4 100644
--- a/src/themes/qulto/lazy-theme.module.ts
+++ b/src/themes/qulto/lazy-theme.module.ts
@@ -15,6 +15,8 @@ import { RootModule } from '../../app/root.module';
import { AdminSidebarComponent } from './app/admin/admin-sidebar/admin-sidebar.component';
import { HomePageComponent } from './app/home-page/home-page.component';
import { FullItemPageComponent } from './app/item-page/full/full-item-page.component';
+import { PublicationComponent } from './app/item-page/simple/item-types/publication/publication.component';
+import { ThemedItemPageTitleFieldComponent } from './app/item-page/simple/field-components/specific-field/title/themed-item-page-field.component';
import { LoginPageComponent } from './app/login-page/login-page.component';
import { AuthNavMenuComponent } from './app/shared/auth-nav-menu/auth-nav-menu.component';
import { ObjectListComponent } from './app/shared/object-list/object-list.component';
@@ -26,6 +28,7 @@ const DECLARATIONS = [
ObjectListComponent,
AuthNavMenuComponent,
FullItemPageComponent,
+ PublicationComponent
];
@NgModule({
@@ -43,6 +46,8 @@ const DECLARATIONS = [
TranslateModule,
FormsModule,
NgxGalleryModule,
+ PublicationComponent,
+ ThemedItemPageTitleFieldComponent,
...DECLARATIONS,
],
})
diff --git a/src/themes/qulto/app/header/header.component.scss b/src/themes/qulto/app/header/header.component.scss
index a81da975bfd..c0f5e55f229 100644
--- a/src/themes/qulto/app/header/header.component.scss
+++ b/src/themes/qulto/app/header/header.component.scss
@@ -7,4 +7,10 @@ header {
color: var(--ds-header-icon-color);
}
}
+
+ .navbar-brand {
+ img {
+ max-height: 40px;
+ }
+ }
}
diff --git a/src/themes/qulto/app/header/header.component.ts b/src/themes/qulto/app/header/header.component.ts
index c99e859ea6f..1cb1a483334 100644
--- a/src/themes/qulto/app/header/header.component.ts
+++ b/src/themes/qulto/app/header/header.component.ts
@@ -14,6 +14,9 @@ import { ThemedNavbarComponent } from '../../../../app/navbar/themed-navbar.comp
import { ThemedSearchNavbarComponent } from '../../../../app/search-navbar/themed-search-navbar.component';
import { ThemedAuthNavMenuComponent } from '../../../../app/shared/auth-nav-menu/themed-auth-nav-menu.component';
import { ImpersonateNavbarComponent } from '../../../../app/shared/impersonate-navbar/impersonate-navbar.component';
+import { ThemeMetaService } from '../shared/theme-support/theme-meta.service';
+import { MenuService } from 'src/app/shared/menu/menu.service';
+import { HostWindowService } from 'src/app/shared/host-window.service';
/**
* Represents the header with the logo and simple navigation
@@ -28,4 +31,17 @@ import { ImpersonateNavbarComponent } from '../../../../app/shared/impersonate-n
imports: [RouterLink, ThemedLangSwitchComponent, NgbDropdownModule, ThemedSearchNavbarComponent, ContextHelpToggleComponent, ThemedAuthNavMenuComponent, ImpersonateNavbarComponent, ThemedNavbarComponent, TranslateModule, AsyncPipe, NgIf],
})
export class HeaderComponent extends BaseComponent {
+ themeHeaderLogo = '/assets/qulto/images/logo.svg';
+
+ constructor(
+ protected themeMetaService: ThemeMetaService,
+ protected menuService: MenuService,
+ protected windowService: HostWindowService,
+ ) {
+ super(menuService, windowService);
+ const logo = this.themeMetaService.getMetaContent('headerLogo');
+ if (logo) {
+ this.themeHeaderLogo = logo;
+ }
+ }
}
diff --git a/src/themes/qulto/app/home-page/home-news/home-news.component.scss b/src/themes/qulto/app/home-page/home-news/home-news.component.scss
index f4d551fdf93..9e01fac3dfb 100644
--- a/src/themes/qulto/app/home-page/home-news/home-news.component.scss
+++ b/src/themes/qulto/app/home-page/home-news/home-news.component.scss
@@ -18,7 +18,7 @@
display: grid;
align-items: center;
box-shadow: inset 0px 11px 8px -10px #ccc;
- background-image: url("/assets/qulto/images/library.png");
+ background-image: url("/assets/qulto/images/banners/pea-banner.png");
background-size: cover;
background-repeat: no-repeat;
diff --git a/src/themes/qulto/app/item-page/simple/field-components/specific-field/title/item-page-title-field.component.html b/src/themes/qulto/app/item-page/simple/field-components/specific-field/title/item-page-title-field.component.html
new file mode 100644
index 00000000000..87323f2b884
--- /dev/null
+++ b/src/themes/qulto/app/item-page/simple/field-components/specific-field/title/item-page-title-field.component.html
@@ -0,0 +1,6 @@
+
+
+ {{ type.toLowerCase() + '.page.titleprefix' | translate }}
+
+ {{ dsoNameService.getName(item) }}
+
diff --git a/src/themes/qulto/app/item-page/simple/field-components/specific-field/title/item-page-title-field.component.spec.ts b/src/themes/qulto/app/item-page/simple/field-components/specific-field/title/item-page-title-field.component.spec.ts
new file mode 100644
index 00000000000..c8165c6f871
--- /dev/null
+++ b/src/themes/qulto/app/item-page/simple/field-components/specific-field/title/item-page-title-field.component.spec.ts
@@ -0,0 +1,51 @@
+import {
+ ChangeDetectionStrategy,
+ NO_ERRORS_SCHEMA,
+} from '@angular/core';
+import {
+ ComponentFixture,
+ TestBed,
+ waitForAsync,
+} from '@angular/core/testing';
+import {
+ TranslateLoader,
+ TranslateModule,
+} from '@ngx-translate/core';
+
+import { TranslateLoaderMock } from '../../../../../../../../app/shared/testing/translate-loader.mock';
+import { MetadataValuesComponent } from '../../../../../../../../app/item-page/field-components/metadata-values/metadata-values.component';
+import { mockItemWithMetadataFieldsAndValue } from '../../../../../../../../app/item-page/simple/field-components/specific-field/item-page-field.component.spec';
+import { ItemPageTitleFieldComponent } from './item-page-title-field.component';
+
+let comp: ItemPageTitleFieldComponent;
+let fixture: ComponentFixture
+
diff --git a/src/themes/qulto/app/item-page/simple/item-types/publication/publication.component.html b/src/themes/qulto/app/item-page/simple/item-types/publication/publication.component.html
new file mode 100644
index 00000000000..268cae14c39
--- /dev/null
+++ b/src/themes/qulto/app/item-page/simple/item-types/publication/publication.component.html
@@ -0,0 +1,123 @@
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/themes/qulto/app/item-page/simple/item-types/publication/publication.component.scss b/src/themes/qulto/app/item-page/simple/item-types/publication/publication.component.scss
new file mode 100644
index 00000000000..902a64c4345
--- /dev/null
+++ b/src/themes/qulto/app/item-page/simple/item-types/publication/publication.component.scss
@@ -0,0 +1 @@
+@import '../../../../../../../../src/styles/_variables.scss';
diff --git a/src/themes/qulto/app/item-page/simple/item-types/publication/publication.component.spec.ts b/src/themes/qulto/app/item-page/simple/item-types/publication/publication.component.spec.ts
new file mode 100644
index 00000000000..29f1dd64179
--- /dev/null
+++ b/src/themes/qulto/app/item-page/simple/item-types/publication/publication.component.spec.ts
@@ -0,0 +1,279 @@
+import { HttpClient } from '@angular/common/http';
+import {
+ ChangeDetectionStrategy,
+ NO_ERRORS_SCHEMA,
+} from '@angular/core';
+import {
+ ComponentFixture,
+ fakeAsync,
+ TestBed,
+ tick,
+ waitForAsync,
+} from '@angular/core/testing';
+import { By } from '@angular/platform-browser';
+import { RouterTestingModule } from '@angular/router/testing';
+import { Store } from '@ngrx/store';
+import {
+ TranslateLoader,
+ TranslateModule,
+} from '@ngx-translate/core';
+import {
+ Observable,
+ of,
+} from 'rxjs';
+
+/* import {
+ APP_CONFIG,
+ APP_DATA_SERVICES_MAP,
+} from '../../../../../config/app-config.interface'; */
+import {
+ APP_CONFIG,
+ APP_DATA_SERVICES_MAP,
+} from '../../../../../../../config/app-config.interface';
+import { environment } from '../../../../../../../environments/environment.test';
+import { BrowseDefinitionDataService } from '../../../../../../../app/core/browse/browse-definition-data.service';
+import { RemoteDataBuildService } from '../../../../../../../app/core/cache/builders/remote-data-build.service';
+import { ObjectCacheService } from '../../../../../../../app/core/cache/object-cache.service';
+import { BitstreamDataService } from '../../../../../../../app/core/data/bitstream-data.service';
+import { CommunityDataService } from '../../../../../../../app/core/data/community-data.service';
+import { DefaultChangeAnalyzer } from '../../../../../../../app/core/data/default-change-analyzer.service';
+import { DSOChangeAnalyzer } from '../../../../../../../app/core/data/dso-change-analyzer.service';
+import { ItemDataService } from '../../../../../../../app/core/data/item-data.service';
+import { RelationshipDataService } from '../../../../../../../app/core/data/relationship-data.service';
+import { RemoteData } from '../../../../../../../app/core/data/remote-data';
+import { VersionDataService } from '../../../../../../../app/core/data/version-data.service';
+import { VersionHistoryDataService } from '../../../../../../../app/core/data/version-history-data.service';
+import { RouteService } from '../../../../../../../app/core/services/route.service';
+import { Bitstream } from '../../../../../../../app/core/shared/bitstream.model';
+import { HALEndpointService } from '../../../../../../../app/core/shared/hal-endpoint.service';
+import { Item } from '../../../../../../../app/core/shared/item.model';
+import { MetadataMap } from '../../../../../../../app/core/shared/metadata.models';
+import { SearchService } from '../../../../../../../app/core/shared/search/search.service';
+import { UUIDService } from '../../../../../../../app/core/shared/uuid.service';
+import { WorkspaceitemDataService } from '../../../../../../../app/core/submission/workspaceitem-data.service';
+import { DsoEditMenuComponent } from '../../../../../../../app/shared/dso-page/dso-edit-menu/dso-edit-menu.component';
+import { MetadataFieldWrapperComponent } from '../../../../../../../app/shared/metadata-field-wrapper/metadata-field-wrapper.component';
+import { mockTruncatableService } from '../../../../../../../app/shared/mocks/mock-trucatable.service';
+import { TranslateLoaderMock } from '../../../../../../../app/shared/mocks/translate-loader.mock';
+import { NotificationsService } from '../../../../../../../app/shared/notifications/notifications.service';
+import { createSuccessfulRemoteDataObject$ } from '../../../../../../../app/shared/remote-data.utils';
+import { ThemedResultsBackButtonComponent } from '../../../../../../../app/shared/results-back-button/themed-results-back-button.component';
+import { BrowseDefinitionDataServiceStub } from '../../../../../../../app/shared/testing/browse-definition-data-service.stub';
+import { createPaginatedList } from '../../../../../../../app/shared/testing/utils.test';
+import { TruncatableService } from '../../../../../../../app/shared/truncatable/truncatable.service';
+import { TruncatePipe } from '../../../../../../../app/shared/utils/truncate.pipe';
+import { ThemedThumbnailComponent } from '../../../../../../../app/thumbnail/themed-thumbnail.component';
+import { CollectionsComponent } from '../../../../../../../app/item-page/field-components/collections/collections.component';
+import { ThemedMediaViewerComponent } from '../../../../../../../app/item-page/media-viewer/themed-media-viewer.component';
+import { MiradorViewerComponent } from '../../../../../../../app/item-page/mirador-viewer/mirador-viewer.component';
+import { ThemedFileSectionComponent } from '../../../../../../../app/item-page/simple/field-components/file-section/themed-file-section.component';
+import { ItemPageAbstractFieldComponent } from '../../../../../../../app/item-page/simple/field-components/specific-field/abstract/item-page-abstract-field.component';
+import { ItemPageDateFieldComponent } from '../../../../../../../app/item-page/simple/field-components/specific-field/date/item-page-date-field.component';
+import { GenericItemPageFieldComponent } from '../../../../../../../app/item-page/simple/field-components/specific-field/generic/generic-item-page-field.component';
+import { ThemedItemPageTitleFieldComponent } from '../../../../../../../app/item-page/simple/field-components/specific-field/title/themed-item-page-field.component';
+import { ItemPageUriFieldComponent } from '../../../../../../../app/item-page/simple/field-components/specific-field/uri/item-page-uri-field.component';
+import { ThemedMetadataRepresentationListComponent } from '../../../../../../../app/item-page/simple/metadata-representation-list/themed-metadata-representation-list.component';
+import { RelatedItemsComponent } from '../../../../../../../app/item-page/simple/related-items/related-items-component';
+import {
+ createRelationshipsObservable,
+ getIIIFEnabled,
+ getIIIFSearchEnabled,
+ mockRouteService,
+} from '../../../../../../../app/item-page/simple/item-types/shared/item.component.spec';
+import { PublicationComponent } from './publication.component';
+
+const noMetadata = new MetadataMap();
+
+function getItem(metadata: MetadataMap) {
+ return Object.assign(new Item(), {
+ bundles: createSuccessfulRemoteDataObject$(createPaginatedList([])),
+ metadata: metadata,
+ relationships: createRelationshipsObservable(),
+ });
+}
+
+describe('PublicationComponent', () => {
+ let comp: PublicationComponent;
+ let fixture: ComponentFixture
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+