From d257380670ee1fb51511a442d88ee75c66462836 Mon Sep 17 00:00:00 2001
From: Alisa Ismailati <alisa.ismailati@4science.com>
Date: Thu, 23 Nov 2023 14:42:49 +0100
Subject: [PATCH] [CST-12768] other fixes

---
 .../ldn-services-directory.component.html       | 12 ++++++++++--
 .../notify-info/notify-info.component.html      |  2 +-
 .../notify-info/notify-info.component.ts        | 17 ++++++++++++++++-
 src/assets/i18n/en.json5                        |  2 +-
 4 files changed, 28 insertions(+), 5 deletions(-)

diff --git a/src/app/admin/admin-ldn-services/ldn-services-directory/ldn-services-directory.component.html b/src/app/admin/admin-ldn-services/ldn-services-directory/ldn-services-directory.component.html
index e19f986e1a..52cb7f4750 100644
--- a/src/app/admin/admin-ldn-services/ldn-services-directory/ldn-services-directory.component.html
+++ b/src/app/admin/admin-ldn-services/ldn-services-directory/ldn-services-directory.component.html
@@ -24,8 +24,16 @@
         </thead>
         <tbody>
         <tr *ngFor="let ldnService of (ldnServicesRD$ | async)?.payload?.page">
-          <td>{{ ldnService.name }}</td>
-          <td>{{ ldnService.description }}</td>
+          <td class="col-3">{{ ldnService.name }}</td>
+          <td>
+            <ds-truncatable [id]="ldnService.id">
+              <ds-truncatable-part [id]="ldnService.id" [minLines]="2">
+                <div>
+                  {{ ldnService.description }}
+                </div>
+              </ds-truncatable-part>
+            </ds-truncatable>
+          </td>
           <td>
                         <span (click)="toggleStatus(ldnService, ldnServicesService)"
                               [ngClass]="{ 'status-enabled': ldnService.enabled, 'status-disabled': !ldnService.enabled }"
diff --git a/src/app/core/coar-notify/notify-info/notify-info.component.html b/src/app/core/coar-notify/notify-info/notify-info.component.html
index 640cf27386..b60c989028 100644
--- a/src/app/core/coar-notify/notify-info/notify-info.component.html
+++ b/src/app/core/coar-notify/notify-info/notify-info.component.html
@@ -7,7 +7,7 @@
     <p [innerHTML]="('coar-notify-support-title.content' | translate)"></p>
 
     <h2>{{ 'coar-notify-support.ldn-inbox.title' | translate }}</h2>
-    <p [innerHTML]="('coar-notify-support.ldn-inbox.content' | translate).replace('{ldnInboxUrl}', (coarRestApiUrl | async)?.join(', '))"></p>
+    <p [innerHTML]="('coar-notify-support.ldn-inbox.content' | translate).replace('{ldnInboxUrl}', generateCoarRestApiLinksHTML() | async)"></p>
 
     <h2>{{ 'coar-notify-support.message-moderation.title' | translate }}</h2>
     <p [innerHTML]="('coar-notify-support.message-moderation.content' | translate)"></p>
diff --git a/src/app/core/coar-notify/notify-info/notify-info.component.ts b/src/app/core/coar-notify/notify-info/notify-info.component.ts
index 7de2cf538a..b124b7baa1 100644
--- a/src/app/core/coar-notify/notify-info/notify-info.component.ts
+++ b/src/app/core/coar-notify/notify-info/notify-info.component.ts
@@ -1,6 +1,6 @@
 import { Component, OnInit } from '@angular/core';
 import { NotifyInfoService } from './notify-info.service';
-import { Observable, of } from 'rxjs';
+import { Observable, map, of } from 'rxjs';
 
 @Component({
   selector: 'ds-notify-info',
@@ -21,4 +21,19 @@ export class NotifyInfoComponent implements OnInit {
   ngOnInit() {
     this.coarRestApiUrl = this.notifyInfoService.getCoarLdnLocalInboxUrls();
   }
+
+  /**
+   * Generates HTML code for COAR REST API links.
+   * @returns An Observable that emits the generated HTML code.
+   */
+  generateCoarRestApiLinksHTML() {
+    return this.coarRestApiUrl.pipe(
+      // transform the data into HTML
+      map((urls) => {
+        return urls.map(url => `
+          <code><a href="${url}" target="_blank"><span class="api-url">${url}</span></a></code>
+        `).join(',');
+      })
+    );
+  }
 }
diff --git a/src/assets/i18n/en.json5 b/src/assets/i18n/en.json5
index 008e27558f..1995e68110 100644
--- a/src/assets/i18n/en.json5
+++ b/src/assets/i18n/en.json5
@@ -896,7 +896,7 @@
 
   "coar-notify-support.ldn-inbox.title": "LDN InBox",
 
-  "coar-notify-support.ldn-inbox.content": "For your convenience, our LDN (Linked Data Notifications) InBox is easily accessible at <code>{ldnInboxUrl}ldn/inbox</code>. The LDN InBox enables seamless communication and data exchange, ensuring efficient and effective collaboration.",
+  "coar-notify-support.ldn-inbox.content": "For your convenience, our LDN (Linked Data Notifications) InBox is easily accessible at {ldnInboxUrl}. The LDN InBox enables seamless communication and data exchange, ensuring efficient and effective collaboration.",
 
   "coar-notify-support.message-moderation.title": "Message Moderation",