112807: Theme ItemDetailPreviewFieldComponent

src/app/my-dspace-page/my-dspace-search.module.ts

@@ -26,6 +26,7 @@ import { ThemedItemListPreviewComponent } from '../shared/object-list/my-dspace-
 import { JournalEntitiesModule } from '../entity-groups/journal-entities/journal-entities.module';
 import { MyDSpaceActionsModule } from '../shared/mydspace-actions/mydspace-actions.module';
 import { ClaimedDeclinedTaskSearchResultListElementComponent } from '../shared/object-list/my-dspace-result-list-element/claimed-search-result/claimed-declined-task-search-result/claimed-declined-task-search-result-list-element.component';
+import { ThemedItemDetailPreviewFieldComponent } from '../shared/object-detail/my-dspace-result-detail-element/item-detail-preview/item-detail-preview-field/themed-item-detail-preview-field.component';
 
 const ENTRY_COMPONENTS = [
   WorkspaceItemSearchResultListElementComponent,
@@ -49,6 +50,7 @@ const DECLARATIONS = [
   ItemCollectionComponent,
   ItemDetailPreviewComponent,
   ItemDetailPreviewFieldComponent,
+  ThemedItemDetailPreviewFieldComponent,
   ItemListPreviewComponent,
   ThemedItemListPreviewComponent,
 ];

src/app/shared/object-detail/my-dspace-result-detail-element/item-detail-preview/item-detail-preview-field/themed-item-detail-preview-field.component.ts

@@ -0,0 +1,49 @@
+import { Component, Input } from '@angular/core';
+import { Item } from '../../../../../core/shared/item.model';
+import { SearchResult } from '../../../../search/models/search-result.model';
+import { ThemedComponent } from '../../../../theme-support/themed.component';
+import { ItemDetailPreviewFieldComponent } from './item-detail-preview-field.component';
+
+/**
+ * Themed wrapper for ItemDetailPreviewFieldComponent
+ */
+@Component({
+  selector: 'ds-themed-item-detail-preview-field',
+  styleUrls: [],
+  templateUrl: '../../../../theme-support/themed.component.html'
+})
+export class ThemedItemDetailPreviewFieldComponent  extends ThemedComponent<ItemDetailPreviewFieldComponent> {
+
+  protected inAndOutputNames: (keyof ItemDetailPreviewFieldComponent & keyof this)[] = [
+    'item',
+    'object',
+    'label',
+    'metadata',
+    'placeholder',
+    'separator',
+  ];
+
+  @Input() item: Item;
+
+  @Input() object: SearchResult<any>;
+
+  @Input() label: string;
+
+  @Input() metadata: string | string[];
+
+  @Input() placeholder: string;
+
+  @Input() separator: string;
+
+  protected getComponentName(): string {
+    return 'ItemDetailPreviewFieldComponent';
+  }
+
+  protected importThemedComponent(themeName: string): Promise<any> {
+    return import(`../../../../../../themes/${themeName}/app/shared/object-detail/my-dspace-result-detail-element/item-detail-preview/item-detail-preview-field/item-detail-preview-field.component`);
+  }
+
+  protected importUnthemedComponent(): Promise<any> {
+    return import('./item-detail-preview-field.component');
+  }
+}

src/app/shared/object-detail/my-dspace-result-detail-element/item-detail-preview/item-detail-preview.component.html

@@ -22,32 +22,32 @@
             </ng-container>
           </ds-metadata-field-wrapper>
         </ng-container>
-        <ds-item-detail-preview-field [item]="item"
+        <ds-themed-item-detail-preview-field [item]="item"
                                       [object]="object"
                                       [label]="('item.page.date' | translate)"
                                       [metadata]="'dc.date.issued'"
                                       [separator]="separator"
-                                      [placeholder]="('mydspace.results.no-date' | translate)"></ds-item-detail-preview-field>
+                                      [placeholder]="('mydspace.results.no-date' | translate)"></ds-themed-item-detail-preview-field>
-        <ds-item-detail-preview-field [item]="item"
+        <ds-themed-item-detail-preview-field [item]="item"
                                       [object]="object"
                                       [label]="('item.page.author' | translate)"
                                       [metadata]="['dc.contributor', 'dc.creator', 'dc.contributor.*']"
                                       [separator]="separator"
-                                      [placeholder]="('mydspace.results.no-authors' | translate)"></ds-item-detail-preview-field>
+                                      [placeholder]="('mydspace.results.no-authors' | translate)"></ds-themed-item-detail-preview-field>
       </div>
       <div class="col-xs-12 col-md-6">
-        <ds-item-detail-preview-field [item]="item"
+        <ds-themed-item-detail-preview-field [item]="item"
                                       [object]="object"
                                       [label]="('item.page.abstract' | translate)"
                                       [metadata]="'dc.description.abstract'"
                                       [separator]="separator"
-                                      [placeholder]="('mydspace.results.no-abstract' | translate)"></ds-item-detail-preview-field>
+                                      [placeholder]="('mydspace.results.no-abstract' | translate)"></ds-themed-item-detail-preview-field>
-        <ds-item-detail-preview-field [item]="item"
+        <ds-themed-item-detail-preview-field [item]="item"
                                       [object]="object"
                                       [label]="('item.page.uri' | translate)"
                                       [metadata]="'dc.identifier.uri'"
                                       [separator]="separator"
-                                      [placeholder]="('mydspace.results.no-uri' | translate)"></ds-item-detail-preview-field>
+                                      [placeholder]="('mydspace.results.no-uri' | translate)"></ds-themed-item-detail-preview-field>
         <div>
           <ng-content></ng-content>
         </div>

src/themes/custom/app/shared/object-detail/my-dspace-result-detail-element/item-detail-preview/item-detail-preview-field/item-detail-preview-field.component.ts

@@ -0,0 +1,14 @@
+import { Component } from '@angular/core';
+import { ItemDetailPreviewFieldComponent as BaseComponent } from '../../../../../../../../app/shared/object-detail/my-dspace-result-detail-element/item-detail-preview/item-detail-preview-field/item-detail-preview-field.component';
+
+/**
+ * This component show values for the given item metadata
+ */
+@Component({
+  selector: 'ds-item-detail-preview-field',
+  // templateUrl: './item-detail-preview-field.component.html'
+  templateUrl: '../../../../../../../../app/shared/object-detail/my-dspace-result-detail-element/item-detail-preview/item-detail-preview-field/item-detail-preview-field.component.html'
+})
+export class ItemDetailPreviewFieldComponent extends BaseComponent {
+
+}

src/themes/custom/lazy-theme.module.ts

@@ -156,6 +156,9 @@ import { ItemStatusComponent } from './app/item-page/edit-item-page/item-status/
 import { EditBitstreamPageComponent } from './app/bitstream-page/edit-bitstream-page/edit-bitstream-page.component';
 import { FormModule } from '../../app/shared/form/form.module';
 import { RequestCopyModule } from 'src/app/request-copy/request-copy.module';
+import {
+  ItemDetailPreviewFieldComponent
+} from './app/shared/object-detail/my-dspace-result-detail-element/item-detail-preview/item-detail-preview-field/item-detail-preview-field.component';
 
 const DECLARATIONS = [
   FileSectionComponent,
@@ -239,6 +242,7 @@ const DECLARATIONS = [
   SubmissionSectionUploadFileComponent,
   ItemStatusComponent,
   EditBitstreamPageComponent,
+  ItemDetailPreviewFieldComponent,
 ];
 
 @NgModule({