From 165558366d04aab0a431f7121b146913d8130910 Mon Sep 17 00:00:00 2001
From: Bertrand Zuchuat <bertrand.zuchuat@rero.ch>
Date: Wed, 1 Dec 2021 16:13:15 +0100
Subject: [PATCH] deposit: allow custom fields to be entered on submission

* Closes rero/sonar#706.

Co-Authored-by: Bertrand Zuchuat <bertrand.zuchuat@rero.ch>
---
 .../app/deposit/editor/editor.component.html  | 27 +++++++++++++++++++
 1 file changed, 27 insertions(+)

diff --git a/projects/sonar/src/app/deposit/editor/editor.component.html b/projects/sonar/src/app/deposit/editor/editor.component.html
index e02330b7..5e9036a8 100644
--- a/projects/sonar/src/app/deposit/editor/editor.component.html
+++ b/projects/sonar/src/app/deposit/editor/editor.component.html
@@ -278,6 +278,33 @@ <h3 class="mt-0 mb-2" [innerHtml]="deposit.metadata.title | nl2br"></h3>
                 </ul>
               </dd>
             </ng-container>
+
+            <ng-container *ngIf="deposit.metadata.customField1 && deposit.metadata.customField1.length">
+              <dt class="col-sm-3" translate>Custom fields 1</dt>
+              <dd class="col-sm-9">
+                <p class="m-0" *ngFor="let customField of deposit.metadata.customField1">
+                  {{ customField }}
+                </p>
+              </dd>
+            </ng-container>
+
+            <ng-container *ngIf="deposit.metadata.customField2 && deposit.metadata.customField2.length">
+              <dt class="col-sm-3" translate>Custom fields 2</dt>
+              <dd class="col-sm-9">
+                <p class="m-0" *ngFor="let customField of deposit.metadata.customField2">
+                  {{ customField }}
+                </p>
+              </dd>
+            </ng-container>
+
+            <ng-container *ngIf="deposit.metadata.customField3 && deposit.metadata.customField3.length">
+              <dt class="col-sm-3" translate>Custom fields 3</dt>
+              <dd class="col-sm-9">
+                <p class="m-0" *ngFor="let customField of deposit.metadata.customField3">
+                  {{ customField }}
+                </p>
+              </dd>
+            </ng-container>
           </dl>
         </ng-container>
       </div>