Themeable ItemCollectionMapperComponent and CollectionItemMapperComponent

src/app/collection-page/collection-item-mapper/collection-item-mapper.component.ts

@@ -66,7 +66,7 @@ import { BrowserOnlyPipe } from '../../shared/utils/browser-only.pipe';
 import { followLink } from '../../shared/utils/follow-link-config.model';
 
 @Component({
-  selector: 'ds-collection-item-mapper',
+  selector: 'ds-base-collection-item-mapper',
   styleUrls: ['./collection-item-mapper.component.scss'],
   templateUrl: './collection-item-mapper.component.html',
   changeDetection: ChangeDetectionStrategy.OnPush,

src/app/collection-page/collection-item-mapper/themed-collection-item-mapper.component.ts

@@ -0,0 +1,23 @@
+import { Component } from '@angular/core';
+
+import { ThemedComponent } from '../../shared/theme-support/themed.component';
+import { CollectionItemMapperComponent } from './collection-item-mapper.component';
+
+@Component({
+  selector: 'ds-collection-item-mapper',
+  styleUrls: [],
+  templateUrl: '../../shared/theme-support/themed.component.html',
+  standalone: true,
+  imports: [CollectionItemMapperComponent],
+})
+export class ThemedCollectionItemMapperComponent extends ThemedComponent<CollectionItemMapperComponent> {
+  protected getComponentName(): string {
+    return 'CollectionItemMapperComponent';
+  }
+  protected importThemedComponent(themeName: string): Promise<any> {
+    return import(`../../../themes/${themeName}/app/collection-page/collection-item-mapper/collection-item-mapper.component`);
+  }
+  protected importUnthemedComponent(): Promise<any> {
+    return import(`./collection-item-mapper.component`);
+  }
+}

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

@@ -6,7 +6,7 @@ import { ResourcePolicyCreateComponent } from '../../shared/resource-policies/cr
 import { ResourcePolicyEditComponent } from '../../shared/resource-policies/edit/resource-policy-edit.component';
 import { resourcePolicyResolver } from '../../shared/resource-policies/resolvers/resource-policy.resolver';
 import { resourcePolicyTargetResolver } from '../../shared/resource-policies/resolvers/resource-policy-target.resolver';
-import { CollectionItemMapperComponent } from '../collection-item-mapper/collection-item-mapper.component';
+import { ThemedCollectionItemMapperComponent } from '../collection-item-mapper/themed-collection-item-mapper.component';
 import { CollectionAccessControlComponent } from './collection-access-control/collection-access-control.component';
 import { CollectionAuthorizationsComponent } from './collection-authorizations/collection-authorizations.component';
 import { CollectionCurateComponent } from './collection-curate/collection-curate.component';
@@ -92,7 +92,7 @@ export const ROUTES: Route[] = [
       },
       {
         path: 'mapper',
-        component: CollectionItemMapperComponent,
+        component: ThemedCollectionItemMapperComponent,
         data: { title: 'collection.edit.tabs.item-mapper.title', hideReturnButton: true, showBreadcrumbs: true },
       },
     ],

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

@@ -20,7 +20,7 @@ import {
 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 { ItemCollectionMapperComponent } from './item-collection-mapper/item-collection-mapper.component';
+import { ThemedItemCollectionMapperComponent } from './item-collection-mapper/themed-item-collection-mapper.component';
 import { ItemCurateComponent } from './item-curate/item-curate.component';
 import { ItemDeleteComponent } from './item-delete/item-delete.component';
 import { ItemMoveComponent } from './item-move/item-move.component';
@@ -125,15 +125,15 @@ export const ROUTES: Route[] = [
           },
           {
             path: 'mapper',
-            component: ItemCollectionMapperComponent,
+            component: ThemedItemCollectionMapperComponent,
             data: { title: 'item.edit.tabs.item-mapper.title', showBreadcrumbs: true },
             canActivate: [itemPageCollectionMapperGuard],
           },
         ],
       },
       {
         path: 'mapper',
-        component: ItemCollectionMapperComponent,
+        component: ThemedItemCollectionMapperComponent,
       },
       {
         path: ITEM_EDIT_WITHDRAW_PATH,

src/app/item-page/edit-item-page/item-collection-mapper/item-collection-mapper.component.ts

@@ -65,7 +65,7 @@ import { BrowserOnlyPipe } from '../../../shared/utils/browser-only.pipe';
 import { getItemPageRoute } from '../../item-page-routing-paths';
 
 @Component({
-  selector: 'ds-item-collection-mapper',
+  selector: 'ds-base-item-collection-mapper',
   styleUrls: ['./item-collection-mapper.component.scss'],
   templateUrl: './item-collection-mapper.component.html',
   changeDetection: ChangeDetectionStrategy.OnPush,

src/app/item-page/edit-item-page/item-collection-mapper/themed-item-collection-mapper.component.ts

@@ -0,0 +1,25 @@
+import { Component } from '@angular/core';
+
+import { ThemedComponent } from '../../../shared/theme-support/themed.component';
+import { ItemCollectionMapperComponent } from './item-collection-mapper.component';
+
+@Component({
+  selector: 'ds-item-collection-mapper',
+  styleUrls: [],
+  templateUrl: '../../../shared/theme-support/themed.component.html',
+  standalone: true,
+  imports: [ItemCollectionMapperComponent],
+})
+export class ThemedItemCollectionMapperComponent extends ThemedComponent<ItemCollectionMapperComponent> {
+
+  protected getComponentName(): string {
+    return 'ItemCollectionMapperComponent';
+  }
+  protected importThemedComponent(themeName: string): Promise<any> {
+    return import(`../../../../themes/${themeName}/app/item-page/edit-item-page/item-collection-mapper/item-collection-mapper.component`);
+  }
+  protected importUnthemedComponent(): Promise<any> {
+    return import(`./item-collection-mapper.component`);
+  }
+
+}

src/themes/custom/app/collection-page/collection-item-mapper/collection-item-mapper.component.ts

@@ -0,0 +1,53 @@
+import {
+  AsyncPipe,
+  NgIf,
+} from '@angular/common';
+import {
+  ChangeDetectionStrategy,
+  Component,
+} from '@angular/core';
+import { NgbNavModule } from '@ng-bootstrap/ng-bootstrap';
+import { TranslateModule } from '@ngx-translate/core';
+import { SearchConfigurationService } from 'src/app/core/shared/search/search-configuration.service';
+import {
+  fadeIn,
+  fadeInOut,
+} from 'src/app/shared/animations/fade';
+
+import { CollectionItemMapperComponent as BaseComponent } from '../../../../../app/collection-page/collection-item-mapper/collection-item-mapper.component';
+import { SEARCH_CONFIG_SERVICE } from '../../../../../app/my-dspace-page/my-dspace-configuration.service';
+import { ItemSelectComponent } from '../../../../../app/shared/object-select/item-select/item-select.component';
+import { ThemedSearchFormComponent } from '../../../../../app/shared/search-form/themed-search-form.component';
+import { BrowserOnlyPipe } from '../../../../../app/shared/utils/browser-only.pipe';
+
+@Component({
+  selector: 'ds-themed-collection-item-mapper',
+  styleUrls: ['../../../../../app/collection-page/collection-item-mapper/collection-item-mapper.component.scss'],
+  // styleUrls: ['./collection-item-mapper.component.scss'],
+  templateUrl: '../../../../../app/collection-page/collection-item-mapper/collection-item-mapper.component.html',
+  // templateUrl: './collection-item-mapper.component.html',
+  changeDetection: ChangeDetectionStrategy.OnPush,
+  animations: [
+    fadeIn,
+    fadeInOut,
+  ],
+  providers: [
+    {
+      provide: SEARCH_CONFIG_SERVICE,
+      useClass: SearchConfigurationService,
+    },
+  ],
+  imports: [
+    ThemedSearchFormComponent,
+    NgbNavModule,
+    TranslateModule,
+    AsyncPipe,
+    ItemSelectComponent,
+    NgIf,
+    BrowserOnlyPipe,
+  ],
+  standalone: true,
+})
+export class CollectionItemMapperComponent extends BaseComponent {
+
+}

src/themes/custom/app/item-page/edit-item-page/item-collection-mapper/item-collection-mapper.component.ts

@@ -0,0 +1,46 @@
+import {
+  AsyncPipe,
+  NgIf,
+} from '@angular/common';
+import {
+  ChangeDetectionStrategy,
+  Component,
+} from '@angular/core';
+import { NgbNavModule } from '@ng-bootstrap/ng-bootstrap';
+import { TranslateModule } from '@ngx-translate/core';
+import {
+  fadeIn,
+  fadeInOut,
+} from 'src/app/shared/animations/fade';
+
+import { ItemCollectionMapperComponent as BaseComponent } from '../../../../../../app/item-page/edit-item-page/item-collection-mapper/item-collection-mapper.component';
+import { CollectionSelectComponent } from '../../../../../../app/shared/object-select/collection-select/collection-select.component';
+import { ThemedSearchFormComponent } from '../../../../../../app/shared/search-form/themed-search-form.component';
+import { BrowserOnlyPipe } from '../../../../../../app/shared/utils/browser-only.pipe';
+
+@Component({
+  selector: 'ds-themed-item-collection-mapper',
+  styleUrls: ['../../../../../../app/item-page/edit-item-page/item-collection-mapper/item-collection-mapper.component.scss'],
+  // styleUrls: ['./item-collection-mapper.component.scss'],
+  templateUrl: '../../../../../../app/item-page/edit-item-page/item-collection-mapper/item-collection-mapper.component.html',
+  // templateUrl: './item-collection-mapper.component.html',
+  changeDetection: ChangeDetectionStrategy.OnPush,
+  animations: [
+    fadeIn,
+    fadeInOut,
+  ],
+  imports: [
+    NgbNavModule,
+    CollectionSelectComponent,
+    ThemedSearchFormComponent,
+    AsyncPipe,
+    TranslateModule,
+    NgIf,
+    BrowserOnlyPipe,
+  ],
+  standalone: true,
+})
+
+export class ItemCollectionMapperComponent extends BaseComponent {
+
+}

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

@@ -23,6 +23,7 @@ import { BrowseByDateComponent } from './app/browse-by/browse-by-date/browse-by-
 import { BrowseByMetadataComponent } from './app/browse-by/browse-by-metadata/browse-by-metadata.component';
 import { BrowseByTaxonomyComponent } from './app/browse-by/browse-by-taxonomy/browse-by-taxonomy.component';
 import { BrowseByTitleComponent } from './app/browse-by/browse-by-title/browse-by-title.component';
+import { CollectionItemMapperComponent } from './app/collection-page/collection-item-mapper/collection-item-mapper.component';
 import { CollectionPageComponent } from './app/collection-page/collection-page.component';
 import { EditItemTemplatePageComponent } from './app/collection-page/edit-item-template-page/edit-item-template-page.component';
 import { CommunityListComponent } from './app/community-list-page/community-list/community-list.component';
@@ -40,6 +41,7 @@ import { FeedbackComponent } from './app/info/feedback/feedback.component';
 import { FeedbackFormComponent } from './app/info/feedback/feedback-form/feedback-form.component';
 import { PrivacyComponent } from './app/info/privacy/privacy.component';
 import { ItemAlertsComponent } from './app/item-page/alerts/item-alerts.component';
+import { ItemCollectionMapperComponent } from './app/item-page/edit-item-page/item-collection-mapper/item-collection-mapper.component';
 import { ItemStatusComponent } from './app/item-page/edit-item-page/item-status/item-status.component';
 import { FullFileSectionComponent } from './app/item-page/full/field-components/file-section/full-file-section.component';
 import { FullItemPageComponent } from './app/item-page/full/full-item-page.component';
@@ -201,6 +203,8 @@ const DECLARATIONS = [
   AdminSearchPageComponent,
   AdminWorkflowPageComponent,
   SearchResultsSkeletonComponent,
+  ItemCollectionMapperComponent,
+  CollectionItemMapperComponent,
 ];
 
 @NgModule({