Allow input of alternative text for collection and community logos/th…

src/app/collection-page/collection-form/collection-form.models.ts

@@ -54,4 +54,9 @@ export const collectionFormModels: DynamicFormControlModel[] = [
     name: 'dc.rights.license',
     spellCheck: environment.form.spellCheck,
   }),
+  new DynamicTextAreaModel({
+    id: 'thumbnail',
+    name: 'dspace.thumbnail.description',
+    spellCheck: environment.form.spellCheck,
+  }),
 ];

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

@@ -10,10 +10,15 @@
             <ds-comcol-page-header
                 [name]="dsoNameService.getName(collection)">
             </ds-comcol-page-header>
-            <!-- Collection logo -->
-            <ds-comcol-page-logo *ngIf="logoRD$"
+            <!-- Collection logo with custom description -->
+            <ds-comcol-page-logo *ngIf="logoRD$ && collection.descriptionThumbnail"
                                  [logo]="(logoRD$ | async)?.payload"
-                                 [alternateText]="'collection.logo' | translate">
+                                 [alternateText]="collection.descriptionThumbnail">
+            </ds-comcol-page-logo>
+            <!-- Collection logo with simple description -->
+            <ds-comcol-page-logo *ngIf="logoRD$ && !collection.descriptionThumbnail"
+                                  [logo]="(logoRD$ | async)?.payload"
+                                  [alternateText]="'collection.logo' | translate">
             </ds-comcol-page-logo>
 
             <!-- Handle -->

src/app/community-page/community-form/community-form.component.ts

@@ -101,6 +101,11 @@ export class CommunityFormComponent extends ComColFormComponent<Community> imple
       name: 'dc.description.tableofcontents',
       spellCheck: environment.form.spellCheck,
     }),
+    new DynamicTextAreaModel({
+      id: 'thumbnail',
+      name: 'dspace.thumbnail.description',
+      spellCheck: environment.form.spellCheck,
+    }),
   ];
 
   public constructor(protected formService: DynamicFormService,

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

@@ -6,8 +6,11 @@
         <header class="comcol-header mr-auto">
           <!-- Community name -->
           <ds-comcol-page-header [name]="dsoNameService.getName(communityPayload)"></ds-comcol-page-header>
-          <!-- Community logo -->
-          <ds-comcol-page-logo *ngIf="logoRD$" [logo]="(logoRD$ | async)?.payload" [alternateText]="'community.logo' | translate">
+          <!-- Community logo with custom description -->
+          <ds-comcol-page-logo *ngIf="logoRD$ && communityPayload.descriptionThumbnail" [logo]="(logoRD$ | async)?.payload" [alternateText]="communityPayload.descriptionThumbnail">
+          </ds-comcol-page-logo>
+          <!-- Community logo with simple description -->
+          <ds-comcol-page-logo *ngIf="logoRD$  && !communityPayload.descriptionThumbnail" [logo]="(logoRD$ | async)?.payload" [alternateText]="'community.logo' | translate">
           </ds-comcol-page-logo>
           <!-- Handle -->
           <ds-comcol-page-handle [content]="communityPayload.handle" [title]="'community.page.handle'">

src/app/core/shared/collection.model.ts

@@ -130,6 +130,14 @@
     return this.firstMetadataValue('dc.description.tableofcontents');
   }
 
+  /**
+   * The thumbail description of this Collection
+   * Corresponds to the metadata field dspace.thumbnail.description
+   */
+  get descriptionThumbnail(): string {
+    return this.firstMetadataValue('dspace.thumbnail.description');
+  }
+
   getParentLinkKey(): keyof this['_links'] {
     return 'parentCommunity';
   }

src/app/core/shared/community.model.ts

@@ -111,6 +111,14 @@
     return this.firstMetadataValue('dc.description.tableofcontents');
   }
 
+  /**
+   * The thumbail description of this Community
+   * Corresponds to the metadata field dspace.thumbnail.description
+   */
+  get descriptionThumbnail(): string {
+    return this.firstMetadataValue('dspace.thumbnail.description');
+  }
+
   getParentLinkKey(): keyof this['_links'] {
     return 'parentCommunity';
   }

src/app/thumbnail/thumbnail.component.html

@@ -7,8 +7,10 @@
     </div>
   </div>
   <!-- don't use *ngIf="!isLoading" so the thumbnail can load in while the animation is playing -->
-  <img *ngIf="src !== null" class="thumbnail-content img-fluid" [ngClass]="{'d-none': isLoading}"
-       [src]="src | dsSafeUrl" [alt]="alt | translate" (error)="errorHandler()" (load)="successHandler()">
+  <img *ngIf="src !== null && customDescription !== undefined" class="thumbnail-content img-fluid" [ngClass]="{'d-none': isLoading}"
+    [src]="src | dsSafeUrl" [alt]="customDescription" (error)="errorHandler()" (load)="successHandler()">
+  <img *ngIf="src !== null && customDescription === undefined" class="thumbnail-content img-fluid" [ngClass]="{'d-none': isLoading}"
+    [src]="src | dsSafeUrl" [alt]="alt | translate" (error)="errorHandler()" (load)="successHandler()">
   <div *ngIf="src === null && !isLoading" class="thumbnail-content outer">
     <div class="inner">
       <div class="thumbnail-placeholder centered lead">

