D-Net

                    <dl class="uk-description-list-line">

                        <dt class="title">Published in</dt>

                        <dd class="line" *ngFor="let key of publicationInfo.publishedIn.keys() let i=index">

                            <div *ngIf="i<5 || showAllPublishedIn" class="{{publicationInfo.publishedIn.get(key)['bestAccessMode']}}">

                                <span [class]="publicationInfo.publishedIn.get(key)['url'].length > 0 ? 'custom-external custom-icon' : ''">

                                    <span *ngIf="publicationInfo.publishedIn.get(key)['url'].length > 1">

                                        {{key}}

                                        <span *ngFor="let url of publicationInfo.publishedIn.get(key)['url']; let i=index">

                                            <a  href="{{url}}" target="_blank"

                                                [attr.uk-tooltip]="publicationInfo.publishedIn.get(key)['accessMode'][i] ? 'pos:right; delay:10' : 'cls: uk-invisible'"

                                                [title]="publicationInfo.publishedIn.get(key)['accessMode'][i]">

                                                [{{i+1}}]

                                            </a>

                                        </span>

                                    </span>

                                    <a *ngIf="publicationInfo.publishedIn.get(key)['url'].length == 1"

                                        href="{{publicationInfo.publishedIn.get(key)['url']}}"

                                        target="_blank"

                                        [attr.uk-tooltip]="publicationInfo.publishedIn.get(key)['bestAccessMode'] ? 'pos:right; delay:10' : 'cls: uk-invisible'"

                                        [title]="publicationInfo.publishedIn.get(key)['bestAccessMode']">

                                        {{key}}

                                    </a>

                                    <span *ngIf="publicationInfo.publishedIn.get(key)['url'].length == 0"

                                          [attr.uk-tooltip]="publicationInfo.publishedIn.get(key)['bestAccessMode'] ? 'pos:right; delay:10' : 'cls: uk-invisible'"

                                          [title]="publicationInfo.publishedIn.get(key)['bestAccessMode']">

                                        {{key}}

                                    </span>

                                </span>

                            </div>

                        </dd>

                        <dd *ngIf="showAllPublishedIn" class="uk-text-right">

                            <a class="uk-text-muted" (click)="showAllPublishedIn = !showAllPublishedIn;">

                                View less

                            </a>

                        </dd>

                        <dd *ngIf="!showAllPublishedIn && publicationInfo.publishedIn.size > 5">...</dd>

                        <dd *ngIf="!showAllPublishedIn && publicationInfo.publishedIn.length > 5" class="uk-text-right">

                            <a class="uk-text-muted" (click)="showAllPublishedIn = !showAllPublishedIn;">

                                View more

                            </a>

                        </dd>

                    </dl>

                    <dl class="uk-description-list-line">

                        <dt  class="title">Funded By</dt>

                        <dd class="line"

                            *ngFor="let item of publicationInfo.fundedByProjects let i=index">

                            <div *ngIf="i<5 || showAllFundedBy">

                                <span   uk-tooltip="pos:right; delay:10"

                                        title="{{buildFundingTooltip(item)}}">

                                    <a *ngIf="!item['inline'] && item.id"

                                        [queryParams]="{projectId: item.id}" routerLinkActive="router-link-active" routerLink="/search/project">

                                        <span *ngIf="item['funderShortname'] || item['funderName']">{{item['funderShortname']?item['funderShortname']:item['funderName']}}</span>

                                        <span *ngIf="!item['funderShortname'] && !item['funderName']">[no funder available]</span>

                                        <span *ngIf="item['acronym'] || item['title']">| {{ item['acronym']?item['acronym']:item['title']}}</span>

                                    </a>

                                    <a *ngIf="item['inline'] && item.id"

                                        [queryParams]="{projectId: item.id}" routerLinkActive="router-link-active" routerLink="/search/project">

                                        <mark>

                                            <span *ngIf="item['funderShortname'] || item['funderName']">{{item['funderShortname']?item['funderShortname']:item['funderName']}}</span>

                                            <span *ngIf="!item['funderShortname'] && !item['funderName']">[no funder available]</span>

                                            <span *ngIf="item['acronym'] || item['title']">| {{ item['acronym']?item['acronym']:item['title']}}</span>

                                        </mark>

                                    </a>

                                    <span class="clickable" *ngIf="!item['inline'] && !item.id">

                                        <span *ngIf="item['funderShortname'] || item['funderName']">{{item['funderShortname']?item['funderShortname']:item['funderName']}}</span>

                                        <span *ngIf="!item['funderShortname'] && !item['funderName']">[no funder available]</span>

                                        <span *ngIf="item['acronym'] || item['title']">| {{ item['acronym']?item['acronym']:item['title']}}</span>

                                    </span>

                                    <span class="clickable" *ngIf="item['inline'] && !item.id">

                                        <mark>

                                            <span *ngIf="item['funderShortname'] || item['funderName']">{{item['funderShortname']?item['funderShortname']:item['funderName']}}</span>

                                            <span *ngIf="!item['funderShortname'] && !item['funderName']">[no funder available]</span>

                                            <span *ngIf="item['acronym'] || item['title']">| {{ item['acronym']?item['acronym']:item['title']}}</span>

                                        </mark>

                                    </span>

                                    <span class="uk-icon">

<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" icon="info" ratio="1"><path d="M12.13,11.59 C11.97,12.84 10.35,14.12 9.1,14.16 C6.17,14.2 9.89,9.46 8.74,8.37 C9.3,8.16 10.62,7.83 10.62,8.81 C10.62,9.63 10.12,10.55 9.88,11.32 C8.66,15.16 12.13,11.15 12.14,11.18 C12.16,11.21 12.16,11.35 12.13,11.59 C12.08,11.95 12.16,11.35 12.13,11.59 L12.13,11.59 Z M11.56,5.67 C11.56,6.67 9.36,7.15 9.36,6.03 C9.36,5 11.56,4.54 11.56,5.67 L11.56,5.67 Z"></path><circle fill="none" stroke="#000" stroke-width="1.1" cx="10" cy="10" r="9"></circle></svg>

</span>

                                </span>

                            </div>

                        </dd>

                        <dd *ngIf="showAllFundedBy" class="uk-text-right">

                            <a class="uk-text-muted" (click)="showAllFundedBy = !showAllFundedBy;">

                                View less

                            </a>

                        </dd>

                        <dd *ngIf="!showAllFundedBy && publicationInfo.fundedByProjects && publicationInfo.fundedByProjects.length > 5">...</dd>

                        <dd *ngIf="!showAllFundedBy && publicationInfo.fundedByProjects && publicationInfo.fundedByProjects.length > 5" class="uk-text-right">

                            <a class="uk-text-muted" (click)="showAllFundedBy = !showAllFundedBy;">

                                View more

                            </a>

                        </dd>

                    </dl>