Revision 62830
Added by Antonis Lempesis about 1 year ago
top-menu.component.html | ||
---|---|---|
127 | 127 |
<li class="uk-parent uk-margin-top" [routerLinkActive]="['uk-active']"> |
128 | 128 |
<a href="#">Methodology</a> |
129 | 129 |
<ul class="uk-nav-sub"> |
130 |
<li><a routerLink="/methodology" routerLinkActive="uk-active" class="uk-offcanvas-close custom-offcanvas-close">Overview</a></li>
|
|
130 |
<li><a routerLink="/methodology" routerLinkActive="uk-active" class="uk-offcanvas-close custom-offcanvas-close">Approach</a></li>
|
|
131 | 131 |
<li><a routerLink="/methodology" fragment="terminology" routerLinkActive="uk-active" class="uk-offcanvas-close custom-offcanvas-close">Terminology and construction</a></li> |
132 | 132 |
</ul> |
133 | 133 |
</li> |
... | ... | |
157 | 157 |
</a> |
158 | 158 |
</div> |
159 | 159 |
|
160 |
<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 |
[placeholder]="'Search for a country...'" |
|
168 |
(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 | 160 |
<div class="uk-navbar-right"> |
194 | 161 |
|
195 | 162 |
<ul class="uk-navbar-nav" > |
... | ... | |
203 | 170 |
OA in Europe |
204 | 171 |
</a> |
205 | 172 |
</li> |
206 |
<!--<li class="uk-parent" [routerLinkActive]="['uk-active']">--> |
|
207 |
<!--<a routerLink="/methodology" [routerLinkActive]="['uk-active']">--> |
|
208 |
<!--Methodology--> |
|
209 |
<!--</a>--> |
|
210 |
<!--</li>--> |
|
211 | 173 |
<li class="uk-parent" [routerLinkActive]="['uk-active']"> |
212 | 174 |
<a href="#" class="" aria-expanded="false"> |
213 | 175 |
Methodology |
... | ... | |
217 | 179 |
<div class="uk-first-column"> |
218 | 180 |
<ul class="uk-nav uk-navbar-dropdown-nav"> |
219 | 181 |
<!--<li><a [routerLink]="['/support/faqs']" routerLinkActive="uk-active">FAQs</a></li>--> |
220 |
<li><a routerLink="/methodology" routerLinkActive="uk-active">Overview</a></li>
|
|
182 |
<li><a routerLink="/methodology" routerLinkActive="uk-active">Approach</a></li>
|
|
221 | 183 |
<li><a routerLink="/methodology" fragment="terminology" routerLinkActive="uk-active">Terminology and construction</a></li> |
222 | 184 |
</ul> |
223 | 185 |
</div> |
224 | 186 |
</div> |
225 | 187 |
</div> |
226 | 188 |
</li> |
227 |
<!--<li class="uk-parent" [routerLinkActive]="['uk-active']">--> |
|
228 |
<!--<a routerLink="/home" [routerLinkActive]="['uk-active']">--> |
|
229 |
<!--Sign In--> |
|
230 |
<!--</a>--> |
|
231 |
<!--</li>--> |
|
189 |
<li class="uk-flex uk-flex-middle uk-margin-left"> |
|
190 |
<div class="uk-autocomplete uk-form uk-search uk-search-default searchForCountry"> |
|
191 |
<span id="search-icon" uk-search-icon></span> |
|
192 |
<ng-autocomplete |
|
193 |
[data]="countriesCollection" |
|
194 |
[searchKeyword]="keyword" |
|
195 |
[placeholder]="'Search for a country...'" |
|
196 |
(selected)='selectCountryFromAutocompleteEvent($event)' |
|
197 |
(inputChanged)='onChangeSearch($event)' |
|
198 |
(inputFocused)='onFocused($event)' |
|
199 |
historyIdentifier="countriesCollection" |
|
200 |
[itemTemplate]="itemTemplate" |
|
201 |
[notFoundTemplate]="notFoundTemplate"> |
|
202 |
</ng-autocomplete> |
|
232 | 203 |
|
204 |
<ng-template #itemTemplate let-item> |
|
205 |
<a [innerHTML]="item.name"></a> |
|
206 |
</ng-template> |
|
207 |
|
|
208 |
<ng-template #notFoundTemplate let-notFound> |
|
209 |
<div [innerHTML]="notFound"></div> |
|
210 |
</ng-template> |
|
211 |
</div> |
|
212 |
</li> |
|
213 |
|
|
233 | 214 |
</ul> |
234 | 215 |
|
235 |
|
|
236 | 216 |
</div> |
237 | 217 |
|
238 | 218 |
</nav> |
Also available in: Unified diff
svn merge -r 61523:HEAD https://svn.driver.research-infrastructures.eu/driver/dnet45/modules/open-science-observatory-ui/branches/new-indicators-and-graphs-osfair-2021