Themed ItemVersionsNoticeComponent

alexandrevryghem · Nov 14, 2023 · bb16b44 · bb16b44
1 parent 404ccd9
commit bb16b44
Show file tree

Hide file tree

Showing 7 changed files with 46 additions and 2 deletions.
diff --git a/src/app/item-page/full/full-item-page.component.html b/src/app/item-page/full/full-item-page.component.html
@@ -2,7 +2,7 @@
   <div class="item-page" *ngIf="itemRD?.hasSucceeded" @fadeInOut>
     <div *ngIf="itemRD?.payload as item">
       <ds-themed-item-alerts [item]="item"></ds-themed-item-alerts>
-      <ds-item-versions-notice [item]="item"></ds-item-versions-notice>
+      <ds-themed-item-versions-notice [item]="item"></ds-themed-item-versions-notice>
       <ds-view-tracker [object]="item"></ds-view-tracker>
       <div *ngIf="!item.isWithdrawn || (isAdmin$|async)" class="full-item-info">
         <div class="d-flex flex-row">

diff --git a/src/app/item-page/simple/item-page.component.html b/src/app/item-page/simple/item-page.component.html
@@ -2,7 +2,7 @@
   <div class="item-page" *ngIf="itemRD?.hasSucceeded" @fadeInOut>
     <div *ngIf="itemRD?.payload as item">
       <ds-themed-item-alerts [item]="item"></ds-themed-item-alerts>
-      <ds-item-versions-notice [item]="item"></ds-item-versions-notice>
+      <ds-themed-item-versions-notice [item]="item"></ds-themed-item-versions-notice>
       <ds-view-tracker [object]="item"></ds-view-tracker>
       <ds-listable-object-component-loader *ngIf="!item.isWithdrawn || (isAdmin$|async)" [object]="item" [viewMode]="viewMode"></ds-listable-object-component-loader>
       <ds-item-versions class="mt-2" [item]="item" [displayActions]="false"></ds-item-versions>

diff --git a/src/app/item-page/versions/item-versions.module.ts b/src/app/item-page/versions/item-versions.module.ts
@@ -10,10 +10,12 @@ import { NgModule } from '@angular/core';
 import { SharedModule } from '../../shared/shared.module';
 import { ItemVersionsComponent } from './item-versions.component';
 import { ItemVersionsNoticeComponent } from './notice/item-versions-notice.component';
+import { ThemedItemVersionsNoticeComponent } from './notice/themed-item-versions-notice.component';
 
 const DECLARATIONS = [
   ItemVersionsComponent,
   ItemVersionsNoticeComponent,
+  ThemedItemVersionsNoticeComponent,
 ];
 
 @NgModule({

diff --git a/src/app/item-page/versions/notice/themed-item-versions-notice.component.ts b/src/app/item-page/versions/notice/themed-item-versions-notice.component.ts
@@ -0,0 +1,30 @@
+import { Component, Input } from '@angular/core';
+import { Item } from '../../../core/shared/item.model';
+import { ThemedComponent } from '../../../shared/theme-support/themed.component';
+import { ItemVersionsNoticeComponent } from './item-versions-notice.component';
+
+/**
+ * Themed wrapper for {@link ItemVersionsNoticeComponent}
+ */
+@Component({
+  selector: 'ds-themed-item-versions-notice',
+  styleUrls: [],
+  templateUrl: '../../../shared/theme-support/themed.component.html',
+})
+export class ThemedItemVersionsNoticeComponent extends ThemedComponent<ItemVersionsNoticeComponent> {
+
+  @Input() item: Item;
+
+  protected getComponentName(): string {
+    return 'ItemVersionsNoticeComponent';
+  }
+
+  protected importThemedComponent(themeName: string): Promise<any> {
+    return import(`../../../../themes/${themeName}/app/item-page/versions/notice/item-versions-notice.component`);
+  }
+
+  protected importUnthemedComponent(): Promise<any> {
+    return import('./item-versions-notice.component');
+  }
+
+}
diff --git a/src/themes/custom/app/item-page/versions/notice/item-versions-notice.component.html b/src/themes/custom/app/item-page/versions/notice/item-versions-notice.component.html
diff --git a/src/themes/custom/app/item-page/versions/notice/item-versions-notice.component.ts b/src/themes/custom/app/item-page/versions/notice/item-versions-notice.component.ts
@@ -0,0 +1,10 @@
+import { Component } from '@angular/core';
+import { ItemVersionsNoticeComponent as BaseComponent } from '../../../../../../app/item-page/versions/notice/item-versions-notice.component';
+
+@Component({
+  selector: 'ds-item-versions-notice',
+  // templateUrl: './item-versions-notice.component.html',
+  templateUrl: '../../../../../../app/item-page/versions/notice/item-versions-notice.component.html',
+})
+export class ItemVersionsNoticeComponent extends BaseComponent {
+}
diff --git a/src/themes/custom/lazy-theme.module.ts b/src/themes/custom/lazy-theme.module.ts
@@ -156,6 +156,7 @@ 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 { ItemVersionsNoticeComponent } from './app/item-page/versions/notice/item-versions-notice.component';
 
 const DECLARATIONS = [
   FileSectionComponent,
@@ -239,6 +240,7 @@ const DECLARATIONS = [
   SubmissionSectionUploadFileComponent,
   ItemStatusComponent,
   EditBitstreamPageComponent,
+  ItemVersionsNoticeComponent,
 ];
 
 @NgModule({