Merge remote-tracking branch 'contributions/w2p-124198_add-themeable-ItemBitstreamsComponent_contribute-7.6' into w2p-124198_add-themeable-ItemBitstreamsComponent_contribute-main

Author: abhinav

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

@@ -19,7 +19,7 @@ import {
 } from './edit-item-page.routing-paths';
 import { ItemAccessControlComponent } from './item-access-control/item-access-control.component';
 import { ItemAuthorizationsComponent } from './item-authorizations/item-authorizations.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 { ItemCurateComponent } from './item-curate/item-curate.component';
 import { ItemDeleteComponent } from './item-delete/item-delete.component';
@@ -77,7 +77,7 @@ export const ROUTES: Route[] = [
           },
           {
             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/item-bitstreams.component.ts

@@ -68,7 +68,7 @@ import { ItemBitstreamsService } from './item-bitstreams.service';
 import { ItemEditBitstreamBundleComponent } from './item-edit-bitstream-bundle/item-edit-bitstream-bundle.component';
 
 @Component({
-  selector: 'ds-item-bitstreams',
+  selector: 'ds-base-item-bitstreams',
   styleUrls: ['./item-bitstreams.component.scss'],
   templateUrl: './item-bitstreams.component.html',
   imports: [

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

@@ -0,0 +1,38 @@
+import {
+  Component,
+  Input,
+} from '@angular/core';
+
+import { Item } from '../../../core/shared/item.model';
+import { ThemedComponent } from '../../../shared/theme-support/themed.component';
+import { ItemBitstreamsComponent } from './item-bitstreams.component';
+
+/**
+ * Themed wrapper for {@link ItemBitstreamsComponent}
+ */
+@Component({
+  selector: 'ds-item-bitstreams',
+  styleUrls: ['./item-bitstreams.component.scss'],
+  templateUrl: '../../../shared/theme-support/themed.component.html',
+  standalone: true,
+  imports: [ItemBitstreamsComponent],
+})
+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,39 @@
+import {
+  AsyncPipe,
+  CommonModule,
+  NgForOf,
+  NgIf,
+} from '@angular/common';
+import { Component } from '@angular/core';
+import { RouterLink } from '@angular/router';
+import { TranslateModule } from '@ngx-translate/core';
+
+import { ItemBitstreamsComponent as BaseComponent } from '../../../../../../app/item-page/edit-item-page/item-bitstreams/item-bitstreams.component';
+import { ItemEditBitstreamBundleComponent } from '../../../../../../app/item-page/edit-item-page/item-bitstreams/item-edit-bitstream-bundle/item-edit-bitstream-bundle.component';
+import { AlertComponent } from '../../../../../../app/shared/alert/alert.component';
+import { BtnDisabledDirective } from '../../../../../../app/shared/btn-disabled.directive';
+import { ThemedLoadingComponent } from '../../../../../../app/shared/loading/themed-loading.component';
+import { VarDirective } from '../../../../../../app/shared/utils/var.directive';
+
+@Component({
+  selector: 'ds-themed-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',
+  imports: [
+    CommonModule,
+    AsyncPipe,
+    TranslateModule,
+    ItemEditBitstreamBundleComponent,
+    RouterLink,
+    NgIf,
+    VarDirective,
+    NgForOf,
+    ThemedLoadingComponent,
+    AlertComponent,
+    BtnDisabledDirective,
+  ],
+  standalone: true,
+})
+export class ItemBitstreamsComponent extends BaseComponent {
+
+}

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

@@ -11,6 +11,7 @@ import { HeaderComponent } from './app/header/header.component';
 import { HeaderNavbarWrapperComponent } from './app/header-nav-wrapper/header-navbar-wrapper.component';
 import { HomeNewsComponent } from './app/home-page/home-news/home-news.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 { PublicationComponent } from './app/item-page/simple/item-types/publication/publication.component';
 import { UntypedItemComponent } from './app/item-page/simple/item-types/untyped-item/untyped-item.component';
 import { NavbarComponent } from './app/navbar/navbar.component';
@@ -33,6 +34,7 @@ import { PublicationSidebarSearchListElementComponent } from './app/shared/objec
 import { StartsWithDateComponent } from './app/shared/starts-with/date/starts-with-date.component';
 import { StartsWithTextComponent } from './app/shared/starts-with/text/starts-with-text.component';
 
+
 /**
  * Add components that use a custom decorator to ENTRY_COMPONENTS as well as DECLARATIONS.
  * This will ensure that decorator gets picked up when the app loads
@@ -54,6 +56,7 @@ const ENTRY_COMPONENTS = [
   ItemSearchResultListElementComponent,
   TopLevelCommunityListComponent,
   BrowseEntryListElementComponent,
+  ItemBitstreamsComponent,
 ];
 
 const DECLARATIONS = [