From 969e006e29d7723f36f67d5000489fa30ded3362 Mon Sep 17 00:00:00 2001 From: Sondissimo Date: Wed, 26 Jul 2023 18:27:26 +0200 Subject: [PATCH] CST-11012 Created the footer new icon+text, new json5 texts added, routed the newly created component notify-info.component --- src/app/app-routing-paths.ts | 6 +++++ .../notify-info/notify-info.component.html | 16 +++++++++++ .../notify-info/notify-info.component.scss | 0 .../notify-info/notify-info.component.spec.ts | 25 ++++++++++++++++++ .../notify-info/notify-info.component.ts | 18 +++++++++++++ src/app/footer/footer.component.html | 6 +++++ src/app/footer/footer.component.scss | 13 +++++++++ src/app/info/info-routing.module.ts | 24 ++++++++++++----- src/app/info/info.module.ts | 4 ++- src/assets/i18n/en.json5 | 18 +++++++++++++ src/assets/images/n-coar.png | Bin 0 -> 5564 bytes src/styles/_custom_variables.scss | 1 + 12 files changed, 124 insertions(+), 7 deletions(-) create mode 100644 src/app/core/coar-notify/notify-info/notify-info.component.html create mode 100644 src/app/core/coar-notify/notify-info/notify-info.component.scss create mode 100644 src/app/core/coar-notify/notify-info/notify-info.component.spec.ts create mode 100644 src/app/core/coar-notify/notify-info/notify-info.component.ts create mode 100644 src/assets/images/n-coar.png diff --git a/src/app/app-routing-paths.ts b/src/app/app-routing-paths.ts index fe2837c6e3..518622c8d1 100644 --- a/src/app/app-routing-paths.ts +++ b/src/app/app-routing-paths.ts @@ -32,6 +32,12 @@ export function getBitstreamRequestACopyRoute(item, bitstream): { routerLink: st }; } +export const COAR_NOTIFY_SUPPORT = 'coar-notify-support'; + +export function getCoarNotifyInfoRoute() { + return `/${COAR_NOTIFY_SUPPORT}`; +} + export const HOME_PAGE_PATH = 'admin'; export function getHomePageRoute() { 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 new file mode 100644 index 0000000000..3596acfc67 --- /dev/null +++ b/src/app/core/coar-notify/notify-info/notify-info.component.html @@ -0,0 +1,16 @@ + + + + {{ 'coar-notify-support.title' | translate }} + + +

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

+

+ +

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

+

+ +

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

+

+ + diff --git a/src/app/core/coar-notify/notify-info/notify-info.component.scss b/src/app/core/coar-notify/notify-info/notify-info.component.scss new file mode 100644 index 0000000000..e69de29bb2 diff --git a/src/app/core/coar-notify/notify-info/notify-info.component.spec.ts b/src/app/core/coar-notify/notify-info/notify-info.component.spec.ts new file mode 100644 index 0000000000..eae3a3e3d6 --- /dev/null +++ b/src/app/core/coar-notify/notify-info/notify-info.component.spec.ts @@ -0,0 +1,25 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { NotifyInfoComponent } from './notify-info.component'; + +describe('NotifyInfoComponent', () => { + let component: NotifyInfoComponent; + let fixture: ComponentFixture; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + declarations: [ NotifyInfoComponent ] + }) + .compileComponents(); + }); + + beforeEach(() => { + fixture = TestBed.createComponent(NotifyInfoComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); 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 new file mode 100644 index 0000000000..a144f5d746 --- /dev/null +++ b/src/app/core/coar-notify/notify-info/notify-info.component.ts @@ -0,0 +1,18 @@ +import { Component, OnInit } from '@angular/core'; + +@Component({ + selector: 'ds-notify-info', + templateUrl: './notify-info.component.html', + styleUrls: ['./notify-info.component.scss'] +}) +export class NotifyInfoComponent implements OnInit { + + constructor() { + // + } + + ngOnInit(): void { + // + } + +} diff --git a/src/app/footer/footer.component.html b/src/app/footer/footer.component.html index 97265d7a23..5a77d98269 100644 --- a/src/app/footer/footer.component.html +++ b/src/app/footer/footer.component.html @@ -81,6 +81,12 @@ +
+ + + This site support the COAR Notify protocol + +
diff --git a/src/app/footer/footer.component.scss b/src/app/footer/footer.component.scss index 350295b870..7a1af42bfc 100644 --- a/src/app/footer/footer.component.scss +++ b/src/app/footer/footer.component.scss @@ -22,6 +22,18 @@ } .bottom-footer { + .notify-enabled { + .coar-notify-support-route{ + padding: 0 calc(var(--bs-spacer) / 2); + color: inherit + } + .n-coar{ + height: var(--ds-footer-n-coar-height); + margin-bottom: 7px; + } + margin-top: 15px; + margin-left: 50px; + } ul { li { display: inline-flex; @@ -45,3 +57,4 @@ } + diff --git a/src/app/info/info-routing.module.ts b/src/app/info/info-routing.module.ts index 4c497461e7..9734fa4627 100644 --- a/src/app/info/info-routing.module.ts +++ b/src/app/info/info-routing.module.ts @@ -7,6 +7,8 @@ import { ThemedPrivacyComponent } from './privacy/themed-privacy.component'; import { ThemedFeedbackComponent } from './feedback/themed-feedback.component'; import { FeedbackGuard } from '../core/feedback/feedback.guard'; import { environment } from '../../environments/environment'; +import { COAR_NOTIFY_SUPPORT } from '../app-routing-paths'; +import { NotifyInfoComponent } from '../core/coar-notify/notify-info/notify-info.component'; const imports = [ @@ -18,11 +20,21 @@ const imports = [ data: { title: 'info.feedback.title', breadcrumbKey: 'info.feedback' }, canActivate: [FeedbackGuard] } + ]), + RouterModule.forChild([ + { + path: COAR_NOTIFY_SUPPORT, + component: NotifyInfoComponent, + resolve: { breadcrumb: I18nBreadcrumbResolver }, + data: { title: 'info.coar-notify-support.title', breadcrumbKey: 'info.coar-notify-support' }, + // TODO: create authGuard for COAR_NOTIFY + // canActivate: [FeedbackGuard] + } ]) ]; - if (environment.info.enableEndUserAgreement) { - imports.push( +if (environment.info.enableEndUserAgreement) { + imports.push( RouterModule.forChild([ { path: END_USER_AGREEMENT_PATH, @@ -31,9 +43,9 @@ const imports = [ data: { title: 'info.end-user-agreement.title', breadcrumbKey: 'info.end-user-agreement' } } ])); - } - if (environment.info.enablePrivacyStatement) { - imports.push( +} +if (environment.info.enablePrivacyStatement) { + imports.push( RouterModule.forChild([ { path: PRIVACY_PATH, @@ -42,7 +54,7 @@ const imports = [ data: { title: 'info.privacy.title', breadcrumbKey: 'info.privacy' } } ])); - } +} @NgModule({ imports: [ diff --git a/src/app/info/info.module.ts b/src/app/info/info.module.ts index ccc4af0a7d..0cadbf4bfa 100644 --- a/src/app/info/info.module.ts +++ b/src/app/info/info.module.ts @@ -13,6 +13,7 @@ import { FeedbackFormComponent } from './feedback/feedback-form/feedback-form.co import { ThemedFeedbackFormComponent } from './feedback/feedback-form/themed-feedback-form.component'; import { ThemedFeedbackComponent } from './feedback/themed-feedback.component'; import { FeedbackGuard } from '../core/feedback/feedback.guard'; +import { NotifyInfoComponent } from '../core/coar-notify/notify-info/notify-info.component'; const DECLARATIONS = [ @@ -25,7 +26,8 @@ const DECLARATIONS = [ FeedbackComponent, FeedbackFormComponent, ThemedFeedbackFormComponent, - ThemedFeedbackComponent + ThemedFeedbackComponent, + NotifyInfoComponent ]; @NgModule({ diff --git a/src/assets/i18n/en.json5 b/src/assets/i18n/en.json5 index 3a5ff742df..9d72aec64f 100644 --- a/src/assets/i18n/en.json5 +++ b/src/assets/i18n/en.json5 @@ -867,6 +867,20 @@ "claimed-declined-task-search-result-list-element.title": "Declined, sent back to Review Manager's workflow", + "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, you can visit their official website here.", + + "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 ${restApiUrl}/ldn/inbox. The LDN InBox enables seamless communication and data exchange, ensuring efficient and effective collaboration.", + + "coar-notify-support.message-moderation.title": "Message Moderation", + + "coar-notify-support.message-moderation.content": "To ensure a secure and productive environment, all incoming LDN messages are moderated. If you are planning to exchange information with us, kindly reach out via our dedicated Feedback form. You can access the Feedback form by clicking here.", + + + "collection.create.head": "Create a Collection", "collection.create.notifications.success": "Successfully created the Collection", @@ -1881,6 +1895,10 @@ "info.feedback.breadcrumbs": "Feedback", + "info.coar-notify-support.title":"Notify Support", + + "info.coar-notify-support": "Notify Support", + "info.feedback.head": "Feedback", "info.feedback.title": "Feedback", diff --git a/src/assets/images/n-coar.png b/src/assets/images/n-coar.png new file mode 100644 index 0000000000000000000000000000000000000000..5c4c7415724392bb1c7bca439afbf0c6f5c006e9 GIT binary patch literal 5564 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 literal 0 HcmV?d00001 diff --git a/src/styles/_custom_variables.scss b/src/styles/_custom_variables.scss index ddf490c7a7..549a3f1d33 100644 --- a/src/styles/_custom_variables.scss +++ b/src/styles/_custom_variables.scss @@ -70,6 +70,7 @@ --ds-footer-padding: 0; --ds-footer-padding-bottom: 0; --ds-footer-logo-height: 50px; + --ds-footer-n-coar-height: 20px; $home-news-link-color: $cyan; --ds-home-news-link-color: #{$home-news-link-color};