From dc4318a39d71971a0145b0c14f2826194fa7b1b1 Mon Sep 17 00:00:00 2001
From: Ilia Orlov <66363651+illfixit@users.noreply.github.com>
Date: Wed, 11 Sep 2024 13:48:48 +0200
Subject: [PATCH] feat: Add Contract Offer Id Element back to the Catalog
 Browser Detail Dialog (#817)

---
 CHANGELOG.md                                         |  2 ++
 .../contract-offer-mini-list.component.html          |  7 +++++++
 .../contract-offer-mini-list.component.ts            | 12 ++++++++++++
 3 files changed, 21 insertions(+)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 2d7cc5f0c..43dbb65f6 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -20,6 +20,8 @@ the detailed section referring to by linking pull requests or issues.
 
 #### Patch
 
+- Data Offer details now display the contract ID for each contract offer
+
 ## [v4.1.3] - 2024-09-03
 
 ### Overview
diff --git a/src/app/component-library/catalog/contract-offer-mini-list/contract-offer-mini-list.component.html b/src/app/component-library/catalog/contract-offer-mini-list/contract-offer-mini-list.component.html
index d1658d1a6..4cfc61cc4 100644
--- a/src/app/component-library/catalog/contract-offer-mini-list/contract-offer-mini-list.component.html
+++ b/src/app/component-library/catalog/contract-offer-mini-list/contract-offer-mini-list.component.html
@@ -21,6 +21,13 @@
     </mat-progress-spinner>
   </div>
 
+  <property-grid
+    class="mb-3"
+    [columns]="1"
+    [props]="
+      contractOfferIdGroup(contractOffer.contractOfferId)
+    "></property-grid>
+
   <property-grid
     [columns]="3"
     [props]="contractOffer.properties"></property-grid>
diff --git a/src/app/component-library/catalog/contract-offer-mini-list/contract-offer-mini-list.component.ts b/src/app/component-library/catalog/contract-offer-mini-list/contract-offer-mini-list.component.ts
index 263681d4d..3c09ee309 100644
--- a/src/app/component-library/catalog/contract-offer-mini-list/contract-offer-mini-list.component.ts
+++ b/src/app/component-library/catalog/contract-offer-mini-list/contract-offer-mini-list.component.ts
@@ -8,6 +8,7 @@ import {
 import {DataOffer} from 'src/app/core/services/models/data-offer';
 import {ContractNegotiationService} from '../../../core/services/contract-negotiation.service';
 import {ContractOffer} from '../../../core/services/models/contract-offer';
+import {PropertyGridField} from '../../property-grid/property-grid/property-grid-field';
 
 @Component({
   selector: 'contract-offer-mini-list',
@@ -25,4 +26,15 @@ export class ContractOfferMiniListComponent {
   negotiateClick = new EventEmitter<ContractOffer>();
 
   constructor(public contractNegotiationService: ContractNegotiationService) {}
+
+  contractOfferIdGroup(id: string): PropertyGridField[] {
+    return [
+      {
+        icon: 'category',
+        label: 'Contract Offer Id',
+        text: this.data.contractOffers.find((it) => it.contractOfferId == id)
+          ?.contractOfferId,
+      },
+    ];
+  }
 }