dnet45/modules/open-science-observatory-ui/trunk/src/app/shared/topmenu/top-menu.component.html @ 58825
1 | 57746 | stefania.m | <!--<header id="header_main">-->
|
---|---|---|---|
2 | <!--<nav class="uk-navbar">-->
|
||
3 | <!--<div class="uk-container uk-container-large uk-container-center">-->
|
||
4 | <!--<a href="#" class="uk-float-left" id="mobile_navigation_toggle" data-uk-offcanvas="{target:'#mobile_navigation'}"><i class="material-icons"></i></a>-->
|
||
5 | <!--<a href="/" class="uk-navbar-brand">-->
|
||
6 | <!--<img src="../../../assets/img/Logo-COLOR.svg" alt="" width="152" height="30">-->
|
||
7 | <!--</a>-->
|
||
8 | <!--<div class="uk-navbar-flip">-->
|
||
9 | <!--<ul class="uk-navbar-nav" id="main_navigation">-->
|
||
10 | <!--<li>-->
|
||
11 | <!--<a href="#sect-overview">-->
|
||
12 | <!--About-->
|
||
13 | <!--</a>-->
|
||
14 | <!--</li>-->
|
||
15 | <!--<li>-->
|
||
16 | <!--<a href="#sect-features">-->
|
||
17 | <!--Help-->
|
||
18 | <!--</a>-->
|
||
19 | <!--</li>-->
|
||
20 | <!--<li>-->
|
||
21 | <!--<a href="#sect-gallery">-->
|
||
22 | <!--Sign In-->
|
||
23 | <!--</a>-->
|
||
24 | <!--</li>-->
|
||
25 | <!--</ul>-->
|
||
26 | <!--</div>-->
|
||
27 | <!--</div>-->
|
||
28 | <!--</nav>-->
|
||
29 | <!--</header>-->
|
||
30 | |||
31 | <!--<div id="mobile_navigation" class="uk-offcanvas">-->
|
||
32 | <!--<div class="uk-offcanvas-bar">-->
|
||
33 | <!--<ul>-->
|
||
34 | <!--<li>-->
|
||
35 | <!--<a href="#sect-overview" data-uk-smooth-scroll="{offset: 48}">-->
|
||
36 | <!--<span class="menu_icon"><i class="material-icons"></i></span>-->
|
||
37 | <!--<span class="menu_title">About</span>-->
|
||
38 | <!--</a>-->
|
||
39 | <!--</li>-->
|
||
40 | <!--<li>-->
|
||
41 | <!--<a href="#sect-features" data-uk-smooth-scroll="{offset: 48}">-->
|
||
42 | <!--<span class="menu_icon"><i class="material-icons"></i></span>-->
|
||
43 | <!--<span class="menu_title">Help</span>-->
|
||
44 | <!--</a>-->
|
||
45 | <!--</li>-->
|
||
46 | <!--<li>-->
|
||
47 | <!--<a href="#sect-gallery" data-uk-smooth-scroll="{offset: 48}">-->
|
||
48 | <!--<span class="menu_icon"><i class="material-icons"></i></span>-->
|
||
49 | <!--<span class="menu_title">Sign In</span>-->
|
||
50 | <!--</a>-->
|
||
51 | <!--</li>-->
|
||
52 | <!--</ul>-->
|
||
53 | <!--</div>-->
|
||
54 | <!--</div>-->
|
||
55 | |||
56 | <div>
|
||
57 | <div class="uk-offcanvas-content"> |
||
58 | |||
59 | <!--MOBILE-->
|
||
60 | <div class="tm-header-mobile uk-hidden@m"> |
||
61 | <nav class="uk-navbar-container uk-navbar" uk-navbar=""> |
||
62 | <div class="uk-navbar-left"> |
||
63 | <a class="uk-navbar-toggle" href="#tm-mobile" uk-toggle=""> |
||
64 | <div uk-navbar-toggle-icon="" class="uk-navbar-toggle-icon uk-icon"> |
||
65 | </div>
|
||
66 | </a>
|
||
67 | </div>
|
||
68 | <div class="uk-navbar-center"> |
||
69 | <a class="uk-navbar-item uk-logo" [routerLink]="['/home']"> |
||
70 | 58825 | stefania.m | <img src="../../../assets/img/OS_Logo_Horizontal.svg" alt="Open Science Observatory" |
71 | 57746 | stefania.m | class="uk-responsive-height"> </a> |
72 | </div>
|
||
73 | </nav>
|
||
74 | <div id="tm-mobile" uk-offcanvas="" mode="slide" overlay="" class="uk-offcanvas"> |
||
75 | <div class="uk-offcanvas-bar"> |
||
76 | <button class="uk-offcanvas-close uk-close uk-icon" type="button" uk-close=""></button> |
||
77 | <div class="uk-child-width-1-1 uk-grid" uk-grid=""> |
||
78 | <div>
|
||
79 | <div>
|
||
80 | <a>Sign in| Register</a> |
||
81 | <!--<span *ngIf="getIsUserLoggedIn()">{{getUserName()}}</span>-->
|
||
82 | <ul class="uk-list uk-margin-top"> |
||
83 | <li>
|
||
84 | 57748 | stefania.m | <a class="uk-search-input" [routerLink]="['/home']" [routerLinkActive]="['uk-active']">About</a> |
85 | 57746 | stefania.m | </li>
|
86 | <li>
|
||
87 | 58610 | stefania.m | <a class="uk-search-input" [routerLink]="['/methodology']" [routerLinkActive]="['uk-active']">Methodology</a> |
88 | 57746 | stefania.m | </li>
|
89 | </ul>
|
||
90 | </div>
|
||
91 | </div>
|
||
92 | </div>
|
||
93 | |||
94 | </div>
|
||
95 | 57592 | stefania.m | </div>
|
96 | </div>
|
||
97 | |||
98 | 57746 | stefania.m | <!--LAPTOP-->
|
99 | <!--<div class="tm-toolbar uk-visible@m">-->
|
||
100 | <!--<div class="uk-container uk-flex uk-flex-middle uk-container-expand">-->
|
||
101 | |||
102 | |||
103 | <!--<div class="uk-margin-auto-left">-->
|
||
104 | <!--<div class="uk-grid-medium uk-child-width-auto uk-flex-middle uk-grid uk-grid-stack"-->
|
||
105 | <!--uk-grid="margin: uk-margin-small-top">-->
|
||
106 | <!--<div class="uk-first-column">-->
|
||
107 | <!--<div class="uk-panel inner">-->
|
||
108 | <!--<ul class="uk-subnav uk-subnav-line">-->
|
||
109 | <!--<li><a class="home-icon" href="https://{{ inBeta ? 'beta.' : '' }}openaire.eu" target="_blank">-->
|
||
110 | <!--<span class="uk-responsive-height">-->
|
||
111 | <!--<svg xml:space="preserve" enable-background="new 0 0 20 20" height="20px" id="Layer_1" version="1.1" viewBox="0 0 48 48" width="20px" xmlns="http://www.w3.org/2000/svg"><path clip-rule="evenodd" d="M44.715,23.711c-0.381,0.382-1,0.382-1.381,0l-8.939-8.938 c-0.064-0.051-0.119-0.106-0.17-0.171l-3.83-3.829c-0.064-0.051-0.119-0.106-0.17-0.171L24,4.377L4.667,23.711 c-0.381,0.382-1,0.382-1.381,0c-0.381-0.381-0.381-1,0-1.381L23.191,2.425c0.031-0.047,0.053-0.101,0.094-0.144 C23.482,2.085,23.742,1.994,24,2c0.258-0.006,0.518,0.084,0.715,0.281c0.043,0.042,0.062,0.096,0.096,0.144L30,7.616V4.997 c0,0,0,0,0,0c0-0.552,0.447-1,1-1h4c0.277,0,0.527,0.112,0.707,0.293C35.889,4.471,36,4.721,36,4.997v8.619l8.715,8.714 C45.096,22.711,45.096,23.33,44.715,23.711z M34,5.997h-2v3.619l2,2V5.997z M10,21.997c0.552,0,1,0.448,1,1v19c0,1.105,0.896,2,2,2 h6l0,0v-13c0-0.553,0.447-1,1-1h8c0.553,0,1,0.447,1,1v13l0,0h6c1.105,0,2-0.895,2-2v-19c0-0.552,0.447-1,1-1s1,0.448,1,1v19 c0,2.209-1.791,4-4,4H13c-2.209,0-4-1.791-4-4v-19C9,22.444,9.448,21.997,10,21.997z M27,43.996v-12h-6v12l0,0H27L27,43.996z" fill="#fff" fill-rule="evenodd" id="home"></path></svg>-->
|
||
112 | <!--</span></a></li>-->
|
||
113 | <!--<li uk-tooltip="title: Search in OA. Link your research; pos: bottom-left; cls: uk-active tooltipStyling uk-width-auto">-->
|
||
114 | <!--<a href="https://{{ inBeta ? 'beta.' : '' }}explore.openaire.eu" target="_blank">Explore</a></li>-->
|
||
115 | <!--<li uk-tooltip="title: Content Provider Dashboard; pos: bottom-left; cls: uk-active tooltipStyling uk-width-auto" class="custom-provide-li">-->
|
||
116 | <!--<a href="https://{{ inBeta ? 'beta.' : '' }}provide.openaire.eu/" target="_blank">Provide</a></li>-->
|
||
117 | <!--<li uk-tooltip="title: Research Community Dashboard; pos: bottom-left; cls: uk-active tooltipStyling uk-width-auto">-->
|
||
118 | <!--<a href="https://{{ inBeta ? 'beta.' : '' }}connect.openaire.eu" target="_blank">Connect</a></li>-->
|
||
119 | <!--<li uk-tooltip="title: Monitoring Dashboard; pos: bottom-left; cls: uk-active tooltipStyling uk-width-auto">-->
|
||
120 | <!--<a href="https://monitor.openaire.eu" target="_blank">Monitor</a></li>-->
|
||
121 | <!--<li uk-tooltip="title: APIs; pos: bottom-left; cls: uk-active tooltipStyling uk-width-auto">-->
|
||
122 | <!--<a href="https://develop.openaire.eu" target="_blank">Develop</a></li>-->
|
||
123 | <!--</ul>-->
|
||
124 | <!--</div>-->
|
||
125 | <!--</div>-->
|
||
126 | <!--</div>-->
|
||
127 | <!--</div>-->
|
||
128 | |||
129 | <!--</div>-->
|
||
130 | <!--</div>-->
|
||
131 | |||
132 | <div class="tm-header uk-visible@m tm-header-transparent" uk-header=""> |
||
133 | <div class="uk-navbar-container uk-sticky uk-navbar-transparent" uk-sticky="top:0" media="768" |
||
134 | cls-active="uk-active uk-navbar-sticky" style="" animation="uk-animation-slide-top" |
||
135 | top=".tm-header + [class*="uk-section"]" cls-inactive="uk-navbar-transparent"> |
||
136 | <div class="uk-container uk-container-expand"> |
||
137 | <nav class="uk-navbar" uk-navbar="{"align":"left"}"> |
||
138 | <div class="uk-navbar-left"> |
||
139 | <a [routerLink]="['home']" class="uk-logo uk-navbar-item"> |
||
140 | 58825 | stefania.m | <img src="../../../assets/img/OS_Logo_Horizontal.svg" alt="Open Science Observatory" class="uk-responsive-height"> |
141 | 57746 | stefania.m | </a>
|
142 | </div>
|
||
143 | |||
144 | <div class="uk-navbar-right"> |
||
145 | |||
146 | <ul class="uk-navbar-nav" > |
||
147 | <li class="uk-parent" [routerLinkActive]="['uk-active']"> |
||
148 | <a [routerLink]="['home']" [routerLinkActive]="['uk-active']"> |
||
149 | About |
||
150 | </a>
|
||
151 | </li>
|
||
152 | <li class="uk-parent" [routerLinkActive]="['uk-active']"> |
||
153 | 58610 | stefania.m | <a [routerLink]="['/methodology']" [routerLinkActive]="['uk-active']"> |
154 | 57746 | stefania.m | Methodology |
155 | </a>
|
||
156 | </li>
|
||
157 | <li class="uk-parent" [routerLinkActive]="['uk-active']"> |
||
158 | <a [routerLink]="['home']" [routerLinkActive]="['uk-active']"> |
||
159 | Sign In |
||
160 | </a>
|
||
161 | </li>
|
||
162 | |||
163 | </ul>
|
||
164 | |||
165 | |||
166 | </div>
|
||
167 | |||
168 | </nav>
|
||
169 | </div>
|
||
170 | </div>
|
||
171 | |||
172 | <div class="uk-sticky-placeholder" style="height: 84px; margin: 0px;" hidden="hidden"></div> |
||
173 | </div>
|
||
174 | |||
175 | 57592 | stefania.m | </div>
|
176 | </div>
|
||
177 | 57746 | stefania.m |