mirror of
https://github.com/DSpace/dspace-angular.git
synced 2025-10-17 15:03:07 +00:00
51 lines
1.9 KiB
HTML
51 lines
1.9 KiB
HTML
<ds-metadata-field-wrapper [label]="label | translate">
|
|
<ng-container *ngFor="let mdValue of mdValues; let last=last;">
|
|
<!--
|
|
Choose a template. Priority: markdown, link, browse link.
|
|
-->
|
|
<ng-container *ngTemplateOutlet="(renderMarkdown ? markdown : (hasLink(mdValue) ? (hasValue(img) ? linkImg : link) : (hasBrowseDefinition() ? browselink : simple)));
|
|
context: {value: mdValue.value, img}">
|
|
</ng-container>
|
|
<span class="separator" *ngIf="!last" [innerHTML]="separator"></span>
|
|
</ng-container>
|
|
</ds-metadata-field-wrapper>
|
|
|
|
<!-- Render value as markdown -->
|
|
<ng-template #markdown let-value="value">
|
|
<span class="dont-break-out" [dsMarkdown]="value">
|
|
</span>
|
|
</ng-template>
|
|
|
|
<!-- Render value as a link (href and label) -->
|
|
<ng-template #link let-value="value">
|
|
<a class="dont-break-out ds-simple-metadata-link"
|
|
[href]="value"
|
|
[attr.target]="getLinkAttributes(value).target"
|
|
[attr.rel]="getLinkAttributes(value).rel">
|
|
{{value}}
|
|
</a>
|
|
</ng-template>
|
|
|
|
<!-- Render value as a link with icon -->
|
|
<ng-template #linkImg let-img="img" let-value="value">
|
|
<a [href]="value" class="link-anchor dont-break-out ds-simple-metadata-link" target="_blank">
|
|
<img class="link-logo"
|
|
[alt]="img.alt | translate"
|
|
[style.height]="'var(' + img.heightVar + ', --ds-item-page-img-field-default-inline-height)'"
|
|
[src]="img.URI"/>
|
|
{{value}}
|
|
</a>
|
|
</ng-template>
|
|
|
|
<!-- Render simple value in a span -->
|
|
<ng-template #simple let-value="value">
|
|
<span class="dont-break-out preserve-line-breaks">{{value}}</span>
|
|
</ng-template>
|
|
|
|
<!-- Render value as a link to browse index -->
|
|
<ng-template #browselink let-value="value">
|
|
<a class="dont-break-out preserve-line-breaks ds-browse-link"
|
|
[routerLink]="['/browse', browseDefinition.id]"
|
|
[queryParams]="getQueryParams(value)">{{value}}</a>
|
|
</ng-template>
|