[DURACOM-506] added spellcheck support

src/app/core/data/search-response-parsing.service.ts

@@ -26,6 +26,7 @@ export class SearchResponseParsingService extends DspaceRestResponseParsingServi
     payload.sort = data.payload.sort;
     payload.scope = data.payload.scope;
     payload.configuration = data.payload.configuration;
+    payload.spellCheckSuggestions = data.payload.spellCheckSuggestions;
     const hitHighlights: MetadataMap[] = payload._embedded.objects
       .map((object) => object.hitHighlights)
       .map((hhObject) => {

src/app/core/shared/search/models/search-query-response.model.ts

@@ -56,4 +56,10 @@ export abstract class SearchQueryResponse<T> extends PaginatedList<T> {
 
   @autoserialize
   facets: any; // TODO
+
+  /**
+   * Spellcheck suggestions from the search backend
+   */
+  @autoserialize
+  spellCheckSuggestions: string[];
 }

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

@@ -18,6 +18,20 @@ <h1>{{ (configuration ? configuration + '.search.results.head' : 'search.results
     <ds-search-export-csv [searchConfig]="searchConfig" [total]="searchResults?.payload?.totalElements"></ds-search-export-csv>
   }
 </div>
+@if (spellCheckSuggestions?.length > 0) {
+  <div class="spellcheck-suggestion mb-2 h3 mt-3">
+    {{ 'search.results.did-you-mean' | translate }}
+    @for (suggestion of spellCheckSuggestions; track suggestion; let last = $last) {
+      <a [routerLink]="['/search']"
+         [queryParams]="{ query: suggestion }"
+         queryParamsHandling="merge"
+         role="link"
+         tabindex="0">
+        {{ suggestion }}
+      </a>{{ last ? '' : ', ' }}
+    }
+  </div>
+}
 @if (searchResults && searchResults?.hasSucceeded && !searchResults?.isLoading && searchResults?.payload?.page.length > 0) {
   <div @fadeIn>
     <ds-viewable-collection

src/app/shared/search/search-results/search-results.component.ts

@@ -120,6 +120,11 @@ export class SearchResultsComponent {
    */
   @Input() configuration: string;
 
+  /**
+   * Spellcheck suggestions from the search backend
+   */
+  @Input() spellCheckSuggestions: string[];
+
   /**
    * Whether or not to hide the header of the results
    * Defaults to a visible header

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

@@ -30,7 +30,7 @@ import {
 })
 export class ThemedSearchResultsComponent extends ThemedComponent<SearchResultsComponent> {
 
-  protected inAndOutputNames: (keyof SearchResultsComponent & keyof this)[] = ['linkType', 'searchResults', 'searchConfig', 'showCsvExport', 'showThumbnails', 'sortConfig', 'viewMode', 'configuration', 'disableHeader', 'selectable', 'context', 'hidePaginationDetail', 'selectionConfig', 'contentChange', 'deselectObject', 'selectObject'];
+  protected inAndOutputNames: (keyof SearchResultsComponent & keyof this)[] = ['linkType', 'searchResults', 'searchConfig', 'showCsvExport', 'showThumbnails', 'sortConfig', 'viewMode', 'configuration', 'disableHeader', 'selectable', 'context', 'hidePaginationDetail', 'selectionConfig', 'contentChange', 'deselectObject', 'selectObject', 'spellCheckSuggestions'];
 
   @Input() linkType: CollectionElementLinkType;
 
@@ -42,6 +42,8 @@ export class ThemedSearchResultsComponent extends ThemedComponent<SearchResultsC
 
   @Input() showThumbnails: boolean;
 
+  @Input() spellCheckSuggestions: string[];
+
   @Input() sortConfig: SortOptions;
 
   @Input() viewMode: ViewMode;

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

@@ -47,6 +47,7 @@
     @if (inPlaceSearch) {
       <ds-search-results
         [searchResults]="resultsRD$ | async"
+        [spellCheckSuggestions]="(resultsRD$ | async)?.payload?.spellCheckSuggestions"
         [searchConfig]="searchOptions$ | async"
         [configuration]="(currentConfiguration$ | async)"
         [disableHeader]="!searchEnabled"

src/assets/i18n/en.json5

@@ -5158,6 +5158,8 @@
 
   "search.results.head": "Search Results",
 
+  "search.results.did-you-mean": "Did you mean?",
+
   "search.results.no-results": "Your search returned no results. Having trouble finding what you're looking for? Try putting",
 
   "search.results.no-results-link": "quotes around it",

src/assets/i18n/it.json5

@@ -8524,7 +8524,9 @@
   // "search.results.head": "Search Results",
   "search.results.head": "Risultati della ricerca",
 
-  // "search.results.no-results": "Your search returned no results. Having trouble finding what you're looking for? Try putting",
+  // "search.results.did-you-mean": "Did you mean?",
+  "search.results.did-you-mean": "Intendevi?",
+
   "search.results.no-results": "La ricerca non ha prodotto alcun risultato. Hai problemi a trovare quello che cerchi? Prova a inserire",
 
   // "search.results.no-results-link": "quotes around it",