dnet45/modules/open-science-observatory-ui/trunk/src/app/shared/topmenu/top-menu.component.html @ 57748
| 1 |
<!--<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 |
<img src="../../../assets/img/Logo-COLOR.svg" alt="Open Science Observatory" |
| 71 |
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 |
<a class="uk-search-input" [routerLink]="['/home']" [routerLinkActive]="['uk-active']">About</a> |
| 85 |
</li>
|
| 86 |
<li>
|
| 87 |
<a class="uk-search-input" >Methodology</a> |
| 88 |
</li>
|
| 89 |
</ul>
|
| 90 |
</div>
|
| 91 |
</div>
|
| 92 |
</div>
|
| 93 |
|
| 94 |
</div>
|
| 95 |
</div>
|
| 96 |
</div>
|
| 97 |
|
| 98 |
<!--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 |
<img src="../../../assets/img/Logo-COLOR.png" alt="Open Science Observatory" class="uk-responsive-height"> |
| 141 |
</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 |
<a [routerLink]="['home']" [routerLinkActive]="['uk-active']"> |
| 154 |
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 |
</div>
|
| 176 |
</div>
|
| 177 |
|
| 178 |
|