items: display items notes

Adapts the item detail view to display notes related to an item.
Adds manual translations for note type.

Co-authored-by: Renaud Michotte <renaud.michotte@gmail.com>

projects/admin/src/app/record/detail-view/document-detail-view/holding-item/holding-item.component.html

@@ -19,6 +19,9 @@
     <a [routerLink]="['/records', 'items', 'detail', item.metadata.pid]">
       {{ item.metadata.barcode }}
     </a>
+    <span class="float-right text-warning small pt-1" *ngIf="item.metadata.notes && item.metadata.notes.length > 0">
+      <i class="fa fa-sticky-note-o pr-1"></i>{{ item.metadata.notes.length }}
+    </span>
   </div>
   <div class="col-sm-2">
     {{ item.metadata.status | translate }}

projects/admin/src/app/record/detail-view/item-detail-view/item-detail-view.component.html

@@ -68,6 +68,20 @@ <h1>{{ 'Barcode' | translate }} {{ record.metadata.barcode }}</h1>
     </dl>
   </section>
 
+  <section *ngIf="record.metadata.notes">
+    <div class="card item-notes">
+      <div class="card-header" translate>Notes</div>
+      <div class="card-body">
+        <div class="row mb-3" *ngFor="let note of record.metadata.notes">
+          <div class="col-12">
+            <strong translate>{{ note.type }}</strong>
+          </div>
+          <div class="offset-1 col-11 text-justify">{{ note.content }}</div>
+        </div>
+      </div>
+    </div>
+  </section>
+
   <!-- TRANSACTIONS -->
   <admin-item-transactions [item]="record"></admin-item-transactions>
 </ng-container>