Merge pull request DSpace#1832 from atmire/w2p-89685_themed-search-settings-component

make search-settings.component themed

Author: tdonohue

src/app/shared/search/search-settings/themed-search-settings.component.ts

@@ -0,0 +1,33 @@
+import { Component, Input } from '@angular/core';
+import { ThemedComponent } from '../../theme-support/themed.component';
+import { SearchSettingsComponent } from './search-settings.component';
+import { SortOptions } from '../../../core/cache/models/sort-options.model';
+
+/**
+ * Themed wrapper for SearchSettingsComponent
+ */
+@Component({
+  selector: 'ds-themed-search-settings',
+  styleUrls: [],
+  templateUrl: '../../theme-support/themed.component.html',
+})
+export class ThemedSearchSettingsComponent extends ThemedComponent<SearchSettingsComponent> {
+  @Input() currentSortOption: SortOptions;
+  @Input() sortOptionsList: SortOptions[];
+
+
+  protected inAndOutputNames: (keyof SearchSettingsComponent & keyof this)[] = [
+    'currentSortOption', 'sortOptionsList'];
+
+  protected getComponentName(): string {
+    return 'SearchSettingsComponent';
+  }
+
+  protected importThemedComponent(themeName: string): Promise<any> {
+    return import(`../../../../themes/${themeName}/app/shared/search/search-settings/search-settings.component`);
+  }
+
+  protected importUnthemedComponent(): Promise<any> {
+    return import('./search-settings.component');
+  }
+}

src/app/shared/search/search-sidebar/search-sidebar.component.html

@@ -21,7 +21,8 @@
                                [currentConfiguration]="configuration"
                                [refreshFilters]="refreshFilters"
                                [inPlaceSearch]="inPlaceSearch"></ds-search-filters>
-            <ds-search-settings [currentSortOption]="currentSortOption" [sortOptionsList]="sortOptionsList"></ds-search-settings>
+            <ds-themed-search-settings [currentSortOption]="currentSortOption"
+                                       [sortOptionsList]="sortOptionsList"></ds-themed-search-settings>
         </div>
     </div>
 </div>

src/app/shared/search/search.module.ts

@@ -30,6 +30,7 @@ import { SearchResultsComponent } from './search-results/search-results.componen
 import { SearchComponent } from './search.component';
 import { ThemedSearchComponent } from './themed-search.component';
 import { ThemedSearchResultsComponent } from './search-results/themed-search-results.component';
+import { ThemedSearchSettingsComponent } from './search-settings/themed-search-settings.component';
 
 const COMPONENTS = [
   SearchComponent,
@@ -55,6 +56,7 @@ const COMPONENTS = [
   ConfigurationSearchPageComponent,
   ThemedConfigurationSearchPageComponent,
   ThemedSearchResultsComponent,
+  ThemedSearchSettingsComponent,
 ];
 
 const ENTRY_COMPONENTS = [

src/themes/custom/app/shared/search/search-settings/search-settings.component.html

@@ -0,0 +1,31 @@
+/**
+ * The contents of this file are subject to the license and copyright
+ * detailed in the LICENSE_ATMIRE and NOTICE_ATMIRE files at the root of the source
+ * tree and available online at
+ *
+ * https://www.atmire.com/software-license/
+ */
+import { Component } from '@angular/core';
+import {
+  SearchSettingsComponent as BaseComponent,
+} from '../../../../../../app/shared/search/search-settings/search-settings.component';
+import { SEARCH_CONFIG_SERVICE } from '../../../../../../app/my-dspace-page/my-dspace-page.component';
+import { SearchConfigurationService } from '../../../../../../app/core/shared/search/search-configuration.service';
+
+
+@Component({
+  selector: 'ds-search-settings',
+  // styleUrls: ['./search-settings.component.scss'],
+  styleUrls: ['../../../../../../app/shared/search/search-settings/search-settings.component.scss'],
+  // templateUrl: './search-settings.component.html',
+  templateUrl: '../../../../../../app/shared/search/search-settings/search-settings.component.html',
+  providers: [
+    {
+      provide: SEARCH_CONFIG_SERVICE,
+      useClass: SearchConfigurationService
+    }
+  ]
+
+})
+
+export class SearchSettingsComponent extends BaseComponent {}

src/themes/custom/app/shared/search/search-settings/search-settings.component.scss

@@ -99,6 +99,7 @@ import {
 import { LoadingComponent } from './app/shared/loading/loading.component';
 import { SearchResultsComponent } from './app/shared/search/search-results/search-results.component';
 import { AdminSidebarComponent } from './app/admin/admin-sidebar/admin-sidebar.component';
+import { SearchSettingsComponent } from './app/shared/search/search-settings/search-settings.component';
 import {
   CommunityPageSubCommunityListComponent
 } from './app/community-page/sub-community-list/community-page-sub-community-list.component';
@@ -152,6 +153,7 @@ const DECLARATIONS = [
   LoadingComponent,
   SearchResultsComponent,
   AdminSidebarComponent,
+  SearchSettingsComponent
 ];
 
 @NgModule({