hazza/dspace-angular
1
0
Fork 1
mirror of https://github.com/DSpace/dspace-angular.git synced 2025-10-07 10:04:11 +00:00
Code Issues Packages Projects Releases Wiki Activity

CST-11012 Created the footer new icon+text, new json5 texts added, routed the newly created component notify-info.component

Browse Source
This commit is contained in:
Sondissimo
2023-07-26 18:27:26 +02:00
parent 3c27e44429
commit 969e006e29
12 changed files with 124 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/app/app-routing-paths.ts
View File

@@ -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 const HOME_PAGE_PATH = 'admin';
export function getHomePageRoute() { export function getHomePageRoute() {

16
src/app/core/coar-notify/notify-info/notify-info.component.html Normal file
View File

@@ -0,0 +1,16 @@
<!DOCTYPE html>
<html>
<head>
<title>{{ 'coar-notify-support.title' | translate }}</title>
</head>
<body>
<h1>{{ 'coar-notify-support.title' | translate }}</h1>
<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)"></p>
<h2>{{ 'coar-notify-support.message-moderation.title' | translate }}</h2>
<p [innerHTML]="('coar-notify-support.message-moderation.content' | translate)"></p>
</body>
</html>

0
src/app/core/coar-notify/notify-info/notify-info.component.scss Normal file
View File

25
src/app/core/coar-notify/notify-info/notify-info.component.spec.ts Normal file
View File

@@ -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<NotifyInfoComponent>;
beforeEach(async () => {
await TestBed.configureTestingModule({
declarations: [ NotifyInfoComponent ]
})
.compileComponents();
});
beforeEach(() => {
fixture = TestBed.createComponent(NotifyInfoComponent);
component = fixture.componentInstance;
fixture.detectChanges();
});
it('should create', () => {
expect(component).toBeTruthy();
});
});

18
src/app/core/coar-notify/notify-info/notify-info.component.ts Normal file
View File

@@ -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 {
//
}
}

6
src/app/footer/footer.component.html
View File

@@ -81,6 +81,12 @@
</li> </li>
</ul> </ul>
</div> </div>
<div class="notify-enabled">
<a class="coar-notify-support-route" routerLink="info/coar-notify-support">
<img class="n-coar" src="assets/images/n-coar.png" [attr.alt]="'menu.header.image.logo' | translate" />
This site support the COAR Notify protocol
</a>
</div>
</div> </div>
<!-- Copyright --> <!-- Copyright -->
</footer> </footer>

13
src/app/footer/footer.component.scss
View File

@@ -22,6 +22,18 @@
} }
.bottom-footer { .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 { ul {
li { li {
display: inline-flex; display: inline-flex;
@@ -45,3 +57,4 @@
} }

24
src/app/info/info-routing.module.ts
View File

@@ -7,6 +7,8 @@ import { ThemedPrivacyComponent } from './privacy/themed-privacy.component';
import { ThemedFeedbackComponent } from './feedback/themed-feedback.component'; import { ThemedFeedbackComponent } from './feedback/themed-feedback.component';
import { FeedbackGuard } from '../core/feedback/feedback.guard'; import { FeedbackGuard } from '../core/feedback/feedback.guard';
import { environment } from '../../environments/environment'; 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 = [ const imports = [
@@ -18,11 +20,21 @@ const imports = [
data: { title: 'info.feedback.title', breadcrumbKey: 'info.feedback' }, data: { title: 'info.feedback.title', breadcrumbKey: 'info.feedback' },
canActivate: [FeedbackGuard] 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) { if (environment.info.enableEndUserAgreement) {
imports.push( imports.push(
RouterModule.forChild([ RouterModule.forChild([
{ {
path: END_USER_AGREEMENT_PATH, path: END_USER_AGREEMENT_PATH,
@@ -31,9 +43,9 @@ const imports = [
data: { title: 'info.end-user-agreement.title', breadcrumbKey: 'info.end-user-agreement' } data: { title: 'info.end-user-agreement.title', breadcrumbKey: 'info.end-user-agreement' }
} }
])); ]));
} }
if (environment.info.enablePrivacyStatement) { if (environment.info.enablePrivacyStatement) {
imports.push( imports.push(
RouterModule.forChild([ RouterModule.forChild([
{ {
path: PRIVACY_PATH, path: PRIVACY_PATH,
@@ -42,7 +54,7 @@ const imports = [
data: { title: 'info.privacy.title', breadcrumbKey: 'info.privacy' } data: { title: 'info.privacy.title', breadcrumbKey: 'info.privacy' }
} }
])); ]));
} }
@NgModule({ @NgModule({
imports: [ imports: [

4
src/app/info/info.module.ts
View File

@@ -13,6 +13,7 @@ import { FeedbackFormComponent } from './feedback/feedback-form/feedback-form.co
import { ThemedFeedbackFormComponent } from './feedback/feedback-form/themed-feedback-form.component'; import { ThemedFeedbackFormComponent } from './feedback/feedback-form/themed-feedback-form.component';
import { ThemedFeedbackComponent } from './feedback/themed-feedback.component'; import { ThemedFeedbackComponent } from './feedback/themed-feedback.component';
import { FeedbackGuard } from '../core/feedback/feedback.guard'; import { FeedbackGuard } from '../core/feedback/feedback.guard';
import { NotifyInfoComponent } from '../core/coar-notify/notify-info/notify-info.component';
const DECLARATIONS = [ const DECLARATIONS = [
@@ -25,7 +26,8 @@ const DECLARATIONS = [
FeedbackComponent, FeedbackComponent,
FeedbackFormComponent, FeedbackFormComponent,
ThemedFeedbackFormComponent, ThemedFeedbackFormComponent,
ThemedFeedbackComponent ThemedFeedbackComponent,
NotifyInfoComponent
]; ];
@NgModule({ @NgModule({

18
src/assets/i18n/en.json5
View File

@@ -867,6 +867,20 @@
"claimed-declined-task-search-result-list-element.title": "Declined, sent back to Review Manager's workflow", "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 <a href=\"https://notify.coar-repositories.org/\">here</a>.",
"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>${restApiUrl}/ldn/inbox</code>. 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 <a href=\"/feedback\">here</a>.",
"collection.create.head": "Create a Collection", "collection.create.head": "Create a Collection",
"collection.create.notifications.success": "Successfully created the Collection", "collection.create.notifications.success": "Successfully created the Collection",
@@ -1881,6 +1895,10 @@
"info.feedback.breadcrumbs": "Feedback", "info.feedback.breadcrumbs": "Feedback",
"info.coar-notify-support.title":"Notify Support",
"info.coar-notify-support": "Notify Support",
"info.feedback.head": "Feedback", "info.feedback.head": "Feedback",
"info.feedback.title": "Feedback", "info.feedback.title": "Feedback",

BIN
src/assets/images/n-coar.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 5.4 KiB

1
src/styles/_custom_variables.scss
View File

@@ -70,6 +70,7 @@
--ds-footer-padding: 0; --ds-footer-padding: 0;
--ds-footer-padding-bottom: 0; --ds-footer-padding-bottom: 0;
--ds-footer-logo-height: 50px; --ds-footer-logo-height: 50px;
--ds-footer-n-coar-height: 20px;
$home-news-link-color: $cyan; $home-news-link-color: $cyan;
--ds-home-news-link-color: #{$home-news-link-color}; --ds-home-news-link-color: #{$home-news-link-color};