106 lines
5.5 KiB
HTML
106 lines
5.5 KiB
HTML
<schema2jsonld [URL]="properties.domain + properties.baseLink"
|
|
[logoURL]="properties.domain + properties.baseLink+'/assets/common-assets/logo-small-monitor.png'"
|
|
type="home"
|
|
name="OpenAIRE Monitor">
|
|
</schema2jsonld>
|
|
<div>
|
|
<div class="uk-section uk-container uk-container-large">
|
|
<div class="uk-padding-small uk-padding-remove-horizontal">
|
|
<breadcrumbs [breadcrumbs]="breadcrumbs"></breadcrumbs>
|
|
<div class="uk-margin-large-top uk-margin-large-bottom">
|
|
<div *ngIf="loading" class="uk-height-large uk-flex uk-flex-column uk-flex-center">
|
|
<loading></loading>
|
|
</div>
|
|
<div *ngIf="!loading">
|
|
<div *ngIf="manager.length > 0 || member.length > 0">
|
|
<div *ngIf="manager.length > 0" [class.uk-margin-xlarge-bottom]="member.length > 0">
|
|
<h1 class="uk-h1">You are managing</h1>
|
|
<div class="uk-margin-large-top" uk-height-match="target: .uk-card">
|
|
<div class="uk-visible@xl">
|
|
<div class="uk-grid-match uk-grid-medium uk-child-width-1-4 uk-flex-center" uk-grid>
|
|
<div *ngFor="let stakeholder of manager.slice(0, 4); let i = index">
|
|
<browse-stakeholder [stakeholder]="stakeholder"></browse-stakeholder>
|
|
</div>
|
|
</div>
|
|
<div *ngIf="manager.length > 4" class="uk-text-center uk-margin-large-top">
|
|
<a class="uk-display-inline-block uk-text-uppercase uk-button uk-button-text"
|
|
routerLinkActive="router-link-active" routerLink="/browse"
|
|
[queryParams]="{role: quote('manager')}">
|
|
<span class="uk-flex uk-flex-middle">
|
|
<span>View All ({{manager.length}})</span>
|
|
</span>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<div class="uk-hidden@xl">
|
|
<div class="uk-grid-match uk-grid-medium uk-child-width-1-3@m uk-child-width-1-1 uk-flex-center" uk-grid>
|
|
<div *ngFor="let stakeholder of manager.slice(0, 3); let i = index">
|
|
<browse-stakeholder [stakeholder]="stakeholder"></browse-stakeholder>
|
|
</div>
|
|
</div>
|
|
<div *ngIf="manager.length > 3" class="uk-text-center uk-margin-large-top">
|
|
<a class="uk-hidden@xl uk-display-inline-block uk-text-uppercase uk-button uk-button-text"
|
|
routerLinkActive="router-link-active" routerLink="/browse"
|
|
[queryParams]="{role: quote('manager')}">
|
|
<span class="uk-flex uk-flex-middle">
|
|
<span>View All ({{manager.length}})</span>
|
|
</span>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div *ngIf="member.length > 0">
|
|
<h1 class="uk-h1">You are member of</h1>
|
|
<div class="uk-margin-large-top" uk-height-match="target: .uk-card">
|
|
<div class="uk-visible@xl">
|
|
<div class="uk-grid-match uk-grid-medium uk-child-width-1-4 uk-flex-center" uk-grid>
|
|
<div *ngFor="let stakeholder of member.slice(0, 4); let i = index">
|
|
<browse-stakeholder [stakeholder]="stakeholder"></browse-stakeholder>
|
|
</div>
|
|
</div>
|
|
<div *ngIf="member.length > 4" class="uk-text-center uk-margin-large-top">
|
|
<a class="uk-display-inline-block uk-text-uppercase uk-button uk-button-text"
|
|
routerLinkActive="router-link-active" routerLink="/browse"
|
|
[queryParams]="{role: quote('member')}">
|
|
<span class="uk-flex uk-flex-middle">
|
|
<span>View All ({{member.length}})</span>
|
|
</span>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<div class="uk-hidden@xl">
|
|
<div class="uk-grid-match uk-grid-medium uk-child-width-1-3@m uk-child-width-1-1 uk-flex-center" uk-grid>
|
|
<div *ngFor="let stakeholder of member.slice(0, 3); let i = index">
|
|
<browse-stakeholder [stakeholder]="stakeholder"></browse-stakeholder>
|
|
</div>
|
|
</div>
|
|
<div *ngIf="member.length > 3" class="uk-text-center uk-margin-large-top">
|
|
<a class="uk-display-inline-block uk-text-uppercase uk-button uk-button-text"
|
|
routerLinkActive="router-link-active" routerLink="/browse"
|
|
[queryParams]="{role: quote('member')}">
|
|
<span class="uk-flex uk-flex-middle">
|
|
<span>View All ({{member.length}})</span>
|
|
</span>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div *ngIf="manager.length === 0 && member.length === 0">
|
|
<div class="uk-flex uk-flex-center uk-margin-large-bottom">
|
|
<div class="uk-card uk-card-default">
|
|
<div class="uk-card-body uk-text-bold uk-text-center ">
|
|
You are not yet member in any Dashboards.<br>
|
|
Start by browsing and subscribing in those that you are interested in.
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|