Invent an About page.

Author: mwoodiupui

src/app/about/about-page.component.html

@@ -0,0 +1,6 @@
+<div class='container'>
+  <p>
+    {{ 'about.attribution.text' | translate }}
+    <a href='https://wiki.lyrasis.org/display/DSPACE/Home'>DSpace</a>.
+  </p>
+</div>

src/app/about/about-page.component.scss

@@ -0,0 +1,12 @@
+import { Component } from '@angular/core';
+import { TranslateModule } from '@ngx-translate/core';
+
+@Component({
+    selector: 'ds-base-about',
+    styleUrls: ['about-page.component.scss'],
+    templateUrl: 'about-page.component.html',
+    standalone: true,
+    imports: [TranslateModule],
+})
+export class AboutComponent{
+}

src/app/about/about-page.component.ts

@@ -0,0 +1,30 @@
+import { Component } from '@angular/core';
+
+import { ThemedComponent } from '../shared/theme-support/themed.component';
+import { AboutComponent } from './about-page.component';
+
+/**
+ * Themed wrapper for AboutComponent
+ */
+@Component({
+  selector: 'ds-about',
+  styleUrls: [],
+  templateUrl: '../shared/theme-support/themed.component.html',
+  standalone: true,
+  imports: [
+    AboutComponent,
+  ],
+})
+export class ThemedAboutComponent extends ThemedComponent<AboutComponent> {
+  protected getComponentName(): string {
+    return 'AboutComponent';
+  }
+
+  protected importThemedComponent(themeName: string): Promise<any> {
+    return import(`../../themes/${themeName}/app/about/about-page.component`);
+  }
+
+  protected importUnthemedComponent(): Promise<any> {
+    return import('./about-page.component');
+  }
+}

src/app/about/themed-about-page.component.ts

@@ -27,6 +27,7 @@ import { ServerCheckGuard } from '@dspace/core/server-check/server-check.guard';
 import { ACCESS_CONTROL_MODULE_PATH } from './access-control/access-control-routing-paths';
 import { NOTIFICATIONS_MODULE_PATH } from './admin/admin-routing-paths';
 import {
+  ABOUT_PATH,
   ADMIN_MODULE_PATH,
   FORGOT_PASSWORD_PATH,
   HEALTH_PAGE_PATH,
@@ -36,6 +37,7 @@ import {
   WORKFLOW_ITEM_MODULE_PATH,
 } from './app-routing-paths';
 import { notAuthenticatedGuard } from './core/auth/not-authenticated.guard';
+import { ThemedAboutComponent } from 'src/app/about/themed-about-page.component';
 import { ThemedForbiddenComponent } from './forbidden/themed-forbidden.component';
 import { homePageResolver } from './home-page/home-page.resolver';
 import { provideSuggestionNotificationsState } from './notifications/provide-suggestion-notifications-state';
@@ -48,6 +50,7 @@ import { provideSubmissionState } from './submission/provide-submission-state';
 import { SUGGESTION_MODULE_PATH } from './suggestions-page/suggestions-page-routing-paths';
 
 export const APP_ROUTES: Route[] = [
+  { path: ABOUT_PATH, component: ThemedAboutComponent },
   { path: INTERNAL_SERVER_ERROR, component: ThemedPageInternalServerErrorComponent },
   { path: ERROR_PAGE, component: ThemedPageErrorComponent },
   {

src/app/app-routes.ts

@@ -1,5 +1,7 @@
 export const COAR_NOTIFY_SUPPORT = 'coar-notify-support';
 
+export const ABOUT_PATH = 'about';
+
 export const ADMIN_MODULE_PATH = 'admin';
 
 export function getAdminModuleRoute() {

src/app/app-routing-paths.ts

@@ -7213,4 +7213,6 @@
   "item.preview.organization.address.addressLocality": "City",
 
   "item.preview.organization.alternateName": "Alternative name",
+
+  "about.attribution.text": "This repository is built with",
 }