diff --git a/src/app/footer/footer.component.html b/src/app/footer/footer.component.html index 35487f91ae..4841674852 100644 --- a/src/app/footer/footer.component.html +++ b/src/app/footer/footer.component.html @@ -84,7 +84,7 @@
- + {{ 'footer.link.coar-notify-support' | translate }}
diff --git a/src/app/info/notify-info/notify-info.component.html b/src/app/info/notify-info/notify-info.component.html index 3370f83d03..d54a86b568 100644 --- a/src/app/info/notify-info/notify-info.component.html +++ b/src/app/info/notify-info/notify-info.component.html @@ -1,18 +1,13 @@
- - {{ 'coar-notify-support.title' | translate }} - - -

{{ 'coar-notify-support.title' | translate }}

-

+

{{ 'coar-notify-support.title' | translate }}

+

-

{{ 'coar-notify-support.ldn-inbox.title' | translate }}

-

+

{{ 'coar-notify-support.ldn-inbox.title' | translate }}

+

-

{{ 'coar-notify-support.message-moderation.title' | translate }}

-

- {{ 'coar-notify-support.message-moderation.content' | translate }} - {{ 'coar-notify-support.message-moderation.feedback-form' | translate }} -

- +

{{ 'coar-notify-support.message-moderation.title' | translate }}

+

+ {{ 'coar-notify-support.message-moderation.content' | translate }} + {{ 'coar-notify-support.message-moderation.feedback-form' | translate }} +

diff --git a/src/app/info/notify-info/notify-info.component.spec.ts b/src/app/info/notify-info/notify-info.component.spec.ts index 010227b326..ecd584cfb0 100644 --- a/src/app/info/notify-info/notify-info.component.spec.ts +++ b/src/app/info/notify-info/notify-info.component.spec.ts @@ -16,7 +16,9 @@ describe('NotifyInfoComponent', () => { let notifyInfoServiceSpy: any; beforeEach(async () => { - notifyInfoServiceSpy = jasmine.createSpyObj('NotifyInfoService', ['getCoarLdnLocalInboxUrls']); + notifyInfoServiceSpy = jasmine.createSpyObj('NotifyInfoService', { + getCoarLdnLocalInboxUrls: of([]), + }); await TestBed.configureTestingModule({ imports: [TranslateModule.forRoot(), NotifyInfoComponent], @@ -31,8 +33,7 @@ describe('NotifyInfoComponent', () => { beforeEach(() => { fixture = TestBed.createComponent(NotifyInfoComponent); component = fixture.componentInstance; - component.coarRestApiUrl = of([]); - spyOn(component, 'generateCoarRestApiLinksHTML').and.returnValue(of('')); + component.coarRestApiUrls$ = of(''); fixture.detectChanges(); }); diff --git a/src/app/info/notify-info/notify-info.component.ts b/src/app/info/notify-info/notify-info.component.ts index 38bbf44595..a9b4661fad 100644 --- a/src/app/info/notify-info/notify-info.component.ts +++ b/src/app/info/notify-info/notify-info.component.ts @@ -8,7 +8,6 @@ import { TranslateModule } from '@ngx-translate/core'; import { map, Observable, - of, } from 'rxjs'; import { NotifyInfoService } from '../../core/coar-notify/notify-info/notify-info.service'; @@ -31,26 +30,17 @@ export class NotifyInfoComponent implements OnInit { /** * Observable containing the COAR REST INBOX API URLs. */ - coarRestApiUrl: Observable = of([]); + coarRestApiUrls$: Observable; - constructor(private notifyInfoService: NotifyInfoService) {} + constructor( + protected notifyInfoService: NotifyInfoService, + ) { + } 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 => ` - ${url} - `).join(','); - }), + this.coarRestApiUrls$ = this.notifyInfoService.getCoarLdnLocalInboxUrls().pipe( + map((urls: string[]) => urls.map((url: string) => `${url}`).join(', ')), ); } + } diff --git a/src/assets/i18n/en.json5 b/src/assets/i18n/en.json5 index 5f313c391d..867ee009dc 100644 --- a/src/assets/i18n/en.json5 +++ b/src/assets/i18n/en.json5 @@ -6092,11 +6092,11 @@ "coar-notify-support.title": "COAR Notify Protocol", - "coar-notify-support-title.content": "Here, we fully support the COAR Notify protocol, which is designed to enhance the communication between repositories. To learn more about the COAR Notify protocol, visit the COAR Notify website.", + "coar-notify-support-title.content": "Here, we fully support the COAR Notify protocol, which is designed to enhance the communication between repositories. To learn more about the COAR Notify protocol, visit the COAR Notify website.", "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 {ldnInboxUrl}. 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", diff --git a/src/assets/images/n-coar.png b/src/assets/images/n-coar.png deleted file mode 100644 index 5c4c741572..0000000000 Binary files a/src/assets/images/n-coar.png and /dev/null differ diff --git a/src/assets/images/n-coar.svg b/src/assets/images/n-coar.svg new file mode 100644 index 0000000000..bcc92ae30e --- /dev/null +++ b/src/assets/images/n-coar.svg @@ -0,0 +1,6 @@ + + + +