diff --git a/src/app/item-page/simple/related-items/related-items.component.spec.ts b/src/app/item-page/simple/related-items/related-items.component.spec.ts
index 751acb316a..b84d1fce76 100644
--- a/src/app/item-page/simple/related-items/related-items.component.spec.ts
+++ b/src/app/item-page/simple/related-items/related-items.component.spec.ts
@@ -62,7 +62,7 @@ describe('RelatedItemsComponent', () => {
}));
it(`should load ${mockItems.length} item-type-switcher components`, () => {
- const fields = fixture.debugElement.queryAll(By.css('ds-listable-object-component-loader'));
+ const fields = fixture.debugElement.queryAll(By.css('ds-themed-listable-object-component-loader'));
expect(fields.length).toBe(mockItems.length);
});
diff --git a/src/app/shared/browse-by/browse-by.component.html b/src/app/shared/browse-by/browse-by.component.html
index 6d1422293d..324cacbeff 100644
--- a/src/app/shared/browse-by/browse-by.component.html
+++ b/src/app/shared/browse-by/browse-by.component.html
@@ -25,7 +25,7 @@
diff --git a/src/app/shared/dso-selector/dso-selector/dso-selector.component.html b/src/app/shared/dso-selector/dso-selector/dso-selector.component.html
index 198da8d3ed..29c6d5ef61 100644
--- a/src/app/shared/dso-selector/dso-selector/dso-selector.component.html
+++ b/src/app/shared/dso-selector/dso-selector/dso-selector.component.html
@@ -25,8 +25,8 @@
title="{{ getName(listEntry) }}"
dsHoverClass="ds-hover"
(click)="onSelect.emit(listEntry.indexableObject)" #listEntryElement>
-
+
diff --git a/src/app/shared/object-collection/shared/listable-object/themed-listable-object-component-loader.component.ts b/src/app/shared/object-collection/shared/listable-object/themed-listable-object-component-loader.component.ts
new file mode 100644
index 0000000000..d2c50e22c9
--- /dev/null
+++ b/src/app/shared/object-collection/shared/listable-object/themed-listable-object-component-loader.component.ts
@@ -0,0 +1,43 @@
+import { Component, ElementRef, EventEmitter, Input, Output, ViewChild } from '@angular/core';
+import { ListableObjectComponentLoaderComponent } from './listable-object-component-loader.component';
+import { ThemedComponent } from '../../../theme-support/themed.component';
+import { ListableObject } from '../listable-object.model';
+import { ViewMode } from '../../../../core/shared/view-mode.model';
+import { Context } from '../../../../core/shared/context.model';
+import { CollectionElementLinkType } from '../../collection-element-link.type';
+
+/**
+ * Themed wrapper for SearchComponent
+ */
+@Component({
+ selector: 'ds-themed-listable-object-component-loader',
+ styleUrls: [],
+ templateUrl: '../theme-support/themed.component.html',
+})
+export class ThemedListableObjectComponentLoaderComponent extends ThemedComponent
{
+ protected inAndOutputNames: (keyof ListableObjectComponentLoaderComponent & keyof this)[] = [
+ 'object', 'index', 'viewMode', 'context', 'linkType', 'listID', 'linkType', 'showLabel', 'value', 'hideBadges', 'contentChange'];
+
+ @Input() object: ListableObject;
+ @Input() index: number;
+ @Input() viewMode: ViewMode;
+ @Input() context: Context;
+ @Input() linkType: CollectionElementLinkType;
+ @Input() listID: string;
+ @Input() showLabel = true;
+ @Input() value: string;
+ @Input() hideBadges = false;
+ @Output() contentChange = new EventEmitter();
+
+ protected getComponentName(): string {
+ return 'ListableObjectComponentLoaderComponent';
+ }
+
+ protected importThemedComponent(themeName: string): Promise {
+ return import(`../../../themes/${themeName}/app/shared/object-collection/shared/listable-object/listable-object-component-loader.component`);
+ }
+
+ protected importUnthemedComponent(): Promise {
+ return import('./listable-object-component-loader.component');
+ }
+}
diff --git a/src/app/shared/object-detail/object-detail.component.html b/src/app/shared/object-detail/object-detail.component.html
index 7fef7d9689..11a6ac62c8 100644
--- a/src/app/shared/object-detail/object-detail.component.html
+++ b/src/app/shared/object-detail/object-detail.component.html
@@ -14,7 +14,7 @@
diff --git a/src/app/shared/object-grid/object-grid.component.html b/src/app/shared/object-grid/object-grid.component.html
index 0afd623d86..86615be896 100644
--- a/src/app/shared/object-grid/object-grid.component.html
+++ b/src/app/shared/object-grid/object-grid.component.html
@@ -14,7 +14,7 @@
diff --git a/src/app/shared/object-list/metadata-representation-list-element/item/item-metadata-list-element.component.html b/src/app/shared/object-list/metadata-representation-list-element/item/item-metadata-list-element.component.html
index 91219c7189..8ed6dc0e0a 100644
--- a/src/app/shared/object-list/metadata-representation-list-element/item/item-metadata-list-element.component.html
+++ b/src/app/shared/object-list/metadata-representation-list-element/item/item-metadata-list-element.component.html
@@ -1 +1 @@
-
+
diff --git a/src/app/shared/object-list/metadata-representation-list-element/item/item-metadata-list-element.component.spec.ts b/src/app/shared/object-list/metadata-representation-list-element/item/item-metadata-list-element.component.spec.ts
index 6e48ba3a6f..3b84a539f4 100644
--- a/src/app/shared/object-list/metadata-representation-list-element/item/item-metadata-list-element.component.spec.ts
+++ b/src/app/shared/object-list/metadata-representation-list-element/item/item-metadata-list-element.component.spec.ts
@@ -28,7 +28,7 @@ describe('ItemMetadataListElementComponent', () => {
}));
it('should call a listable-object-component-loader component and pass the item-metadata-representation', () => {
- const objectLoader = fixture.debugElement.query(By.css('ds-listable-object-component-loader')).nativeElement;
+ const objectLoader = fixture.debugElement.query(By.css('ds-themed-listable-object-component-loader')).nativeElement;
expect(objectLoader.object).toBe(mockItemMetadataRepresentation);
});
diff --git a/src/app/shared/object-list/object-list.component.html b/src/app/shared/object-list/object-list.component.html
index 331ff1cb28..bf17717b9d 100644
--- a/src/app/shared/object-list/object-list.component.html
+++ b/src/app/shared/object-list/object-list.component.html
@@ -21,10 +21,10 @@
-
+ >
diff --git a/src/app/shared/shared.module.ts b/src/app/shared/shared.module.ts
index 7b799bfaea..77681f1d63 100644
--- a/src/app/shared/shared.module.ts
+++ b/src/app/shared/shared.module.ts
@@ -173,6 +173,7 @@ import { BitstreamRequestACopyPageComponent } from './bitstream-request-a-copy-p
import { DsSelectComponent } from './ds-select/ds-select.component';
import { LogInOidcComponent } from './log-in/methods/oidc/log-in-oidc.component';
import { ThemedItemListPreviewComponent } from './object-list/my-dspace-result-list-element/item-list-preview/themed-item-list-preview.component';
+import { ThemedListableObjectComponentLoaderComponent } from './object-collection/shared/listable-object/themed-listable-object-component-loader.component';
const MODULES = [
// Do NOT include UniversalModule, HttpModule, or JsonpModule here
@@ -286,6 +287,7 @@ const COMPONENTS = [
CommunitySearchResultGridElementComponent,
PageSizeSelectorComponent,
ListableObjectComponentLoaderComponent,
+ ThemedListableObjectComponentLoaderComponent,
CollectionListElementComponent,
CommunityListElementComponent,
CollectionGridElementComponent,
diff --git a/src/themes/custom/app/shared/object-collection/shared/listable-object/listable-object-component-loader.component.html b/src/themes/custom/app/shared/object-collection/shared/listable-object/listable-object-component-loader.component.html
new file mode 100644
index 0000000000..e69de29bb2
diff --git a/src/themes/custom/app/shared/object-collection/shared/listable-object/listable-object-component-loader.component.scss b/src/themes/custom/app/shared/object-collection/shared/listable-object/listable-object-component-loader.component.scss
new file mode 100644
index 0000000000..e69de29bb2
diff --git a/src/themes/custom/app/shared/object-collection/shared/listable-object/listable-object-component-loader.component.ts b/src/themes/custom/app/shared/object-collection/shared/listable-object/listable-object-component-loader.component.ts
new file mode 100644
index 0000000000..49d79a7cbd
--- /dev/null
+++ b/src/themes/custom/app/shared/object-collection/shared/listable-object/listable-object-component-loader.component.ts
@@ -0,0 +1,13 @@
+import { Component } from '@angular/core';
+import { ListableObjectComponentLoaderComponent as BaseComponent } from 'src/app/shared/object-collection/shared/listable-object/listable-object-component-loader.component';
+
+@Component({
+ selector: 'ds-listable-object-component-loader',
+ // styleUrls: ['./listable-object-component-loader.component.scss'],
+ styleUrls: ['../../../../../../../app/shared/object-collection/shared/listable-object/listable-object-component-loader.component.scss'],
+ // templateUrl: './listable-object-component-loader.component.html'
+ templateUrl: '../../../../../../../app/shared/object-collection/shared/listable-object/listable-object-component-loader.component.html'
+})
+
+export class ListableObjectComponentLoaderComponent extends BaseComponent {
+}
diff --git a/src/themes/custom/theme.module.ts b/src/themes/custom/theme.module.ts
index 1ab61cbc42..619bf44979 100644
--- a/src/themes/custom/theme.module.ts
+++ b/src/themes/custom/theme.module.ts
@@ -86,6 +86,7 @@ import { ComcolModule } from '../../app/shared/comcol/comcol.module';
import { FeedbackComponent } from './app/info/feedback/feedback.component';
import { SearchFiltersComponent } from './app/shared/search/search-filters/search-filters.component';
import { SearchSidebarComponent } from './app/shared/search/search-sidebar/search-sidebar.component';
+import { ListableObjectComponentLoaderComponent } from './app/shared/object-collection/shared/listable-object/listable-object-component-loader.component';
const DECLARATIONS = [
FileSectionComponent,
@@ -131,6 +132,7 @@ const DECLARATIONS = [
FeedbackComponent,
SearchFiltersComponent,
SearchSidebarComponent,
+ ListableObjectComponentLoaderComponent
];
@NgModule({