Merge pull request #5551 from guillermo-escire/feature/5542

fix #5542: display Primary badge on Download button component for pri…

Author: tdonohue

src/app/shared/bitstream-attachment/bitstream-attachment.component.html

@@ -8,10 +8,13 @@
     <div class="order-lg-3 ml-auto">
       <div class="d-flex flex-column align-items-end gap-3">
         <div class="text-nowrap">
-          <div class="text-nowrap">
-            <ds-file-download-button [bitstream]="attachment" [item]="item"></ds-file-download-button>
-          </div>
+          <ds-file-download-button [bitstream]="attachment" [item]="item"></ds-file-download-button>
         </div>
+        @if (primaryBitstreamId === attachment.id) {
+          <span class="badge bg-primary">
+            {{ 'item.page.bitstreams.primary' | translate }}
+          </span>
+        }
       </div>
     </div>
 

src/app/shared/bitstream-attachment/bitstream-attachment.component.spec.ts

@@ -98,4 +98,18 @@ describe('BitstreamAttachmentComponent', () => {
     expect(component.checksumInfo.value).toBe('abc123');
     expect(component.allAttachmentProviders).toEqual(['provider1']);
   });
+
+  it('should display the primary badge when primaryBitstreamId matches attachment id', () => {
+    component.primaryBitstreamId = attachmentMock.id;
+    fixture.detectChanges();
+    const badge = fixture.nativeElement.querySelector('.badge.bg-primary');
+    expect(badge).toBeTruthy();
+  });
+
+  it('should not display the primary badge when primaryBitstreamId does not match', () => {
+    component.primaryBitstreamId = 'other-id';
+    fixture.detectChanges();
+    const badge = fixture.nativeElement.querySelector('.badge.bg-primary');
+    expect(badge).toBeNull();
+  });
 });

src/app/shared/bitstream-attachment/bitstream-attachment.component.ts

@@ -89,6 +89,11 @@ export class BitstreamAttachmentComponent implements OnInit {
    */
   @Input() item: Item;
 
+  /**
+   * The ID of the primary bitstream, used to display the Primary badge
+   */
+  @Input() primaryBitstreamId: string;
+
   /**
    * Format of the bitstream
    */

src/app/shared/bitstream-attachment/section/attachment-section.component.html

@@ -5,7 +5,7 @@
       <div class="file-section">
 
         @for (file of bitstreams; track file) {
-          <ds-bitstream-attachment [item]="item" [attachment]="file"></ds-bitstream-attachment>
+          <ds-bitstream-attachment [item]="item" [attachment]="file" [primaryBitstreamId]="primaryBitstreamId"></ds-bitstream-attachment>
         }
         @if (isLoading) {
           <ds-loading message="{{'loading.default' | translate}}" [showMessage]="false"></ds-loading>