1 |
57592
|
stefania.m
|
<div class="{{isEmbedRoute()? 'mapContainerEmbed' : 'mapContainer'}}">
|
2 |
|
|
<!--Map-->
|
3 |
|
|
<div class="map">
|
4 |
|
|
<!--<chart type="Map" [options]="serviceMapOptions"></chart>-->
|
5 |
|
|
<ng-container *ngIf="countries">
|
6 |
|
|
<highcharts-chart
|
7 |
|
|
[Highcharts]="Highcharts"
|
8 |
|
|
[constructorType]="'mapChart'"
|
9 |
|
|
[options]="chartMapOptions"
|
10 |
|
|
style="width: 100%; height: 100%; display: block;"
|
11 |
|
|
></highcharts-chart>
|
12 |
|
|
</ng-container>
|
13 |
|
|
|
14 |
|
|
<!--<img src="../../../assets/img/mapExample.png">-->
|
15 |
|
|
</div>
|
16 |
|
|
|
17 |
|
|
<!--Map Controls-->
|
18 |
|
|
<div class="uk-width-large-1-1 uk-container-center uk-text-center uk-margin-top mapControls">
|
19 |
|
|
<ul class="uk-nav uk-nav-side uk-nav-horizontal uk-nav-parent-icon" data-uk-nav="{multiple:true}">
|
20 |
|
|
<li>
|
21 |
|
|
<a (click)="changeView('publications')">
|
22 |
|
|
<span class="uk-nav-label" style="background-color: #5086BA !important;"></span>
|
23 |
|
|
<span class="text {{activeView=='publications' ? 'active' : ''}}">OA publications</span>
|
24 |
|
|
</a>
|
25 |
|
|
</li>
|
26 |
|
|
<li>
|
27 |
|
|
<a (click)="changeView('datasets')">
|
28 |
|
|
<span class="uk-nav-label" style="background-color: #44653D !important;"></span>
|
29 |
|
|
<span class="text {{activeView=='datasets' ? 'active' : ''}}">OA datasets</span>
|
30 |
|
|
</a>
|
31 |
|
|
</li>
|
32 |
|
|
<li>
|
33 |
|
|
<a (click)="changeView('repositories')">
|
34 |
|
|
<span class="uk-nav-label" style="background-color: #A33C3C !important;"></span>
|
35 |
|
|
<span class="text {{activeView=='repositories' ? 'active' : ''}}">OA repositories</span>
|
36 |
|
|
</a>
|
37 |
|
|
</li>
|
38 |
|
|
<li>
|
39 |
|
|
<a (click)="changeView('journals')">
|
40 |
|
|
<span class="uk-nav-label" style="background-color: #7056AF !important;"></span>
|
41 |
|
|
<span class="text {{activeView=='journals' ? 'active' : ''}}">OA journals</span>
|
42 |
|
|
</a>
|
43 |
|
|
</li>
|
44 |
|
|
<li>
|
45 |
|
|
<a (click)="changeView('policies')">
|
46 |
|
|
<span class="uk-nav-label" style="background-color: #A26C0A !important;"></span>
|
47 |
|
|
<span class="text {{activeView=='policies' ? 'active' : ''}}">OA policies</span>
|
48 |
|
|
</a>
|
49 |
|
|
</li>
|
50 |
|
|
</ul>
|
51 |
|
|
<!--<h2 class="heading_b">-->
|
52 |
|
|
<!--Our Team-->
|
53 |
|
|
<!--<span class="sub-heading">Lorem ipsum dolor sit amet, consectetur adipisicing elit.</span>-->
|
54 |
|
|
<!--</h2>-->
|
55 |
|
|
</div>
|
56 |
|
|
</div>
|