Merged in ux-plus-2023_02_x-back-porting-UXP-103 (pull request DSpace#1393)

Ux plus 2023 02 x back porting UXP-103

Author: atarix83

src/app/shared/object-list/search-result-list-element/item-search-result/item-types/item/item-search-result-list-element.component.html

@@ -48,6 +48,36 @@
           </div>
         <ds-additional-metadata [object]="dso"></ds-additional-metadata>
         </ds-truncatable>
+        <div *ngIf="fullTextHighlights.length" class="d-flex flex-row item-list-highlights p-3 border-bottom">
+          <div>
+            <ng-container *ngFor="let highlight of fullTextHighlights">
+              <span [innerHTML]="highlight" class="d-block text-monospace small"></span>
+            </ng-container>
+          </div>
+        </div>
+        <div *ngIf="fullTextMirador.length" class="d-flex flex-row item-list-highlights p-3 border-bottom">
+          <div>
+            <ng-container *ngFor="let mirador of fullTextMirador">
+              <span [innerHTML]="mirador" class="d-block text-monospace small"></span>
+            </ng-container>
+          </div>
+          <div class="mirador-btn-wrapper ml-2 pl-2 border-left">
+            <button class="text-center btn btn-outline-primary"
+                    [routerLink]="itemViewerRoute" queryParamsHandling="preserve"
+                    [ngbTooltip]="'item.search.results.open-mirador' | translate"
+            >
+              <i class="fas fa-eye"></i><br><i class="mirador-icon"></i>
+            </button>
+          </div>
+        </div>
+        <div *ngIf="fullTextVideo.length" class="d-flex flex-row item-list-highlights p-3 border-bottom">
+          <hr/>
+          <div>
+            <ng-container *ngFor="let video of fullTextVideo">
+              <span [innerHTML]="video" class="d-block text-monospace small"></span>
+            </ng-container>
+          </div>
+        </div>
         <ds-metric-badges *ngIf="showMetrics" class="d-block clearfix" [item]="dso"></ds-metric-badges>
       </div>
       <div class="align-self-center" *ngIf="showMetrics">

src/app/shared/object-list/search-result-list-element/item-search-result/item-types/item/item-search-result-list-element.component.ts

@@ -6,7 +6,7 @@ import { ViewMode } from '../../../../../../core/shared/view-mode.model';
 import { ItemSearchResult } from '../../../../../object-collection/shared/item-search-result.model';
 import { SearchResultListElementComponent } from '../../../search-result-list-element.component';
 import { Item } from '../../../../../../core/shared/item.model';
-import { getItemPageRoute } from '../../../../../../item-page/item-page-routing-paths';
+import { getItemPageRoute, getItemViewerPath } from '../../../../../../item-page/item-page-routing-paths';
 import { Context } from '../../../../../../core/shared/context.model';
 import { environment } from '../../../../../../../environments/environment';
 import { KlaroService } from '../../../../../cookies/klaro.service';
@@ -40,13 +40,20 @@ export class ItemSearchResultListElementComponent extends SearchResultListElemen
    */
   itemPageRoute: string;
 
+  itemViewerRoute: string;
+
   authorMetadata = environment.searchResult.authorMetadata;
 
+  fullTextHighlights: string[];
+
+  fullTextMirador: string[];
+
+  fullTextVideo: string[];
+
   hasLoadedThirdPartyMetrics$: Observable<boolean>;
 
   private thirdPartyMetrics = environment.info.metricsConsents.filter(metric => metric.enabled).map(metric => metric.key);
 
-
   constructor(
     protected truncatableService: TruncatableService,
     public dsoNameService: DSONameService,
@@ -59,6 +66,10 @@ export class ItemSearchResultListElementComponent extends SearchResultListElemen
   ngOnInit(): void {
     super.ngOnInit();
     this.itemPageRoute = getItemPageRoute(this.dso);
+    this.itemViewerRoute = getItemViewerPath(this.dso, 'iiif');
+    this.fullTextHighlights = this.allMetadataValues('fulltext');
+    this.fullTextMirador = this.allMetadataValues('fulltext.mirador');
+    this.fullTextVideo = this.allMetadataValues('fulltext.video');
   }
 
   /**