+
diff --git a/src/app/shared/metadata-field-wrapper/metadata-field-wrapper.component.scss b/src/app/shared/metadata-field-wrapper/metadata-field-wrapper.component.scss
index bf17d63d6c6..4c874e019f2 100644
--- a/src/app/shared/metadata-field-wrapper/metadata-field-wrapper.component.scss
+++ b/src/app/shared/metadata-field-wrapper/metadata-field-wrapper.component.scss
@@ -1,8 +1,23 @@
-:host {
- .simple-view-element {
- margin-bottom: 15px;
+.simple-view-element {
+ h6 {
+ display: inline;
+ margin-right: 0.5em;
}
- .simple-view-element-header {
- font-size: 1.25rem;
+ div {
+ display: inline;
+ }
+}
+
+.simple-view-element-header {
+ font-weight: bold;
+}
+
+.not-inline-label {
+ h6 {
+ display: block;
+ margin-right: 0;
+ }
+ div {
+ display: block;
}
}
diff --git a/src/app/shared/metadata-field-wrapper/metadata-field-wrapper.component.ts b/src/app/shared/metadata-field-wrapper/metadata-field-wrapper.component.ts
index af139e78e6f..e4548e2e24a 100644
--- a/src/app/shared/metadata-field-wrapper/metadata-field-wrapper.component.ts
+++ b/src/app/shared/metadata-field-wrapper/metadata-field-wrapper.component.ts
@@ -1,4 +1,4 @@
-import { NgIf } from '@angular/common';
+import { NgIf, NgClass } from '@angular/common';
import {
Component,
Input,
@@ -13,7 +13,7 @@ import {
styleUrls: ['./metadata-field-wrapper.component.scss'],
templateUrl: './metadata-field-wrapper.component.html',
standalone: true,
- imports: [NgIf],
+ imports: [NgIf, NgClass],
})
export class MetadataFieldWrapperComponent {
@@ -23,4 +23,12 @@ export class MetadataFieldWrapperComponent {
@Input() label: string;
@Input() hideIfNoTextContent = true;
+
+ @Input() inlineLabel: boolean;
+
+ ngOnInit() {
+ if (this.inlineLabel === undefined) {
+ this.inlineLabel = true;
+ }
+ }
}
diff --git a/src/app/shared/object-collection/shared/badges/access-status-badge/access-status-badge.component.ts b/src/app/shared/object-collection/shared/badges/access-status-badge/access-status-badge.component.ts
index 5b69a7e72a9..668a0fc945b 100644
--- a/src/app/shared/object-collection/shared/badges/access-status-badge/access-status-badge.component.ts
+++ b/src/app/shared/object-collection/shared/badges/access-status-badge/access-status-badge.component.ts
@@ -24,6 +24,7 @@ import { Item } from '../../../../../core/shared/item.model';
import { ITEM } from '../../../../../core/shared/item.resource-type';
import { hasValue } from '../../../../empty.util';
import { AccessStatusObject } from './access-status.model';
+import { RemoteData } from 'src/app/core/data/remote-data';
@Component({
selector: 'ds-base-access-status-badge',
@@ -70,12 +71,17 @@ export class AccessStatusBadgeComponent {
}
const item = this.object as Item;
+ let accessStatus$;
+
if (item.accessStatus == null) {
// In case the access status has not been loaded, do it individually.
- item.accessStatus = this.accessStatusDataService.findAccessStatusFor(item);
+ accessStatus$ = this.accessStatusDataService.findAccessStatusFor(item);
+ } else {
+ accessStatus$ = item.accessStatus;
}
- this.accessStatus$ = item.accessStatus.pipe(
- map((accessStatusRD) => {
+
+ this.accessStatus$ = accessStatus$.pipe(
+ map((accessStatusRD: RemoteData{{ label }}
+
+
+
+ {{badgeLabel}}
+
+
+ {{mdValue.value}}
+
+ {{mdValue.value}}
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/themes/custom/app/item-page/simple/item-types/untyped-item/apa-citation.component.scss b/src/themes/custom/app/item-page/simple/item-types/untyped-item/apa-citation.component.scss
new file mode 100644
index 00000000000..630bb5d0292
--- /dev/null
+++ b/src/themes/custom/app/item-page/simple/item-types/untyped-item/apa-citation.component.scss
@@ -0,0 +1,62 @@
+.apa-citation-container {
+ border: 1px dashed #cccccc;
+ padding: 10px;
+ border-radius: 5px;
+ background-color: #f9f9f9;
+ font-family: Arial, sans-serif;
+ max-width: 300px;
+ max-height: 200px; // Tamaño máximo de la caja
+ overflow: hidden; // Ocultar el contenido que se desborda
+ transition: max-height 0.3s ease; // Transición para el cambio de tamaño
+
+ &.expanded {
+ max-height: none; // Permitir que la caja se expanda completamente
+ }
+}
+
+.apa-citation {
+ font-size: 14px;
+ color: #333333;
+ line-height: 1.5;
+ font-style: italic;
+ padding: 5px 0;
+}
+
+.copy-button-container {
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ padding-top: 5px;
+}
+
+.copy-text {
+ font-size: 12px;
+ color: #666666;
+}
+
+.copyButton {
+ cursor: pointer;
+ font-size: 16px;
+ color: #333333;
+ transition: color 0.3s;
+}
+
+.copyButton:hover {
+ color: #007bff;
+}
+
+.toggle-button-container {
+ display: flex;
+ justify-content: right;
+}
+
+.toggleButton {
+ cursor: pointer;
+ font-size: 16px;
+ color: #333333;
+ transition: color 0.3s;
+}
+
+.toggleButton:hover {
+ color: #007bff;
+}
\ No newline at end of file
diff --git a/src/themes/custom/app/item-page/simple/item-types/untyped-item/apa-citation.component.ts b/src/themes/custom/app/item-page/simple/item-types/untyped-item/apa-citation.component.ts
new file mode 100644
index 00000000000..01322d60b4a
--- /dev/null
+++ b/src/themes/custom/app/item-page/simple/item-types/untyped-item/apa-citation.component.ts
@@ -0,0 +1,95 @@
+import { Component, Input, OnInit, AfterViewInit, ViewChild, ElementRef } from '@angular/core';
+import { CommonModule } from '@angular/common';
+
+@Component({
+ selector: 'ds-apa-citation',
+ standalone: true,
+ imports: [CommonModule],
+ templateUrl: './apa-citation.component.html',
+ styleUrls: ['./apa-citation.component.scss']
+})
+export class ApaCitationComponent implements OnInit {
+ @Input() item: any;
+ @ViewChild('elementContentToCopy') elementContentToCopy: ElementRef;
+ citation: string;
+ isExpanded: boolean = false;
+ showToggleButton: boolean = false;
+
+ ngOnInit(): void {
+ this.generateCitation();
+ }
+
+ ngAfterViewInit(): void {
+ this.checkContentHeight();
+ }
+
+ generateCitation(): void {
+ const authors = this.getAuthors();
+ const year = this.getYear();
+ const title = this.getTitle();
+ const journalTitle = this.getJournalTitle();
+ const journalVolumeAndIssue = this.getJournalVolumeAndIssue();
+ const pages = this.getPages();
+ const source = this.getSource();
+
+ this.citation = `${authors} (${year}). ${title}. ${journalTitle}, ${journalVolumeAndIssue}, ${pages}. ${source}.`;
+ }
+
+ getAuthors(): string {
+ const authors = this.item.allMetadata(['sedici.creator.person']);
+ return authors.map(author => author.value).join(', ');
+ }
+
+ getYear(): string {
+ const date = this.item.firstMetadataValue('dc.date.issued');
+ return date ? new Date(date).getFullYear().toString() : 's.f.';
+ }
+
+ getTitle(): string {
+ return this.item.firstMetadataValue('dc.title') || 'Sin título';
+ }
+
+ getJournalTitle(): string {
+ return this.item.firstMetadataValue('sedici.relation.journalTitle') || 'Sin journalTitle';
+ }
+
+ getJournalVolumeAndIssue(): string {
+ return this.item.firstMetadataValue('sedici.relation.journalVolumeAndIssue') || 'Sin journalVolumeAndIssue';
+ }
+
+ getPages(): string {
+ return this.item.firstMetadataValue('dc.format.extent') || 'Sin pages';
+ }
+
+ getSource(): string {
+ return this.item.firstMetadataValue('dc.identifier.doi') || 'Sin fuente';
+ }
+
+ copyToClipboard(el: HTMLDivElement, id: string) {
+ if (navigator.clipboard) {
+ navigator.clipboard.writeText(el.innerText).then(() => {
+ document.getElementById(id).classList.remove('fa-copy');
+ document.getElementById(id).classList.add('fa-check');
+ setTimeout(() => {
+ document.getElementById(id).classList.remove('fa-check');
+ document.getElementById(id).classList.add('fa-copy');
+ }, 1000);
+ }, (error) => {
+ console.log(error);
+ });
+ } else {
+ console.log('Browser do not support Clipboard API');
+ }
+ }
+
+ toggleExpand(): void {
+ this.isExpanded = !this.isExpanded;
+ }
+
+ checkContentHeight(): void {
+ const maxHeight = 195; // Altura máxima de la caja
+ if (this.elementContentToCopy.nativeElement.scrollHeight > maxHeight) {
+ this.showToggleButton = true;
+ }
+ }
+}
\ No newline at end of file
diff --git a/src/themes/custom/app/item-page/simple/item-types/untyped-item/content-files.component.html b/src/themes/custom/app/item-page/simple/item-types/untyped-item/content-files.component.html
new file mode 100644
index 00000000000..c16172a4028
--- /dev/null
+++ b/src/themes/custom/app/item-page/simple/item-types/untyped-item/content-files.component.html
@@ -0,0 +1,36 @@
+
+ {{ citation }}
+
+
+
\ No newline at end of file
diff --git a/src/themes/custom/app/item-page/simple/item-types/untyped-item/content-files.component.scss b/src/themes/custom/app/item-page/simple/item-types/untyped-item/content-files.component.scss
new file mode 100644
index 00000000000..43f30a82c8d
--- /dev/null
+++ b/src/themes/custom/app/item-page/simple/item-types/untyped-item/content-files.component.scss
@@ -0,0 +1,111 @@
+.content-container {
+ display: flex;
+ flex-direction: row;
+
+ .col-3 {
+ padding-left: 10px;
+ padding-right: 10px;
+ }
+
+ .file-list {
+ flex: 1;
+ display: flex;
+ flex-direction: column;
+ max-height: 500px; // Ajusta este valor según el tamaño del previsualizador
+ overflow-y: auto; // Agrega el scrollbar vertical si el contenido excede el tamaño
+
+ .file-item {
+ display: flex;
+ align-items: center;
+ padding: 5px;
+ cursor: pointer;
+ border-bottom: 1px solid #e0e0e0;
+
+ &:hover {
+ background-color: #f5f5f5;
+ }
+
+ .file-icon {
+ display: flex;
+ justify-content: center;
+ background-color: #333;
+ color: #fff;
+ border-radius: 4px;
+
+ .file-extension {
+ font-size: 10px;
+ font-weight: bold;
+ }
+ }
+
+ .file-info {
+ flex: 1;
+ display: flex;
+ flex-direction: column;
+
+ .row {
+ display: flex;
+ align-items: center;
+
+ .file-name {
+ font-weight: bold;
+ overflow: hidden; // Oculta el texto que se desborda
+ text-overflow: ellipsis; // Agrega puntos suspensivos al texto que se desborda
+ display: -webkit-box; // Necesario para line-clamp
+ -webkit-box-orient: vertical; // Necesario para line-clamp
+ -webkit-line-clamp: 2; // Limita el texto a 2 líneas
+ line-clamp: 2; // Limita el texto a 2 líneas
+ }
+
+ .file-size {
+ text-align: right;
+ font-size: 14px;
+ }
+
+ .download-btn {
+ background-color: #fff;
+ border: 1px solid #ccc;
+ padding: 5px 10px;
+ cursor: pointer;
+ border-radius: 4px;
+
+ &:hover {
+ background-color: #e0e0e0;
+ }
+ }
+ }
+
+ .file-preview {
+ font-size: 12px;
+ color: #888;
+ margin-top: 5px;
+ }
+ }
+ }
+ }
+
+ .file-preview {
+ flex: 2;
+ position: relative;
+
+ .preview-image {
+ width: 100%;
+ height: 500px; // Ajusta el tamaño según tus necesidades
+ }
+
+ .no-preview {
+ width: 100%;
+ height: 500px;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ border: 2px solid #ccc;
+ background-color: #f5f5f5;
+
+ span {
+ font-size: 24px;
+ color: #aaa;
+ }
+ }
+ }
+}
diff --git a/src/themes/custom/app/item-page/simple/item-types/untyped-item/content-files.component.ts b/src/themes/custom/app/item-page/simple/item-types/untyped-item/content-files.component.ts
new file mode 100644
index 00000000000..214e2e483d6
--- /dev/null
+++ b/src/themes/custom/app/item-page/simple/item-types/untyped-item/content-files.component.ts
@@ -0,0 +1,78 @@
+import { Component, Input, Inject } from '@angular/core';
+import { NgFor, NgIf } from '@angular/common';
+import { Item } from 'src/app/core/shared/item.model';
+import { BitstreamDataService } from 'src/app/core/data/bitstream-data.service';
+import { APP_CONFIG, AppConfig } from 'src/config/app-config.interface';
+import { Bitstream } from 'src/app/core/shared/bitstream.model';
+import { FileSizePipe } from 'src/app/shared/utils/file-size-pipe';
+import { DSONameService } from 'src/app/core/breadcrumbs/dso-name.service';
+import { SediciFileDownloadLinkComponent } from './sedici-file-download-link.component';
+
+@Component({
+ selector: 'content-files',
+ styleUrls: ['./content-files.component.scss'],
+ templateUrl: './content-files.component.html',
+ standalone: true,
+ imports: [
+ NgFor,
+ NgIf,
+ FileSizePipe,
+ SediciFileDownloadLinkComponent,
+ ],
+})
+export class ContentFilesComponent {
+ @Input() object: Item;
+
+ primaryBitsreamId: string;
+
+ files: Bitstream[] = [];
+
+ constructor(
+ protected bitstreamDataService: BitstreamDataService,
+ public dsoNameService: DSONameService,
+ @Inject(APP_CONFIG) protected appConfig: AppConfig,
+ ) {}
+
+ selectedFile: Bitstream | null = null;
+
+ selectFile(file: Bitstream) {
+ this.selectedFile = file;
+ }
+
+ getFileExtension(fileName: string): string {
+ const parts = fileName.split('.');
+ return parts.length > 1 ? parts.pop() : '';
+ }
+
+ isImage(file: Bitstream): boolean {
+ const imageExtensions = ['jpg', 'jpeg', 'png', 'gif', 'bmp', 'webp'];
+ const extension = this.getFileExtension(file.name).toLowerCase();
+ return imageExtensions.includes(extension);
+ }
+
+ getFileDescription(file: Bitstream): string {
+ return file.metadata['dc.description']?.[0]?.value || this.dsoNameService.getName(file) ;
+ }
+
+ ngOnInit(): void {
+ this.getPrimaryBitstreamId();
+ this.getAllPages();
+ }
+
+ private getPrimaryBitstreamId() {
+ this.bitstreamDataService.findPrimaryBitstreamByItemAndName(this.object, 'ORIGINAL', true, true).subscribe((primaryBitstream: Bitstream | null) => {
+ if (!primaryBitstream) {
+ return;
+ }
+ this.primaryBitsreamId = primaryBitstream?.id;
+ });
+ }
+
+ getAllPages(): void {
+ this.bitstreamDataService.findAllByItemAndBundleName(this.object, 'ORIGINAL', { currentPage: 0, elementsPerPage: 1000 }).subscribe((response: any) => {
+ if (response && response.payload && response.payload.page.length > 0) {
+ this.files = response.payload.page;
+ }
+ });
+ }
+}
\ No newline at end of file
diff --git a/src/themes/custom/app/item-page/simple/item-types/untyped-item/full-item.component.html b/src/themes/custom/app/item-page/simple/item-types/untyped-item/full-item.component.html
new file mode 100644
index 00000000000..58d441a78e6
--- /dev/null
+++ b/src/themes/custom/app/item-page/simple/item-types/untyped-item/full-item.component.html
@@ -0,0 +1,48 @@
+
+
+
+
+
+
+
+
+
+
+
+ {{ getFileDescription(file) }}
+ {{ (file?.sizeBytes) | dsFileSize }}
+
+
+
+
+
+
+
+
+
+
+ SOY UNA IMAGEN
+
+
+
+ {{ dsoNameService.getName(selectedFile) }}
+
+
+
+ preview
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/themes/custom/app/item-page/simple/item-types/untyped-item/full-item.component.ts b/src/themes/custom/app/item-page/simple/item-types/untyped-item/full-item.component.ts
new file mode 100644
index 00000000000..582dc07efa6
--- /dev/null
+++ b/src/themes/custom/app/item-page/simple/item-types/untyped-item/full-item.component.ts
@@ -0,0 +1,40 @@
+import { Component, Input } from '@angular/core';
+import { NgFor } from '@angular/common';
+import { Item } from 'src/app/core/shared/item.model';
+import { RouterLink } from '@angular/router';
+import { getItemPageRoute } from 'src/app/item-page/item-page-routing-paths';
+import { TranslateModule } from '@ngx-translate/core';
+
+import { GenericItemPageFieldComponent } from 'src/app/item-page/simple/field-components/specific-field/generic/generic-item-page-field.component';
+import { SediciDateMetadataValuesComponent } from '../../field-components/date-metadata-values/sedici-date-metadata-values.component';
+import { SediciLanguageMetadataValuesComponent } from '../../field-components/language-metadata-values/sedici-language-metadata-values.component';
+import { CollectionsComponent } from 'src/app/item-page/field-components/collections/collections.component';
+
+@Component({
+ selector: 'full-item',
+ // styleUrls: ['./full-item.component.scss'],
+ templateUrl: './full-item.component.html',
+ standalone: true,
+ imports: [
+ NgFor,
+ RouterLink,
+ TranslateModule,
+ GenericItemPageFieldComponent,
+ SediciDateMetadataValuesComponent,
+ SediciLanguageMetadataValuesComponent,
+ CollectionsComponent,
+ ],
+})
+export class FullItemComponent {
+ @Input() object: Item;
+ itemPageRoute: string;
+
+ ngOnInit(): void {
+ this.itemPageRoute = getItemPageRoute(this.object);
+ }
+
+ getMetadataEntries() {
+ const metadata = this.object.metadata;
+ return Object.keys(metadata).map(key => ({ key, value: metadata[key] }));
+ }
+}
\ No newline at end of file
diff --git a/src/themes/custom/app/item-page/simple/item-types/untyped-item/language-switcher.component.html b/src/themes/custom/app/item-page/simple/item-types/untyped-item/language-switcher.component.html
new file mode 100644
index 00000000000..9e3708f95d4
--- /dev/null
+++ b/src/themes/custom/app/item-page/simple/item-types/untyped-item/language-switcher.component.html
@@ -0,0 +1,14 @@
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/themes/custom/app/item-page/simple/item-types/untyped-item/tabbed-content.component.scss b/src/themes/custom/app/item-page/simple/item-types/untyped-item/tabbed-content.component.scss
new file mode 100644
index 00000000000..c47f37b0f5a
--- /dev/null
+++ b/src/themes/custom/app/item-page/simple/item-types/untyped-item/tabbed-content.component.scss
@@ -0,0 +1,37 @@
+.tab-container {
+ display: flex;
+ flex-direction: column;
+ border: 1px solid #e0e0e0;
+ border-radius: 4px;
+ overflow: hidden;
+ font-family: 'Arial', sans-serif;
+}
+
+.tab-header {
+ display: flex;
+ background-color: #f8f8f8;
+ border-bottom: 1px solid #e0e0e0;
+}
+
+.tab {
+ flex: 1;
+ padding: 12px 16px;
+ text-align: center;
+ cursor: pointer;
+ font-size: 1em;
+ font-weight: bold;
+ color: #555;
+ transition: background-color 0.3s ease;
+}
+
+.tab.active {
+ background-color: #ffffff;
+ border-bottom: 2px solid #007bff;
+ color: #007bff;
+}
+
+.tab-content {
+ padding: 16px;
+ background-color: #ffffff;
+ min-height: 500px; //AJUSTAR
+}
diff --git a/src/themes/custom/app/item-page/simple/item-types/untyped-item/tabbed-content.component.ts b/src/themes/custom/app/item-page/simple/item-types/untyped-item/tabbed-content.component.ts
new file mode 100644
index 00000000000..9195bc401a3
--- /dev/null
+++ b/src/themes/custom/app/item-page/simple/item-types/untyped-item/tabbed-content.component.ts
@@ -0,0 +1,29 @@
+import { Component, Input } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { Item } from 'src/app/core/shared/item.model';
+import { ItemPageCcLicenseFieldComponent } from 'src/app/item-page/simple/field-components/specific-field/cc-license/item-page-cc-license-field.component';
+import { FullItemComponent } from './full-item.component';
+import { ContentFilesComponent } from './content-files.component';
+
+@Component({
+ selector: 'ds-tabbed-content',
+ standalone: true,
+ imports: [CommonModule, ItemPageCcLicenseFieldComponent, FullItemComponent, ContentFilesComponent],
+ templateUrl: './tabbed-content.component.html',
+ styleUrls: ['./tabbed-content.component.scss']
+})
+export class TabbedContentComponent {
+ @Input() object: Item;
+
+ selectedTabIndex = 0;
+
+ tabs = [
+ { label: 'Contenido' },
+ { label: 'Licencia' },
+ { label: 'Registro completo' }
+ ];
+
+ selectTab(index: number) {
+ this.selectedTabIndex = index;
+ }
+}
\ No newline at end of file
diff --git a/src/themes/custom/app/item-page/simple/item-types/untyped-item/untyped-item.component.html b/src/themes/custom/app/item-page/simple/item-types/untyped-item/untyped-item.component.html
index 7aa21532981..60da797b752 100644
--- a/src/themes/custom/app/item-page/simple/item-types/untyped-item/untyped-item.component.html
+++ b/src/themes/custom/app/item-page/simple/item-types/untyped-item/untyped-item.component.html
@@ -1,239 +1,275 @@
-
+
+
+ {{ tab.label }}
+
+
+
+
+
+
+
+
+
+
+
+
+ Selecciona una solapa.
+
+
-
+
-
-
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ +
+
+
+
+
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Información de la tesis
+Información general
+Información general
+
+
+
+
+
+
+
+
+
+
+ 
+ +
+
+
+
diff --git a/src/themes/custom/app/shared/object-collection/shared/badges/sedici-context-badge/sedici-context-badge.component.scss b/src/themes/custom/app/shared/object-collection/shared/badges/sedici-context-badge/sedici-context-badge.component.scss
new file mode 100644
index 00000000000..b8cb48e7358
--- /dev/null
+++ b/src/themes/custom/app/shared/object-collection/shared/badges/sedici-context-badge/sedici-context-badge.component.scss
@@ -0,0 +1,30 @@
+.badge-title-container {
+ display: flex;
+ align-items: center;
+ margin-bottom: 10px;
+
+ .context-info,
+ .context-year {
+ font-size: 12px;
+ position: relative;
+ &:hover::after {
+ content: '';
+ position: absolute;
+ left: 1.5%;
+ right: 1.5%;
+ bottom: 0;
+ height: 2px;
+ background-color: #8d8d8d;
+ }
+ }
+
+ .context-info {
+ color: #8d8d8d;
+ margin-left: 5px;
+ }
+
+ .context-year {
+ color: #4a90e2;
+ margin-left: 5px;
+ }
+}
\ No newline at end of file
diff --git a/src/themes/custom/app/shared/object-collection/shared/badges/sedici-context-badge/sedici-context-badge.component.ts b/src/themes/custom/app/shared/object-collection/shared/badges/sedici-context-badge/sedici-context-badge.component.ts
new file mode 100644
index 00000000000..6ba11b96d53
--- /dev/null
+++ b/src/themes/custom/app/shared/object-collection/shared/badges/sedici-context-badge/sedici-context-badge.component.ts
@@ -0,0 +1,86 @@
+import { NgIf } from '@angular/common';
+import { Component } from '@angular/core';
+import { BadgesComponent as BaseComponent } from '../badges.component';
+
+import { ThemedAccessStatusBadgeComponent } from 'src/app/shared/object-collection/shared/badges/access-status-badge/themed-access-status-badge.component';
+import { ThemedMyDSpaceStatusBadgeComponent } from 'src/app/shared/object-collection/shared/badges/my-dspace-status-badge/themed-my-dspace-status-badge.component';
+import { ThemedStatusBadgeComponent } from 'src/app/shared/object-collection/shared/badges/status-badge/themed-status-badge.component';
+import { ThemedTypeBadgeComponent } from 'src/app/shared/object-collection/shared/badges/type-badge/themed-type-badge.component';
+
+@Component({
+ selector: 'ds-sedici-context-badge',
+ styleUrls: ['./sedici-context-badge.component.scss'],
+ templateUrl: './sedici-context-badge.component.html',
+ standalone: true,
+ imports: [ThemedStatusBadgeComponent, NgIf, ThemedMyDSpaceStatusBadgeComponent, ThemedTypeBadgeComponent, ThemedAccessStatusBadgeComponent],
+})
+export class SediciContextBadgeComponent extends BaseComponent {
+
+ getThesisInfo(): string {
+ const thesisDegreeName = this.object.firstMetadataValue('thesis.degree.name');
+ const thesisDegreeGrantor = this.object.firstMetadataValue('thesis.degree.grantor');
+
+ if (thesisDegreeName && thesisDegreeGrantor) {
+ return `${thesisDegreeName}; ${thesisDegreeGrantor}`;
+ } else {
+ return '';
+ }
+ }
+
+ getJournalInfo(): string {
+ const journalTitle = this.object.firstMetadataValue('sedici.relation.journalTitle');
+ const journalVolumeAndIssue = this.object.firstMetadataValue('sedici.relation.journalVolumeAndIssue');
+
+ if (journalTitle && journalVolumeAndIssue) {
+ return `${journalTitle}; ${journalVolumeAndIssue}`;
+ } else if (journalTitle) {
+ return journalTitle;
+ } else {
+ return '';
+ }
+ }
+
+ getOriginInfoPlace(): string {
+ let place = this.object.firstMetadataValue('mods.originInfo.place');
+ if (!place) {
+ return '';
+ }
+ return place;
+ }
+
+ getEventInfo(): string {
+ let event = this.object.firstMetadataValue('sedici.relation.event');
+ if (!event) {
+ return '';
+ }
+ return event;
+ }
+
+ getContextInfo(): string {
+ let thesis = this.getThesisInfo();
+ let journal = this.getJournalInfo();
+ let event = this.getEventInfo();
+ let origin = this.getOriginInfoPlace();
+ if (thesis) {
+ return thesis;
+ };
+ if (journal || event) {
+ if (journal && event) {
+ return `${journal} | ${event}`;
+ } else if (journal) {
+ return journal;
+ } else {
+ return event;
+ };
+ };
+ return origin;
+ }
+
+ getYear(): string {
+ let dateString = this.object.firstMetadataValue('dc.date.issued') || this.object.firstMetadataValue('dc.date.created');
+ if (!dateString) {
+ return '';
+ }
+ return dateString.split('-')[0];
+ }
+}
+ {{ getContextInfo() }}
+
+
+ {{ getYear() }}
+
+