1
|
<schema2jsonld [URL]="properties.baseLink"
|
2
|
[logoURL]="properties.baseLink+'/assets/common-assets/logo-small-monitor.png'" type="home"
|
3
|
name="OpenAIRE Monitor">
|
4
|
</schema2jsonld>
|
5
|
<div
|
6
|
class="image-front-topbar uk-margin-medium-top"
|
7
|
uk-scrollspy="{"target":"[uk-scrollspy-class]","cls":"uk-animation-fade","delay":false}"
|
8
|
tm-header-transparent="light" tm-header-transparent-placeholder="">
|
9
|
<div *ngIf="status === errorCodes.LOADING" class="uk-animation-fade uk-margin-top uk-width-1-1" role="alert">
|
10
|
<span class="loading-gif uk-align-center"></span>
|
11
|
</div>
|
12
|
<div *ngIf="stakeholder && status === errorCodes.DONE && activeTopic"
|
13
|
class="uk-background-primary uk-light uk-padding-small">
|
14
|
<div class="uk-flex uk-flex-middle topic-nav" uk-grid>
|
15
|
<div class="uk-width-1-5@m uk-margin-left">
|
16
|
<span class="uk-text-bold uk-h4">{{stakeholder.index_name}}</span><br>
|
17
|
<span class="uk-h5">Monitor Dashboard</span>
|
18
|
</div>
|
19
|
<nav class="uk-width-3-5@m uk-navbar" uk-navbar>
|
20
|
<div class="uk-navbar-center">
|
21
|
<ul class="uk-navbar-nav">
|
22
|
<ng-template ngFor [ngForOf]="stakeholder.topics" let-topic let-i="index">
|
23
|
<li [ngClass]="(topic.alias === activeTopic.alias)?'uk-active':''">
|
24
|
<a (click)="navigateTo(stakeholder.alias, topic.alias)">{{topic.name}}</a>
|
25
|
</li>
|
26
|
</ng-template>
|
27
|
</ul>
|
28
|
</div>
|
29
|
</nav>
|
30
|
</div>
|
31
|
</div>
|
32
|
<div uk-grid>
|
33
|
<sidebar [menuItems]="sideMenuItems" class="uk-width-1-5 sidebar"></sidebar>
|
34
|
<div class="uk-width-expand uk-padding">
|
35
|
<h5 class="uk-margin-bottom">Indicators</h5>
|
36
|
</div>
|
37
|
</div>
|
38
|
</div>
|