From 95645f5406d8314fcab890cf61e5f41bfe813b4b Mon Sep 17 00:00:00 2001
From: Victor Hugo Duran Santiago <victorhugodurans@gmail.com>
Date: Thu, 6 Jun 2024 10:18:46 -0600
Subject: [PATCH] Add listed results for home search

---
 .../object-list/object-list.component.html      |  3 +++
 .../object-list/object-list.component.scss      |  6 ++++++
 .../shared/object-list/object-list.component.ts | 17 +++++++++++++++++
 3 files changed, 26 insertions(+)

diff --git a/src/app/shared/object-list/object-list.component.html b/src/app/shared/object-list/object-list.component.html
index 5580c541f92..dbfdf1f52f8 100644
--- a/src/app/shared/object-list/object-list.component.html
+++ b/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"
diff --git a/src/app/shared/object-list/object-list.component.scss b/src/app/shared/object-list/object-list.component.scss
index a6368583cff..b24b01cd1a2 100644
--- a/src/app/shared/object-list/object-list.component.scss
+++ b/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;
+}
diff --git a/src/app/shared/object-list/object-list.component.ts b/src/app/shared/object-list/object-list.component.ts
index 5161b754598..de9d696cfa2 100644
--- a/src/app/shared/object-list/object-list.component.ts
+++ b/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;
+  }
 }