1
|
<div class="{{isEmbedRoute()? 'mapContainerEmbed' : 'mapContainer'}}">
|
2
|
<!--Map-->
|
3
|
<ng-container>
|
4
|
<div *ngIf="overviewMapData" echarts [options]="options" class="demo-chart" (chartClick)="onChartClick($event, 'chartClick')"></div>
|
5
|
<div *ngIf="!overviewMapData" class="loading-big">
|
6
|
<div uk-spinner="ratio: 2" class="uk-overlay uk-position-center uk-dark" style="margin: auto"></div>
|
7
|
<!--<div class="loader-big" style="text-align: center; padding-top: 170px; color: rgb(47, 64, 80); font-weight: bold;">-->
|
8
|
<!--{{ loadingMessage }}-->
|
9
|
<!--</div>-->
|
10
|
<div class="transparentFilm"></div>
|
11
|
</div>
|
12
|
</ng-container>
|
13
|
|
14
|
|
15
|
<!--Map Controls-->
|
16
|
<div class="uk-width-large-1-1 uk-container-center uk-text-center uk-margin-top mapControls">
|
17
|
<ul class="uk-nav uk-nav-side uk-nav-horizontal uk-nav-parent-icon" data-uk-nav="{multiple:true}">
|
18
|
<li>
|
19
|
<a (click)="changeView('publications')">
|
20
|
<span class="uk-nav-label" style="background-color: #F8D5E3 !important; border: 1px solid #F17AA9;"></span>
|
21
|
<span class="text {{activeView=='publications' ? 'active' : ''}}">OA publications</span>
|
22
|
</a>
|
23
|
</li>
|
24
|
<li>
|
25
|
<a (click)="changeView('datasets')">
|
26
|
<span class="uk-nav-label" style="background-color: #E2DAF0 !important; border: 1px solid #A98BD4;"></span>
|
27
|
<span class="text {{activeView=='datasets' ? 'active' : ''}}">OA datasets</span>
|
28
|
</a>
|
29
|
</li>
|
30
|
<li>
|
31
|
<a (click)="changeView('repositories')">
|
32
|
<span class="uk-nav-label" style="background-color: #C5E0E9 !important; border: 1px solid #708AA5;"></span>
|
33
|
<span class="text {{activeView=='repositories' ? 'active' : ''}}">repositories</span>
|
34
|
</a>
|
35
|
</li>
|
36
|
<li>
|
37
|
<a (click)="changeView('journals')">
|
38
|
<span class="uk-nav-label" style="background-color: #FBE8B1 !important; border: 1px solid #FFCE4E;"></span>
|
39
|
<span class="text {{activeView=='journals' ? 'active' : ''}}">journals</span>
|
40
|
</a>
|
41
|
</li>
|
42
|
<li>
|
43
|
<a (click)="changeView('policies')">
|
44
|
<span class="uk-nav-label" style="background-color: #D4ECD6 !important; border: 1px solid #639C66;"></span>
|
45
|
<span class="text {{activeView=='policies' ? 'active' : ''}}">OA policies</span>
|
46
|
</a>
|
47
|
</li>
|
48
|
</ul>
|
49
|
<!--<h2 class="heading_b">-->
|
50
|
<!--Our Team-->
|
51
|
<!--<span class="sub-heading">Lorem ipsum dolor sit amet, consectetur adipisicing elit.</span>-->
|
52
|
<!--</h2>-->
|
53
|
</div>
|
54
|
</div>
|