hazza/yel-dspace-angular
1
0
Fork 0
forked from hazza/dspace-angular
Code Pull Requests Activity

Add an input to show/hide the badge on file component

Browse Source
This commit is contained in:
Nicolas Boulay
2025-03-19 13:20:05 -04:00
parent 2c6754a647
commit fe3ae0e8b4
5 changed files with 20 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/app/process-page/detail/process-detail.component.html
View File

@@ -29,7 +29,7 @@
[title]="'process.detail.output-files'"> [title]="'process.detail.output-files'">
<div class="d-flex flex-column"> <div class="d-flex flex-column">
@for (file of files; track file; let last = $last) { @for (file of files; track file; let last = $last) {
<ds-file-download-link [bitstream]="file"> <ds-file-download-link [bitstream]="file" [showAccessStatusBadge]="false">
<span>{{getFileName(file)}}</span> <span>{{getFileName(file)}}</span>
<span>({{(file?.sizeBytes) | dsFileSize }})</span> <span>({{(file?.sizeBytes) | dsFileSize }})</span>
</ds-file-download-link> </ds-file-download-link>

2
src/app/shared/file-download-link/file-download-link.component.html
View File

@@ -1,4 +1,6 @@
@if (showAccessStatusBadge) {
<ds-access-status-badge [object]="bitstream"></ds-access-status-badge> <ds-access-status-badge [object]="bitstream"></ds-access-status-badge>
}
<a [routerLink]="(bitstreamPath$| async)?.routerLink" class="d-block dont-break-out mb-1" <a [routerLink]="(bitstreamPath$| async)?.routerLink" class="d-block dont-break-out mb-1"
[queryParams]="(bitstreamPath$| async)?.queryParams" [queryParams]="(bitstreamPath$| async)?.queryParams"
[target]="isBlank ? '_blank': '_self'" [target]="isBlank ? '_blank': '_self'"

5
src/app/shared/file-download-link/file-download-link.component.ts
View File

@@ -65,6 +65,11 @@ export class FileDownloadLinkComponent implements OnInit {
@Input() enableRequestACopy = true; @Input() enableRequestACopy = true;
/**
* A boolean indicating whether the access status badge is displayed
*/
@Input() showAccessStatusBadge = true;
bitstreamPath$: Observable<{ bitstreamPath$: Observable<{
routerLink: string, routerLink: string,
queryParams: any, queryParams: any,

11
src/app/shared/file-download-link/themed-file-download-link.component.ts
View File

@@ -27,7 +27,16 @@ export class ThemedFileDownloadLinkComponent extends ThemedComponent<FileDownloa
@Input() enableRequestACopy: boolean; @Input() enableRequestACopy: boolean;
protected inAndOutputNames: (keyof FileDownloadLinkComponent & keyof this)[] = ['bitstream', 'item', 'cssClasses', 'isBlank', 'enableRequestACopy']; @Input() showAccessStatusBadge: boolean;
protected inAndOutputNames: (keyof FileDownloadLinkComponent & keyof this)[] = [
'bitstream',
'item',
'cssClasses',
'isBlank',
'enableRequestACopy',
'showAccessStatusBadge',
];
protected getComponentName(): string { protected getComponentName(): string {
return 'FileDownloadLinkComponent'; return 'FileDownloadLinkComponent';

2
src/app/submission/sections/upload/file/section-upload-file.component.html
View File

@@ -27,7 +27,7 @@
<div class="float-end w-15"> <div class="float-end w-15">
<ng-container> <ng-container>
<ds-file-download-link [cssClasses]="'btn btn-link-focus'" [isBlank]="true" <ds-file-download-link [cssClasses]="'btn btn-link-focus'" [isBlank]="true"
[bitstream]="getBitstream()" [enableRequestACopy]="false"> [bitstream]="getBitstream()" [enableRequestACopy]="false" [showAccessStatusBadge]="false">
<i class="fa fa-download fa-2x text-normal" aria-hidden="true"></i> <i class="fa fa-download fa-2x text-normal" aria-hidden="true"></i>
</ds-file-download-link> </ds-file-download-link>
<button class="btn btn-link-focus" <button class="btn btn-link-focus"