Project

General

Profile

1
<div animation="uk-animation-slide-top" class="uk-navbar-container uk-sticky uk-navbar-transparent" cls-active="uk-active uk-navbar-sticky" cls-inactive="uk-navbar-transparent"   top=".tm-header + [class*=&quot;uk-section&quot;]" uk-sticky="">
2
	<div class="uk-navbar-container uk-navbar-transparent">
3
		<div class="uk-container uk-container-expand">
4
			<nav class="uk-navbar" uk-navbar="{&quot;align&quot;:&quot;left&quot;}">
5
				<div class="uk-navbar-left">
6
					<a href="https://graph.openaire.eu/" class="uk-navbar-item uk-logo">
7
						<img src="assets/common-assets/logo-large-graph.png" class="uk-responsive-height" alt="OpenAIRE">
8
					</a>
9
				</div>
10
				<div class="uk-navbar-right">
11
					<ul class="uk-navbar-nav">
12
						<li class="uk-parent menuItem">
13
							<a href="https://graph.openaire.eu/" aria-expanded="false">Home</a>
14
						</li>
15
						<li class="uk-parent menuItem">
16
							<a href="https://graph.openaire.eu/about" aria-expanded="false">About</a>
17
							<div class="uk-navbar-dropdown uk-navbar-dropdown-bottom-left" style="left: 116px; top: 80px;">
18
									<div class="uk-navbar-dropdown-grid uk-child-width-1-1 uk-grid uk-grid-stack" uk-grid="">
19
										<div class="uk-first-column">
20
												<ul class="uk-nav uk-navbar-dropdown-nav">
21
													<li><a routerLinkActive="uk-link" href="https://graph.openaire.eu/about">Overview</a></li>
22
													<li><a routerLinkActive="uk-link" href="https://graph.openaire.eu/about#metrics">Data and Metrics</a></li>
23
													<li><a routerLinkActive="uk-link" href="https://graph.openaire.eu/about#infrastructure">Infrastructure</a></li>
24
													<li><a routerLinkActive="uk-link" href="https://graph.openaire.eu/about#team">Team</a></li>                                                                          
25
												</ul>                                 
26
										</div>
27
									</div>
28
							</div>
29
						</li>
30
						<li class="uk-parent menuItem uk-active">
31
							<a href="overview.html" aria-expanded="false">Resources</a>
32
							<div class="uk-navbar-dropdown uk-navbar-dropdown-bottom-left" style="left: 116px; top: 80px;">
33
									<div class="uk-navbar-dropdown-grid uk-child-width-1-1 uk-grid uk-grid-stack" uk-grid="">
34
										<div class="uk-first-column">
35
												<ul class="uk-nav uk-navbar-dropdown-nav">
36
													<li class="submenuItem"><a routerLinkActive="uk-link" href="https://graph.openaire.eu/docs">Documentation</a></li>
37
													<li class="submenuItem"><a routerLinkActive="uk-link" href="https://graph.openaire.eu/docs/category/downloads">Data</a></li>
38
													<li class="submenuItem"><a routerLinkActive="uk-link" href="overview.html">APIs</a></li>
39
													<ul class="uk-nav-sub">
40
														<li class="submenuItem2"><a routerLinkActive="uk-link" href="overview.html">Overview</a></li>
41
														<li class="submenuItem2"><a routerLinkActive="uk-link" href="authentication.html">Authentication</a></li>
42
														<li class="submenuItem2"><a routerLinkActive="uk-link" href="api.html">Selective Access</a></li>
43
														<li class="submenuItem2"><a routerLinkActive="uk-link" href="response-metadata-format.html">Response Metadata Format</a></li>
44
													</ul>
45
													<li class="submenuItem"><a routerLinkActive="uk-link" href="https://graph.openaire.eu/docs/publications">Publications</a></li>    
46
													
47
												</ul>                                 
48
										</div>
49
									</div>
50
							</div>
51
						</li>
52
						<li class="uk-parent menuItem">
53
							<a href="https://graph.openaire.eu/support" aria-expanded="false">Support</a>
54
						</li>
55
					</ul>
56
				</div>
57
			</nav>
58
		</div>
59
	</div>
60
</div>
61
<script>
62
	const submenuItems = document.querySelectorAll(".submenuItem");
63
	const submenuItems2 = document.querySelectorAll(".submenuItem2");
64

    
65
	if (window.location.pathname.includes("overview")) {
66
		submenuItems[2].classList.add('uk-active');
67
		submenuItems2[0].classList.add('uk-active');
68
	} else if (window.location.pathname.includes("authentication") || window.location.pathname.includes("personalToken") || window.location.pathname.includes("registeredService") || window.location.pathname.includes("basic") || window.location.pathname.includes("advanced")) {
69
		submenuItems[2].classList.add('uk-active');
70
		submenuItems2[1].classList.add('uk-active');	
71
	} else if (window.location.pathname.includes("api.html")) {
72
		submenuItems[2].classList.add('uk-active');
73
		submenuItems2[2].classList.add('uk-active');
74
	} else if (window.location.pathname.includes("response-metadata-format")) {
75
		submenuItems[2].classList.add('uk-active');
76
		submenuItems2[3].classList.add('uk-active');
77
	}
78
</script>
(12-12/19)