34 lines
1.9 KiB
HTML
34 lines
1.9 KiB
HTML
<a *ngIf="directLink && stakeholder" [href]="getStakeholderPageUrl()" target="_blank"
|
|
class="uk-height-1-1 uk-link-reset uk-display-block" [class.uk-disabled]="!hasPermission()">
|
|
<ng-container [ngTemplateOutlet]="card"></ng-container>
|
|
</a>
|
|
<a *ngIf="!directLink && stakeholder" (click)="confirmModalOpen()"
|
|
class="uk-height-1-1 uk-link-reset uk-display-block" [class.uk-disabled]="!hasPermission()">
|
|
<ng-container [ngTemplateOutlet]="card"></ng-container>
|
|
</a>
|
|
<ng-template #card>
|
|
<div class="uk-card uk-card-default uk-card-hover uk-card-body" [ngClass]="stakeholder.type" [class.uk-disabled]="!hasPermission()">
|
|
<div *ngIf="stakeholder.visibility && stakeholder.visibility !== 'PUBLIC'"
|
|
class="uk-position-top-right uk-margin-small-top uk-margin-small-right uk-flex uk-flex-column uk-flex-middle">
|
|
<icon [name]="visibilityIcon.get(stakeholder.visibility)" ratio="1.2" [flex]="true"></icon>
|
|
<span class="uk-text-small uk-text-capitalize">{{stakeholder.visibility.toLowerCase()}}</span>
|
|
</div>
|
|
<div class="uk-card-media-top uk-padding-small uk-padding-remove-vertical uk-flex uk-flex-center uk-flex-middle uk-height-xsmall">
|
|
<img *ngIf="stakeholder.logoUrl" [src]="stakeholder | logoUrl" [alt]="stakeholder.name + ' logo'" class="uk-height-max-xsmall uk-blend-multiply">
|
|
</div>
|
|
<div class="uk-card-body uk-padding-remove-horizontal">
|
|
<div class="uk-text-capitalize uk-text-small type">{{mapType(stakeholder.type)}}</div>
|
|
<div class="uk-h6 uk-link uk-margin-remove multi-line-ellipsis lines-2">
|
|
<p *ngIf="stakeholder.name" class="uk-margin-remove">
|
|
{{stakeholder.name}}
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</ng-template>
|
|
<modal-alert #AlertModal (alertOutput)="goToPage($event)">
|
|
<div class="uk-text-left">
|
|
You will be navigated to a new tab. Are you sure that you want to proceed?
|
|
</div>
|
|
</modal-alert>
|