Qrepo 235

src/app/item-page/field-components/metadata-doi-values/metadata-doi-values.component.html

@@ -0,0 +1,8 @@
+<ds-metadata-field-wrapper [label]="label | translate">
+    <span *ngFor="let mdValue of mdValues; let last = last">
+        <a class="dont-break-out" [href]="formatDoiUrl(mdValue.value)" target="_blank" rel="noopener noreferrer">
+            {{ linkText || mdValue.value }}
+        </a>
+        <span *ngIf="!last" [innerHTML]="separator"></span>
+    </span>
+</ds-metadata-field-wrapper>

src/app/item-page/field-components/metadata-doi-values/metadata-doi-values.component.ts

@@ -0,0 +1,60 @@
+import {
+  NgForOf,
+  NgIf,
+} from '@angular/common';
+import {
+  Component,
+  Input,
+} from '@angular/core';
+import { TranslateModule } from '@ngx-translate/core';
+
+import { MetadataValue } from '../../../core/shared/metadata.models';
+import { MetadataFieldWrapperComponent } from '../../../shared/metadata-field-wrapper/metadata-field-wrapper.component';
+import { MetadataValuesComponent } from '../metadata-values/metadata-values.component';
+
+/**
+ * This component renders DOIs into the `ds-metadata-field-wrapper` component as clickable links.
+ * Each DOI is transformed into a valid URL (e.g., `https://doi.org/...`) and displayed with custom text if provided.
+ */
+@Component({
+  selector: 'ds-metadata-doi-values',
+  templateUrl: './metadata-doi-values.component.html',
+  imports: [
+    MetadataFieldWrapperComponent,
+    TranslateModule,
+    NgForOf,
+    NgIf,
+  ],
+  standalone: true,
+})
+export class MetadataDoiValuesComponent extends MetadataValuesComponent {
+  /**
+   * The metadata values (DOIs) to display
+   */
+  @Input() mdValues: MetadataValue[];
+
+  /**
+   * The separator used between multiple DOIs
+   */
+  @Input() separator: string;
+
+  /**
+   * The label for this field
+   */
+  @Input() label: string;
+
+  /**
+   * Optional custom text for the DOI links
+   * If undefined, the raw DOI value is displayed
+   */
+  @Input() linkText: string;
+
+  /**
+   * Converts a raw DOI value into a full URL
+   * @param doi Raw DOI string (e.g., `10.1234/example.doi`)
+   * @returns Full URL for the DOI (e.g., `https://doi.org/10.1234/example.doi`)
+   */
+  formatDoiUrl(doi: string): string {
+    return `https://doi.org/${doi}`;
+  }
+}

src/app/item-page/simple/field-components/specific-field/doi/item-page-doi-field.component.html

@@ -0,0 +1,7 @@
+<div class="item-page-field">
+  <ds-metadata-doi-values
+    [mdValues]="doiValues"
+    [separator]="separator"
+    [label]="label">
+  </ds-metadata-doi-values>
+</div>

src/app/item-page/simple/field-components/specific-field/doi/item-page-doi-field.component.ts

@@ -0,0 +1,49 @@
+import {
+  Component,
+  Input,
+} from '@angular/core';
+import { MetadataDoiValuesComponent } from 'src/app/item-page/field-components/metadata-doi-values/metadata-doi-values.component';
+
+import { Item } from '../../../../../core/shared/item.model';
+import { ItemPageFieldComponent } from '../item-page-field.component';
+
+/**
+ * This component displays DOIs on a simple item page using the MetadataDoiValuesComponent.
+ * It converts DOIs into clickable links, separators, and labels.
+ */
+@Component({
+  selector: 'ds-item-page-doi-field',
+  templateUrl: './item-page-doi-field.component.html',
+  standalone: true,
+  imports: [
+    MetadataDoiValuesComponent,
+  ],
+})
+export class ItemPageDoiFieldComponent extends ItemPageFieldComponent {
+  /**
+   * The item to display metadata for
+   */
+  @Input() item: Item;
+
+  /**
+   * Separator string between multiple DOIs
+   */
+  @Input() separator = ', ';
+
+  /**
+   * Metadata fields containing DOIs
+   */
+  @Input() fields: string[] = ['dc.identifier.doi'];
+
+  /**
+   * Label for the DOI field
+   */
+  @Input() label = 'item.page.doi';
+
+  /**
+   * Get metadata values for the provided fields
+   */
+  get doiValues() {
+    return this.item?.allMetadata(this.fields) || [];
+  }
+}