src/app/thumbnail/thumbnail.component.ts

@@ -3,6 +3,7 @@
   Component,
   Input,
   OnChanges,
+  OnInit,
   SimpleChanges,
 } from '@angular/core';
 import { TranslateModule } from '@ngx-translate/core';
@@ -35,12 +36,17 @@
   standalone: true,
   imports: [VarDirective, CommonModule, ThemedLoadingComponent, TranslateModule, SafeUrlPipe],
 })
-export class ThumbnailComponent implements OnChanges {
+export class ThumbnailComponent implements OnInit, OnChanges {
   /**
    * The thumbnail Bitstream
    */
   @Input() thumbnail: Bitstream | RemoteData<Bitstream>;
 
+  /**
+   * Variable that listens to the thumbnail value
+   */
+  listenThumbnail: RemoteData<Bitstream>;
+
   /**
    * The default image, used if the thumbnail isn't set or can't be downloaded.
    * If defaultImage is null, a HTML placeholder is used instead.
@@ -59,6 +65,11 @@
    */
   @Input() alt? = 'thumbnail.default.alt';
 
+  /**
+   * Custom thumbnail description for alt text
+   */
+  customDescription: string;
+
   /**
    * i18n key of HTML placeholder text
    */
@@ -82,6 +93,19 @@
   ) {
   }
 
+  /**
+   * Getting the description from the thumbnail file
+   * when rendering the screen.
+   */
+  ngOnInit(): void{
+    if (this.thumbnail){
+      if ('payload' in this.thumbnail) {
+        this.listenThumbnail = this.thumbnail;
+        this.customDescription = this.listenThumbnail.payload.metadata['dc.description'][0].value;
+      }
+    }
+  }
+
   /**
    * Resolve the thumbnail.
    * Use a default image if no actual image is available.

src/assets/i18n/en.json5

@@ -6763,4 +6763,8 @@
   "register-page.registration.aria.label": "Enter your e-mail address",
 
   "forgot-email.form.aria.label": "Enter your e-mail address",
-}
+
+  "community.form.thumbnail": "Thumbnail Description",
+
+  "collection.form.thumbnail": "Thumbnail Description",
+}

src/assets/i18n/es.json5

@@ -9164,6 +9164,15 @@
   // "vocabulary-treeview.search.form.add": "Add",
   "vocabulary-treeview.search.form.add": "Añadir",
 
+  // "community.form.thumbnail": "Thumbnail Description",
+  "community.form.thumbnail": "Descripción del logotipo de la comunidad",
+
+  // "collection.form.thumbnail": "Thumbnail Description",
+  "collection.form.thumbnail": "Descripción del logo de la colección",
+
+  // "file-download-link.download": "Download ",
+  "file-download-link.download": "Descargar ",
+
   // "admin.notifications.publicationclaim.breadcrumbs": "Publication Claim",
   "admin.notifications.publicationclaim.breadcrumbs": "Reclamo de publicación",
 
@@ -10192,5 +10201,6 @@
   // "forgot-email.form.aria.label": "Enter your e-mail address",
   "forgot-email.form.aria.label": "Introduzca su dirección de correo electrónico",
 
-
-}
+  // "search.sidebar.advanced-search.add": "Add",
+  "search.sidebar.advanced-search.add": "Añadir",
+}

src/assets/i18n/pt-BR.json5

@@ -10229,9 +10229,15 @@
   // "item.page.cc.license.disclaimer": "Except where otherwised noted, this item's license is described as",
   "item.page.cc.license.disclaimer": "Exceto quando indicado de outra forma, a licença deste item é descrita como",
 
-  //"browse.search-form.placeholder": "Search the repository",
+  // "browse.search-form.placeholder": "Search the repository",
   "browse.search-form.placeholder": "Buscar no repositório",
 
+  // "community.form.thumbnail": "Thumbnail Description",
+  "community.form.thumbnail": "Descrição do logotipo da comunidade",
+
+  // "collection.form.thumbnail": "Thumbnail Description",
+  "collection.form.thumbnail": "Descrição do logotipo da coleção",
+
   // "file-download-link.download": "Download ",
   "file-download-link.download": "Baixar ",
 

src/assets/i18n/pt-PT.json5

@@ -10361,4 +10361,10 @@
   // "item.preview.dc.identifier.eisbn": "EISBN",
   "item.preview.dc.identifier.eisbn": "EISBN",
 
+  // "community.form.thumbnail": "Thumbnail Description",
+  "community.form.thumbnail": "Descrição do logotipo da comunidade",
+
+  // "collection.form.thumbnail": "Thumbnail Description",
+  "collection.form.thumbnail": "Descrição do logotipo da coleção",
+
 }