Add listed results for home search

src/app/shared/object-list/object-list.component.html

@@ -16,6 +16,9 @@
         (next)="goNext()">
     <ul *ngIf="objects?.hasSucceeded" class="list-unstyled" [ngClass]="{'ml-4': selectable}">
         <li *ngFor="let object of objects?.payload?.page; let i = index; let last = last" class="mt-4 mb-4 d-flex" [class.border-bottom]="hasBorder && !last" [attr.data-test]="'list-object' | dsBrowserOnly">
+          <div class="p-1" *ngIf="getNumber(i)">
+            <span class="badge">{{getNumber(i)}}</span>
+          </div>
           <ds-selectable-list-item-control *ngIf="selectable" [index]="i"
                                            [object]="object"
                                            [selectionConfig]="selectionConfig"

src/app/shared/object-list/object-list.component.scss

@@ -1,3 +1,9 @@
 ds-selectable-list-item-control {
   z-index: 1
 }
+span {
+  font-size: small;
+  color: #207698;
+  border: #207698 2px solid;
+  background-color: white;
+}

src/app/shared/object-list/object-list.component.ts

@@ -9,6 +9,7 @@ import { SelectableListService } from './selectable-list/selectable-list.service
 import { ViewMode } from '../../core/shared/view-mode.model';
 import { Context } from '../../core/shared/context.model';
 import { CollectionElementLinkType } from '../object-collection/collection-element-link.type';
+import {hasValue} from "../empty.util";
 
 @Component({
   changeDetection: ChangeDetectionStrategy.Default,
@@ -227,4 +228,20 @@ export class ObjectListComponent {
       this.next.emit(true);
   }
 
+  /**
+  * @Description check if it is valid to return the number
+  * */
+  get isValidForShowItemNumbered() {
+    return hasValue(this.objects?.payload?.currentPage) && hasValue(this.objects?.payload?.elementsPerPage);
+  }
+
+  /**
+   * @Description return  the current position of the item in the search
+   * */
+  getNumber(index: number): number {
+    if (this.isValidForShowItemNumbered) {
+      return ((this.objects?.payload?.currentPage - 1) * this.objects?.payload?.elementsPerPage) + (index + 1);
+    }
+    return null;
+  }
 }