src/app/item-page/simple/item-types/untyped-item/untyped-item.component.scss

@@ -1,2 +1 @@
 @import '../../../../../styles/variables.scss';
-

src/assets/i18n/en.json5

@@ -2762,6 +2762,8 @@
 
   "item.page.uri": "URI",
 
+  "item.page.doi": "DOI",
+
   "item.page.bitstreams.view-more": "Show more",
 
   "item.page.bitstreams.collapse": "Collapse",
@@ -5584,7 +5586,7 @@
 
   "thumbnail.person.placeholder": "No Profile Picture Available",
 
-  title: "DSpace",
+  "title": "DSpace",
 
   "vocabulary-treeview.header": "Hierarchical tree view",
 

src/assets/i18n/hu.json5

@@ -4193,6 +4193,9 @@
   // "item.page.uri": "URI",
   "item.page.uri": "URI",
 
+  //"item.page.doi": "DOI",
+  "item.page.doi": "DOI",
+
   // "item.page.bitstreams.view-more": "Show more",
   "item.page.bitstreams.view-more": "Tovább",
 

src/themes/szerep/app/item-page/simple/item-types/untyped-item/untyped-item.component.html

@@ -0,0 +1,99 @@
+<ds-results-back-button *ngIf="showBackButton$ | async" [back]="back"></ds-results-back-button>
+<div class="row" *ngIf="iiifEnabled">
+  <div class="col-12">
+    <ds-mirador-viewer id="iiif-viewer"
+                   [object]="object"
+                   [searchable]="iiifSearchEnabled"
+                   [query]="iiifQuery$ | async">
+    </ds-mirador-viewer>
+  </div>
+</div>
+
+<div class="d-flex flex-row">
+  <ds-item-page-title-field [item]="object" class="mr-auto">
+  </ds-item-page-title-field>
+  <ds-dso-edit-menu></ds-dso-edit-menu>
+</div>
+<div class="row">
+  <div class="col-xs-12 col-md-4">
+    <ng-container *ngIf="!(mediaViewer.image || mediaViewer.video)">
+      <ds-metadata-field-wrapper [hideIfNoTextContent]="false">
+        <ds-thumbnail [thumbnail]="object?.thumbnail | async"></ds-thumbnail>
+      </ds-metadata-field-wrapper>
+    </ng-container>
+    <div *ngIf="mediaViewer.image || mediaViewer.video" class="mb-2">
+      <ds-media-viewer [item]="object"></ds-media-viewer>
+    </div>
+    <ds-item-page-file-section [item]="object"></ds-item-page-file-section>
+    <ds-item-page-date-field [item]="object"></ds-item-page-date-field>
+    <ds-metadata-representation-list class="ds-item-page-mixed-author-field"
+      [parentItem]="object"
+      [itemType]="'Person'"
+      [metadataFields]="['dc.contributor.author', 'dc.creator']"
+      [label]="'relationships.isAuthorOf' | translate">
+    </ds-metadata-representation-list>
+    <ds-generic-item-page-field [item]="object"
+      [fields]="['journal.title']"
+      [label]="'item.page.journal-title'">
+    </ds-generic-item-page-field>
+    <ds-generic-item-page-field [item]="object"
+      [fields]="['journal.identifier.issn']"
+      [label]="'item.page.journal-issn'">
+    </ds-generic-item-page-field>
+    <ds-generic-item-page-field [item]="object"
+      [fields]="['journalvolume.identifier.name']"
+      [label]="'item.page.volume-title'">
+    </ds-generic-item-page-field>
+    <ds-generic-item-page-field [item]="object"
+      [fields]="['dc.publisher']"
+      [label]="'item.page.publisher'">
+    </ds-generic-item-page-field>
+  </div>
+  <div class="col-xs-12 col-md-6">
+    <ds-item-page-abstract-field [item]="object"></ds-item-page-abstract-field>
+    <ds-generic-item-page-field [item]="object"
+      [fields]="['dc.description']"
+      [label]="'item.page.description'">
+    </ds-generic-item-page-field>
+
+    <ds-generic-item-page-field [item]="object"
+      [fields]="['dc.subject']"
+      [separator]="', '"
+      [label]="'item.page.subject'">
+    </ds-generic-item-page-field>
+    <ds-generic-item-page-field [item]="object"
+      [fields]="['dc.identifier.citation']"
+      [label]="'item.page.citation'">
+    </ds-generic-item-page-field>
+    <ds-item-page-uri-field [item]="object"
+      [fields]="['dc.identifier.uri']"
+      [label]="'item.page.uri'">
+    </ds-item-page-uri-field>
+    <ds-item-page-collections [item]="object"></ds-item-page-collections>
+    <ds-item-page-uri-field [item]="object"
+      [fields]="['coar.notify.endorsedBy']"
+      [label]="'item.page.endorsement'">
+    </ds-item-page-uri-field>
+    <ds-item-page-uri-field [item]="object"
+      [fields]="['datacite.relation.isReviewedBy']"
+      [label]="'item.page.review'">
+    </ds-item-page-uri-field>
+    <ds-item-page-uri-field [item]="object"
+      [fields]="['datacite.relation.isSupplementedBy']"
+      [label]="'item.page.supplemented'">
+    </ds-item-page-uri-field>
+    <ds-item-page-uri-field [item]="object"
+      [fields]="['datacite.relation.isReferencedBy']"
+      [label]="'item.page.referenced'">
+    </ds-item-page-uri-field>
+    <ds-item-page-doi-field [item]="object" [separator]=" " [label]="'item.page.doi'">
+    </ds-item-page-doi-field>
+    <ds-item-page-cc-license-field [item]="object" [variant]="'full'">
+    </ds-item-page-cc-license-field>
+    <div>
+      <a class="btn btn-outline-primary" [routerLink]="[itemPageRoute + '/full']" role="button">
+        <i class="fas fa-info-circle"></i> {{"item.page.link.full" | translate}}
+      </a>
+    </div>
+  </div>
+</div>

