124198: Add themeable ItemBitstreamsComponent

Author: abhinav

src/app/item-page/edit-item-page/edit-item-page.module.ts

@@ -46,6 +46,7 @@ import { ResultsBackButtonModule } from '../../shared/results-back-button/result
 import {
   AccessControlFormModule
 } from '../../shared/access-control-form-container/access-control-form.module';
+import { ThemedItemBitstreamsComponent } from './item-bitstreams/themed-item-bitstreams.component';
 
 /**
  * Module that contains all components related to the Edit Item page administrator functionality
@@ -79,6 +80,7 @@ import {
     ThemedItemStatusComponent,
     ItemRelationshipsComponent,
     ItemBitstreamsComponent,
+    ThemedItemBitstreamsComponent,
     ItemVersionHistoryComponent,
     ItemEditBitstreamComponent,
     ItemEditBitstreamBundleComponent,
@@ -102,6 +104,8 @@ import {
   ],
   exports: [
     ItemOperationComponent,
+    ItemEditBitstreamBundleComponent,
+    ItemEditBitstreamDragHandleComponent,
   ]
 })
 export class EditItemPageModule {

src/app/item-page/edit-item-page/edit-item-page.routing.module.ts

@@ -6,7 +6,7 @@ import { ItemReinstateComponent } from './item-reinstate/item-reinstate.componen
 import { ItemPrivateComponent } from './item-private/item-private.component';
 import { ItemPublicComponent } from './item-public/item-public.component';
 import { ItemDeleteComponent } from './item-delete/item-delete.component';
-import { ItemBitstreamsComponent } from './item-bitstreams/item-bitstreams.component';
+import { ThemedItemBitstreamsComponent } from './item-bitstreams/themed-item-bitstreams.component';
 import { ItemCollectionMapperComponent } from './item-collection-mapper/item-collection-mapper.component';
 import { ItemMoveComponent } from './item-move/item-move.component';
 import { ItemRegisterDoiComponent } from './item-register-doi/item-register-doi.component';
@@ -74,7 +74,7 @@ import { ItemAccessControlComponent } from './item-access-control/item-access-co
               },
               {
                 path: 'bitstreams',
-                component: ItemBitstreamsComponent,
+                component: ThemedItemBitstreamsComponent,
                 data: { title: 'item.edit.tabs.bitstreams.title', showBreadcrumbs: true },
                 canActivate: [ItemPageBitstreamsGuard]
               },

src/app/item-page/edit-item-page/item-bitstreams/themed-item-bitstreams.component.ts

@@ -0,0 +1,32 @@
+import { ThemedComponent } from '../../../shared/theme-support/themed.component';
+import { ItemBitstreamsComponent } from './item-bitstreams.component';
+import { Component, Input } from '@angular/core';
+import { Item } from '../../../core/shared/item.model';
+
+/**
+ * Themed wrapper for {@link ItemBitstreamsComponent}
+ */
+@Component({
+  selector: 'ds-themed-item-bitstreams',
+  styleUrls: ['./item-bitstreams.component.scss'],
+  templateUrl: '../../../shared/theme-support/themed.component.html',
+})
+export class ThemedItemBitstreamsComponent extends ThemedComponent<ItemBitstreamsComponent> {
+  @Input() item: Item;
+
+  protected inAndOutputNames: (keyof ItemBitstreamsComponent & keyof this)[] = [
+    'item',
+  ];
+
+  protected getComponentName(): string {
+    return 'ItemBitstreamsComponent';
+  }
+
+  protected importThemedComponent(themeName: string): Promise<any> {
+    return import(`../../../../themes/${themeName}/app/item-page/edit-item-page/item-bitstreams/item-bitstreams.component`);
+  }
+
+  protected importUnthemedComponent(): Promise<any> {
+    return import(`./item-bitstreams.component`);
+  }
+}

src/themes/custom/app/item-page/edit-item-page/item-bitstreams/item-bitstream.component.scss

@@ -0,0 +1,13 @@
+import {
+  ItemBitstreamsComponent as BaseComponent
+} from '../../../../../../app/item-page/edit-item-page/item-bitstreams/item-bitstreams.component';
+import { Component } from '@angular/core';
+
+@Component({
+  selector: 'ds-item-bitstreams',
+  styleUrls: ['../../../../../../app/item-page/edit-item-page/item-bitstreams/item-bitstreams.component.scss'],
+  templateUrl: '../../../../../../app/item-page/edit-item-page/item-bitstreams/item-bitstreams.component.html',
+})
+export class ItemBitstreamsComponent extends BaseComponent {
+
+}

src/themes/custom/app/item-page/edit-item-page/item-bitstreams/item-bitstreams.component.html

@@ -54,6 +54,8 @@ import {
   ItemSearchResultListElementComponent
 } from './app/shared/object-list/search-result-list-element/item-search-result/item-types/item/item-search-result-list-element.component';
 import { TopLevelCommunityListComponent } from './app/home-page/top-level-community-list/top-level-community-list.component';
+import { ItemBitstreamsComponent } from './app/item-page/edit-item-page/item-bitstreams/item-bitstreams.component';
+import { EditItemPageModule } from '../../app/item-page/edit-item-page/edit-item-page.module';
 
 
 /**
@@ -75,6 +77,7 @@ const ENTRY_COMPONENTS = [
   PublicationSidebarSearchListElementComponent,
   ItemSearchResultListElementComponent,
   TopLevelCommunityListComponent,
+  ItemBitstreamsComponent
 ];
 
 const DECLARATIONS = [
@@ -104,6 +107,7 @@ const DECLARATIONS = [
     ItemPageModule,
     ItemSharedModule,
     DsoPageModule,
+    EditItemPageModule
   ],
   declarations: DECLARATIONS,
   providers: [