| 1 |
57746
|
stefania.m
|
|
| 2 |
|
|
<div>
|
| 3 |
|
|
<div class="uk-offcanvas-content">
|
| 4 |
|
|
|
| 5 |
58904
|
stefania.m
|
<!--MOBILE & PAD PORTRAIT-->
|
| 6 |
57746
|
stefania.m
|
<div class="tm-header-mobile uk-hidden@m">
|
| 7 |
58904
|
stefania.m
|
|
| 8 |
|
|
<ng-container *ngIf="isHomeRoute() ; else smallHeader">
|
| 9 |
58958
|
stefania.m
|
<div class="uk-hidden@m">
|
| 10 |
60124
|
stefania.m
|
<a *ngIf="environmentName==='beta'" href="/"><img alt="BETA" class="medium-beta-indication-nonFixed" src="../../../assets/img/beta_flag.svg"></a>
|
| 11 |
58958
|
stefania.m
|
</div>
|
| 12 |
58904
|
stefania.m
|
<nav class="uk-navbar-container uk-navbar" uk-navbar>
|
| 13 |
|
|
<div class="uk-navbar-right">
|
| 14 |
|
|
|
| 15 |
|
|
<ul class="uk-navbar-nav">
|
| 16 |
|
|
<li>
|
| 17 |
60843
|
stefania.m
|
<a class="" href="#offcanvas-nav" uk-toggle>
|
| 18 |
58904
|
stefania.m
|
<div uk-navbar-toggle-icon="" class="uk-navbar-toggle-icon uk-icon">
|
| 19 |
|
|
</div>
|
| 20 |
|
|
</a>
|
| 21 |
60843
|
stefania.m
|
<!--<div class="uk-navbar-dropdown">-->
|
| 22 |
|
|
<!--<ul class="uk-nav uk-navbar-dropdown-nav">-->
|
| 23 |
|
|
<!--<li class="uk-active"><a routerLink="/home">Home</a></li>-->
|
| 24 |
|
|
<!--<li class="uk-active"><a [routerLink]="['/overview','europe']">OA in Europe</a></li>-->
|
| 25 |
|
|
<!--<!–<li class="uk-active"><a href="#">About</a></li>–>-->
|
| 26 |
|
|
<!--<li class="uk-active"><a routerLink="/methodology">Methodology</a></li>-->
|
| 27 |
|
|
<!--<!–<li class="uk-nav-divider"></li>–>-->
|
| 28 |
|
|
<!--<!–<li class="uk-active"><a routerLink="/home">Sign In</a></li>–>-->
|
| 29 |
|
|
<!--</ul>-->
|
| 30 |
|
|
<!--</div>-->
|
| 31 |
58904
|
stefania.m
|
</li>
|
| 32 |
|
|
</ul>
|
| 33 |
|
|
|
| 34 |
|
|
</div>
|
| 35 |
|
|
</nav>
|
| 36 |
|
|
|
| 37 |
|
|
<nav class="uk-navbar-container uk-navbar" uk-navbar="">
|
| 38 |
|
|
<div class="uk-navbar-center">
|
| 39 |
58912
|
stefania.m
|
<a class="uk-navbar-item uk-logo" routerLink="/home">
|
| 40 |
58904
|
stefania.m
|
<img src="../../../assets/img/OS_Logo_Vertical.svg" alt="Open Science Observatory" width="161"
|
| 41 |
|
|
class="uk-responsive-height"> </a>
|
| 42 |
|
|
</div>
|
| 43 |
|
|
</nav>
|
| 44 |
|
|
</ng-container>
|
| 45 |
|
|
|
| 46 |
|
|
<ng-template #smallHeader>
|
| 47 |
58958
|
stefania.m
|
<div class="uk-hidden@m">
|
| 48 |
60124
|
stefania.m
|
<a *ngIf="environmentName==='beta'" href="/"><img alt="BETA" class="medium-beta-indication-fixed" src="../../../assets/img/beta_flag.svg"></a>
|
| 49 |
58958
|
stefania.m
|
</div>
|
| 50 |
58904
|
stefania.m
|
<nav class="uk-navbar-container uk-navbar smallHeader" uk-navbar>
|
| 51 |
|
|
<div class="uk-navbar-left">
|
| 52 |
58912
|
stefania.m
|
<a class="uk-navbar-item uk-logo" routerLink="/home">
|
| 53 |
58904
|
stefania.m
|
<img src="../../../assets/img/OS_Logo_small.svg" alt="Open Science Observatory" width="36"
|
| 54 |
|
|
class="uk-responsive-height"> </a>
|
| 55 |
|
|
</div>
|
| 56 |
|
|
|
| 57 |
|
|
<div class="uk-navbar-center">
|
| 58 |
58912
|
stefania.m
|
|
| 59 |
|
|
<div class="uk-autocomplete uk-form uk-search uk-search-default searchForCountry">
|
| 60 |
61508
|
stefania.m
|
<span id="search-icon-mobile" uk-search-icon></span>
|
| 61 |
58912
|
stefania.m
|
<ng-autocomplete
|
| 62 |
|
|
[data]="countriesCollection"
|
| 63 |
|
|
[searchKeyword]="keyword"
|
| 64 |
61508
|
stefania.m
|
[placeholder]="'Search for a country...'"
|
| 65 |
58912
|
stefania.m
|
(selected)='selectCountryFromAutocompleteEvent($event)'
|
| 66 |
|
|
(inputChanged)='onChangeSearch($event)'
|
| 67 |
|
|
(inputFocused)='onFocused($event)'
|
| 68 |
|
|
historyIdentifier="countriesCollection"
|
| 69 |
|
|
[itemTemplate]="itemTemplate"
|
| 70 |
|
|
[notFoundTemplate]="notFoundTemplate">
|
| 71 |
|
|
</ng-autocomplete>
|
| 72 |
|
|
|
| 73 |
|
|
<ng-template #itemTemplate let-item>
|
| 74 |
|
|
<a [innerHTML]="item.name"></a>
|
| 75 |
|
|
</ng-template>
|
| 76 |
|
|
|
| 77 |
|
|
<ng-template #notFoundTemplate let-notFound>
|
| 78 |
|
|
<div [innerHTML]="notFound"></div>
|
| 79 |
|
|
</ng-template>
|
| 80 |
57746
|
stefania.m
|
</div>
|
| 81 |
58912
|
stefania.m
|
|
| 82 |
|
|
<!--<div class="uk-autocomplete uk-form uk-search uk-search-default searchForCountry" data-uk-autocomplete="{source:'https://getuikit.com/v2/tests/components/_autocomplete.json'}">-->
|
| 83 |
|
|
<!--<span uk-search-icon></span>-->
|
| 84 |
|
|
<!--<input class="uk-search-input" type="search" placeholder="Search for a country...">-->
|
| 85 |
|
|
<!--<!–<input type="text">–>-->
|
| 86 |
|
|
<!--</div>-->
|
| 87 |
|
|
|
| 88 |
57746
|
stefania.m
|
</div>
|
| 89 |
|
|
|
| 90 |
58904
|
stefania.m
|
<div class="uk-navbar-right">
|
| 91 |
|
|
<ul class="uk-navbar-nav">
|
| 92 |
|
|
<li>
|
| 93 |
60843
|
stefania.m
|
<a class="" href="#offcanvas-nav" uk-toggle>
|
| 94 |
58904
|
stefania.m
|
<div uk-navbar-toggle-icon="" class="uk-navbar-toggle-icon uk-icon">
|
| 95 |
|
|
</div>
|
| 96 |
|
|
</a>
|
| 97 |
60843
|
stefania.m
|
<!--<div class="uk-navbar-dropdown">-->
|
| 98 |
|
|
<!--<ul class="uk-nav uk-navbar-dropdown-nav">-->
|
| 99 |
|
|
<!--<li class="uk-active"><a routerLink="/home">Home</a></li>-->
|
| 100 |
|
|
<!--<li class="uk-active"><a [routerLink]="['/overview', 'europe']">OA in Europe</a></li>-->
|
| 101 |
|
|
<!--<!–<li class="uk-active"><a href="#">About</a></li>–>-->
|
| 102 |
|
|
<!--<li class="uk-active"><a routerLink="/methodology">Methodology</a></li>-->
|
| 103 |
|
|
<!--<!–<li class="uk-nav-divider"></li>–>-->
|
| 104 |
|
|
<!--<!–<li class="uk-active"><a routerLink="/home">Sign In</a></li>–>-->
|
| 105 |
|
|
<!--</ul>-->
|
| 106 |
|
|
<!--</div>-->
|
| 107 |
58904
|
stefania.m
|
</li>
|
| 108 |
|
|
</ul>
|
| 109 |
57592
|
stefania.m
|
|
| 110 |
58904
|
stefania.m
|
</div>
|
| 111 |
|
|
</nav>
|
| 112 |
57746
|
stefania.m
|
|
| 113 |
58904
|
stefania.m
|
</ng-template>
|
| 114 |
57746
|
stefania.m
|
|
| 115 |
|
|
|
| 116 |
58904
|
stefania.m
|
</div>
|
| 117 |
57746
|
stefania.m
|
|
| 118 |
60843
|
stefania.m
|
<div id="offcanvas-nav" class="tm-mobile uk-hidden@m" uk-offcanvas="flip: true; overlay: true;">
|
| 119 |
|
|
<!--<div class="uk-offcanvas-bar">-->
|
| 120 |
|
|
<div class="uk-offcanvas-bar-light">
|
| 121 |
58904
|
stefania.m
|
|
| 122 |
60843
|
stefania.m
|
<button class="uk-offcanvas-close" type="button" uk-close></button>
|
| 123 |
|
|
|
| 124 |
|
|
<ul class="uk-nav uk-nav-default">
|
| 125 |
60851
|
stefania.m
|
<li [routerLinkActive]="['uk-active']" class="uk-margin-top"><a routerLink="/home" [routerLinkActive]="['uk-active']" class="uk-offcanvas-close custom-offcanvas-close">Home</a></li>
|
| 126 |
61460
|
stefania.m
|
<li [routerLinkActive]="['uk-active']" class="uk-margin-top"><a [routerLink]="['/continent', 'europe']" [routerLinkActive]="['uk-active']" class="uk-offcanvas-close custom-offcanvas-close">OA in Europe</a></li>
|
| 127 |
60851
|
stefania.m
|
<li class="uk-parent uk-margin-top" [routerLinkActive]="['uk-active']">
|
| 128 |
60843
|
stefania.m
|
<a href="#">Methodology</a>
|
| 129 |
|
|
<ul class="uk-nav-sub">
|
| 130 |
|
|
<li><a routerLink="/methodology" routerLinkActive="uk-active" class="uk-offcanvas-close custom-offcanvas-close">Overview</a></li>
|
| 131 |
|
|
<li><a routerLink="/methodology" fragment="terminology" routerLinkActive="uk-active" class="uk-offcanvas-close custom-offcanvas-close">Terminology and construction</a></li>
|
| 132 |
|
|
</ul>
|
| 133 |
|
|
</li>
|
| 134 |
|
|
<!--<li class="uk-nav-header">Header</li>-->
|
| 135 |
|
|
<!--<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: table"></span> Item</a></li>-->
|
| 136 |
|
|
<!--<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: thumbnails"></span> Item</a></li>-->
|
| 137 |
|
|
<!--<li class="uk-nav-divider"></li>-->
|
| 138 |
|
|
<!--<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: trash"></span> Item</a></li>-->
|
| 139 |
|
|
</ul>
|
| 140 |
|
|
|
| 141 |
|
|
</div>
|
| 142 |
|
|
</div>
|
| 143 |
|
|
|
| 144 |
58904
|
stefania.m
|
<!--LAPTOP & PAD LANDSCAPE-->
|
| 145 |
58958
|
stefania.m
|
<div class="uk-visible@m">
|
| 146 |
60124
|
stefania.m
|
<a *ngIf="environmentName==='beta'" href="/"><img alt="BETA" class="large-beta-indication" src="../../../assets/img/beta_flag.svg"></a>
|
| 147 |
58958
|
stefania.m
|
</div>
|
| 148 |
57746
|
stefania.m
|
<div class="tm-header uk-visible@m tm-header-transparent" uk-header="">
|
| 149 |
|
|
<div class="uk-navbar-container uk-sticky uk-navbar-transparent" uk-sticky="top:0" media="768"
|
| 150 |
|
|
cls-active="uk-active uk-navbar-sticky" style="" animation="uk-animation-slide-top"
|
| 151 |
|
|
top=".tm-header + [class*="uk-section"]" cls-inactive="uk-navbar-transparent">
|
| 152 |
|
|
<div class="uk-container uk-container-expand">
|
| 153 |
|
|
<nav class="uk-navbar" uk-navbar="{"align":"left"}">
|
| 154 |
|
|
<div class="uk-navbar-left">
|
| 155 |
58912
|
stefania.m
|
<a routerLink="/home" class="uk-logo uk-navbar-item">
|
| 156 |
58825
|
stefania.m
|
<img src="../../../assets/img/OS_Logo_Horizontal.svg" alt="Open Science Observatory" class="uk-responsive-height">
|
| 157 |
57746
|
stefania.m
|
</a>
|
| 158 |
|
|
</div>
|
| 159 |
|
|
|
| 160 |
61493
|
andreas.ma
|
<div class="uk-navbar-center">
|
| 161 |
|
|
|
| 162 |
|
|
<div class="uk-autocomplete uk-form uk-search uk-search-default searchForCountry">
|
| 163 |
|
|
<span id="search-icon" uk-search-icon></span>
|
| 164 |
|
|
<ng-autocomplete
|
| 165 |
|
|
[data]="countriesCollection"
|
| 166 |
|
|
[searchKeyword]="keyword"
|
| 167 |
61508
|
stefania.m
|
[placeholder]="'Search for a country...'"
|
| 168 |
61493
|
andreas.ma
|
(selected)='selectCountryFromAutocompleteEvent($event)'
|
| 169 |
|
|
(inputChanged)='onChangeSearch($event)'
|
| 170 |
|
|
(inputFocused)='onFocused($event)'
|
| 171 |
|
|
historyIdentifier="countriesCollection"
|
| 172 |
|
|
[itemTemplate]="itemTemplate"
|
| 173 |
|
|
[notFoundTemplate]="notFoundTemplate">
|
| 174 |
|
|
</ng-autocomplete>
|
| 175 |
|
|
|
| 176 |
|
|
<ng-template #itemTemplate let-item>
|
| 177 |
|
|
<a [innerHTML]="item.name"></a>
|
| 178 |
|
|
</ng-template>
|
| 179 |
|
|
|
| 180 |
|
|
<ng-template #notFoundTemplate let-notFound>
|
| 181 |
|
|
<div [innerHTML]="notFound"></div>
|
| 182 |
|
|
</ng-template>
|
| 183 |
|
|
</div>
|
| 184 |
|
|
|
| 185 |
|
|
<!--<div class="uk-autocomplete uk-form uk-search uk-search-default searchForCountry" data-uk-autocomplete="{source:'https://getuikit.com/v2/tests/components/_autocomplete.json'}">-->
|
| 186 |
|
|
<!--<span uk-search-icon></span>-->
|
| 187 |
|
|
<!--<input class="uk-search-input" type="search" placeholder="Search for a country...">-->
|
| 188 |
|
|
<!--<!–<input type="text">–>-->
|
| 189 |
|
|
<!--</div>-->
|
| 190 |
|
|
|
| 191 |
|
|
</div>
|
| 192 |
|
|
|
| 193 |
57746
|
stefania.m
|
<div class="uk-navbar-right">
|
| 194 |
|
|
|
| 195 |
|
|
<ul class="uk-navbar-nav" >
|
| 196 |
|
|
<li class="uk-parent" [routerLinkActive]="['uk-active']">
|
| 197 |
58912
|
stefania.m
|
<a routerLink="/home" [routerLinkActive]="['uk-active']">
|
| 198 |
58904
|
stefania.m
|
Home
|
| 199 |
57746
|
stefania.m
|
</a>
|
| 200 |
|
|
</li>
|
| 201 |
|
|
<li class="uk-parent" [routerLinkActive]="['uk-active']">
|
| 202 |
61460
|
stefania.m
|
<a [routerLink]="['/continent', 'europe']" [routerLinkActive]="['uk-active']">
|
| 203 |
58904
|
stefania.m
|
OA in Europe
|
| 204 |
|
|
</a>
|
| 205 |
|
|
</li>
|
| 206 |
60843
|
stefania.m
|
<!--<li class="uk-parent" [routerLinkActive]="['uk-active']">-->
|
| 207 |
|
|
<!--<a routerLink="/methodology" [routerLinkActive]="['uk-active']">-->
|
| 208 |
|
|
<!--Methodology-->
|
| 209 |
|
|
<!--</a>-->
|
| 210 |
|
|
<!--</li>-->
|
| 211 |
58904
|
stefania.m
|
<li class="uk-parent" [routerLinkActive]="['uk-active']">
|
| 212 |
60843
|
stefania.m
|
<a href="#" class="" aria-expanded="false">
|
| 213 |
57746
|
stefania.m
|
Methodology
|
| 214 |
|
|
</a>
|
| 215 |
60843
|
stefania.m
|
<div class="uk-navbar-dropdown uk-navbar-dropdown-bottom-left" style="top: 80px; left: 106.55px;" id="methodology" uk-toggle>
|
| 216 |
|
|
<div class="uk-navbar-dropdown-grid uk-child-width-1-1 uk-grid uk-grid-stack" uk-grid="">
|
| 217 |
|
|
<div class="uk-first-column">
|
| 218 |
|
|
<ul class="uk-nav uk-navbar-dropdown-nav">
|
| 219 |
|
|
<!--<li><a [routerLink]="['/support/faqs']" routerLinkActive="uk-active">FAQs</a></li>-->
|
| 220 |
|
|
<li><a routerLink="/methodology" routerLinkActive="uk-active">Overview</a></li>
|
| 221 |
|
|
<li><a routerLink="/methodology" fragment="terminology" routerLinkActive="uk-active">Terminology and construction</a></li>
|
| 222 |
|
|
</ul>
|
| 223 |
|
|
</div>
|
| 224 |
|
|
</div>
|
| 225 |
|
|
</div>
|
| 226 |
57746
|
stefania.m
|
</li>
|
| 227 |
58958
|
stefania.m
|
<!--<li class="uk-parent" [routerLinkActive]="['uk-active']">-->
|
| 228 |
|
|
<!--<a routerLink="/home" [routerLinkActive]="['uk-active']">-->
|
| 229 |
|
|
<!--Sign In-->
|
| 230 |
|
|
<!--</a>-->
|
| 231 |
|
|
<!--</li>-->
|
| 232 |
57746
|
stefania.m
|
|
| 233 |
|
|
</ul>
|
| 234 |
|
|
|
| 235 |
|
|
|
| 236 |
|
|
</div>
|
| 237 |
|
|
|
| 238 |
|
|
</nav>
|
| 239 |
|
|
</div>
|
| 240 |
|
|
</div>
|
| 241 |
|
|
|
| 242 |
|
|
<div class="uk-sticky-placeholder" style="height: 84px; margin: 0px;" hidden="hidden"></div>
|
| 243 |
|
|
</div>
|
| 244 |
|
|
|
| 245 |
57592
|
stefania.m
|
</div>
|
| 246 |
|
|
</div>
|
| 247 |
57746
|
stefania.m
|
|