src/themes/szerep/app/item-page/simple/item-types/untyped-item/untyped-item.component.scss

@@ -0,0 +1 @@
+@import '../../../../../../../../src/styles/_variables.scss';

src/themes/szerep/app/item-page/simple/item-types/untyped-item/untyped-item.component.ts

@@ -0,0 +1,68 @@
+import {
+  AsyncPipe,
+  NgIf,
+} from '@angular/common';
+import {
+  ChangeDetectionStrategy,
+  Component,
+} from '@angular/core';
+import { RouterLink } from '@angular/router';
+import { TranslateModule } from '@ngx-translate/core';
+import { Context } from 'src/app/core/shared/context.model';
+import { UntypedItemComponent as BaseComponent } from 'src/app/item-page/simple/item-types/untyped-item/untyped-item.component';
+
+import { Item } from '../../../../../../../app/core/shared/item.model';
+import { ViewMode } from '../../../../../../../app/core/shared/view-mode.model';
+import { CollectionsComponent } from '../../../../../../../app/item-page/field-components/collections/collections.component';
+import { ThemedMediaViewerComponent } from '../../../../../../../app/item-page/media-viewer/themed-media-viewer.component';
+import { MiradorViewerComponent } from '../../../../../../../app/item-page/mirador-viewer/mirador-viewer.component';
+import { ThemedFileSectionComponent } from '../../../../../../../app/item-page/simple/field-components/file-section/themed-file-section.component';
+import { ItemPageAbstractFieldComponent } from '../../../../../../../app/item-page/simple/field-components/specific-field/abstract/item-page-abstract-field.component';
+import { ItemPageCcLicenseFieldComponent } from '../../../../../../../app/item-page/simple/field-components/specific-field/cc-license/item-page-cc-license-field.component';
+import { ItemPageDateFieldComponent } from '../../../../../../../app/item-page/simple/field-components/specific-field/date/item-page-date-field.component';
+import { ItemPageDoiFieldComponent } from '../../../../../../../app/item-page/simple/field-components/specific-field/doi/item-page-doi-field.component';
+import { GenericItemPageFieldComponent } from '../../../../../../../app/item-page/simple/field-components/specific-field/generic/generic-item-page-field.component';
+import { ThemedItemPageTitleFieldComponent } from '../../../../../../../app/item-page/simple/field-components/specific-field/title/themed-item-page-field.component';
+import { ItemPageUriFieldComponent } from '../../../../../../../app/item-page/simple/field-components/specific-field/uri/item-page-uri-field.component';
+import { ThemedMetadataRepresentationListComponent } from '../../../../../../../app/item-page/simple/metadata-representation-list/themed-metadata-representation-list.component';
+import { DsoEditMenuComponent } from '../../../../../../../app/shared/dso-page/dso-edit-menu/dso-edit-menu.component';
+import { MetadataFieldWrapperComponent } from '../../../../../../../app/shared/metadata-field-wrapper/metadata-field-wrapper.component';
+import { listableObjectComponent } from '../../../../../../../app/shared/object-collection/shared/listable-object/listable-object.decorator';
+import { ThemedResultsBackButtonComponent } from '../../../../../../../app/shared/results-back-button/themed-results-back-button.component';
+import { ThemedThumbnailComponent } from '../../../../../../../app/thumbnail/themed-thumbnail.component';
+
+/**
+ * Component that represents a publication Item page
+ */
+
+@listableObjectComponent(Item, ViewMode.StandalonePage, Context.Any, 'szerep')
+@Component({
+  selector: 'ds-untyped-item',
+  styleUrls: ['./untyped-item.component.scss'],
+  templateUrl: './untyped-item.component.html',
+  changeDetection: ChangeDetectionStrategy.OnPush,
+  standalone: true,
+  imports: [
+    NgIf,
+    ThemedResultsBackButtonComponent,
+    MiradorViewerComponent,
+    ThemedItemPageTitleFieldComponent,
+    DsoEditMenuComponent,
+    MetadataFieldWrapperComponent,
+    ThemedThumbnailComponent,
+    ThemedMediaViewerComponent,
+    ThemedFileSectionComponent,
+    ItemPageDateFieldComponent,
+    ThemedMetadataRepresentationListComponent,
+    GenericItemPageFieldComponent,
+    ItemPageAbstractFieldComponent,
+    ItemPageUriFieldComponent,
+    CollectionsComponent,
+    RouterLink,
+    AsyncPipe,
+    TranslateModule,
+    ItemPageCcLicenseFieldComponent,
+    ItemPageDoiFieldComponent,
+  ],
+})
+export class UntypedItemComponent extends BaseComponent {}

src/themes/szerep/assets/i18n/en.json5

@@ -5,7 +5,7 @@
 
   "home.top-level-communities.head": "Communities in SZERep",
 
-  "browse.search-form.placeholder": "Enter the first few characters",  
+  "browse.search-form.placeholder": "Enter the first few characters",
 
   "qulto.home.welcome.title": "Welcome to the SZERep - Széchenyi István University Repository page!",
 

src/themes/szerep/assets/i18n/hu.json5

@@ -11,7 +11,7 @@
 
   "item.truncatable-part.show-less": "Kevesebb",
 
-  "vocabulary-treeview.load-more": "Továbbiak",  
+  "vocabulary-treeview.load-more": "Továbbiak",
 
   "qulto.home.welcome.title": "Köszöntjük a SZERep - Széchenyi István Egyetem Repozitórium oldalán!",
 

src/themes/szerep/eager-theme.module.ts

@@ -6,9 +6,10 @@ import { FooterComponent } from './app/footer/footer.component';
 import { HeaderComponent } from './app/header/header.component';
 import { HeaderNavbarWrapperComponent } from './app/header-nav-wrapper/header-navbar-wrapper.component';
 import { HomeNewsComponent } from './app/home-page/home-news/home-news.component';
+import { UntypedItemComponent } from './app/item-page/simple/item-types/untyped-item/untyped-item.component';
 import { NavbarComponent } from './app/navbar/navbar.component';
-import { CommunityListElementComponent } from './app/shared/object-list/community-list-element/community-list-element.component';
 import { LangSwitchComponent } from './app/shared/lang-switch/lang-switch.component';
+import { CommunityListElementComponent } from './app/shared/object-list/community-list-element/community-list-element.component';
 import { ItemSearchResultListElementComponent } from './app/shared/object-list/search-result-list-element/item-search-result/item-types/item/item-search-result-list-element.component';
 
 /**
@@ -17,7 +18,7 @@ import { ItemSearchResultListElementComponent } from './app/shared/object-list/s
  */
 const ENTRY_COMPONENTS = [
   CommunityListElementComponent,
-  ItemSearchResultListElementComponent
+  ItemSearchResultListElementComponent,
 ];
 
 const DECLARATIONS = [
@@ -27,7 +28,8 @@ const DECLARATIONS = [
   HeaderNavbarWrapperComponent,
   NavbarComponent,
   FooterComponent,
-  LangSwitchComponent
+  LangSwitchComponent,
+  UntypedItemComponent,
 ];
 
 @NgModule({