Revision 58904
Added by Stefania Martziou almost 4 years ago
| top-menu.component.html | ||
|---|---|---|
| 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 | 1 |
|
| 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 | 2 |
<div> |
| 57 | 3 |
<div class="uk-offcanvas-content"> |
| 58 | 4 |
|
| 59 |
<!--MOBILE--> |
|
| 5 |
<!--MOBILE & PAD PORTRAIT-->
|
|
| 60 | 6 |
<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"> |
|
| 7 |
|
|
| 8 |
<ng-container *ngIf="isHomeRoute() ; else smallHeader"> |
|
| 9 |
<nav class="uk-navbar-container uk-navbar" uk-navbar> |
|
| 10 |
<div class="uk-navbar-right"> |
|
| 11 |
|
|
| 12 |
<ul class="uk-navbar-nav"> |
|
| 13 |
<li> |
|
| 14 |
<a class="" href="#"> |
|
| 15 |
<div uk-navbar-toggle-icon="" class="uk-navbar-toggle-icon uk-icon"> |
|
| 16 |
</div> |
|
| 17 |
</a> |
|
| 18 |
<div class="uk-navbar-dropdown"> |
|
| 19 |
<ul class="uk-nav uk-navbar-dropdown-nav"> |
|
| 20 |
<li class="uk-active"><a [routerLink]="['/home']">Home</a></li> |
|
| 21 |
<li class="uk-active"><a [routerLink]="['/overview/' + 'europe']">OA in Europe</a></li> |
|
| 22 |
<!--<li class="uk-active"><a href="#">About</a></li>--> |
|
| 23 |
<li class="uk-active"><a [routerLink]="['/methodology']">Methodology</a></li> |
|
| 24 |
<li class="uk-nav-divider"></li> |
|
| 25 |
<li class="uk-active"><a [routerLink]="['home']">Sign In</a></li> |
|
| 26 |
</ul> |
|
| 27 |
</div> |
|
| 28 |
</li> |
|
| 29 |
</ul> |
|
| 30 |
|
|
| 31 |
</div> |
|
| 32 |
</nav> |
|
| 33 |
|
|
| 34 |
<nav class="uk-navbar-container uk-navbar" uk-navbar=""> |
|
| 35 |
<div class="uk-navbar-center"> |
|
| 36 |
<a class="uk-navbar-item uk-logo" [routerLink]="['/home']"> |
|
| 37 |
<img src="../../../assets/img/OS_Logo_Vertical.svg" alt="Open Science Observatory" width="161" |
|
| 38 |
class="uk-responsive-height"> </a> |
|
| 39 |
</div> |
|
| 40 |
</nav> |
|
| 41 |
</ng-container> |
|
| 42 |
|
|
| 43 |
<ng-template #smallHeader> |
|
| 44 |
<nav class="uk-navbar-container uk-navbar smallHeader" uk-navbar> |
|
| 45 |
<div class="uk-navbar-left"> |
|
| 46 |
<a class="uk-navbar-item uk-logo" [routerLink]="['/home']"> |
|
| 47 |
<img src="../../../assets/img/OS_Logo_small.svg" alt="Open Science Observatory" width="36" |
|
| 48 |
class="uk-responsive-height"> </a> |
|
| 49 |
</div> |
|
| 50 |
|
|
| 51 |
<div class="uk-navbar-center"> |
|
| 52 |
<div class="uk-autocomplete uk-form uk-search uk-search-default searchForCountry" data-uk-autocomplete="{source:'https://getuikit.com/v2/tests/components/_autocomplete.json'}">
|
|
| 53 |
<span uk-search-icon></span> |
|
| 54 |
<input class="uk-search-input" type="search" placeholder="Search for a country..."> |
|
| 55 |
<!--<input type="text">--> |
|
| 65 | 56 |
</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/OS_Logo_Horizontal.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" [routerLink]="['/methodology']" [routerLinkActive]="['uk-active']">Methodology</a> |
|
| 88 |
</li> |
|
| 89 |
</ul> |
|
| 90 |
</div> |
|
| 91 |
</div> |
|
| 92 | 57 |
</div> |
| 93 | 58 |
|
| 94 |
</div> |
|
| 95 |
</div> |
|
| 96 |
</div> |
|
| 59 |
<div class="uk-navbar-right"> |
|
| 60 |
<ul class="uk-navbar-nav"> |
|
| 61 |
<li> |
|
| 62 |
<a class="" href="#"> |
|
| 63 |
<div uk-navbar-toggle-icon="" class="uk-navbar-toggle-icon uk-icon"> |
|
| 64 |
</div> |
|
| 65 |
</a> |
|
| 66 |
<div class="uk-navbar-dropdown"> |
|
| 67 |
<ul class="uk-nav uk-navbar-dropdown-nav"> |
|
| 68 |
<li class="uk-active"><a [routerLink]="['/home']">Home</a></li> |
|
| 69 |
<li class="uk-active"><a [routerLink]="['/overview/' + 'europe']">OA in Europe</a></li> |
|
| 70 |
<!--<li class="uk-active"><a href="#">About</a></li>--> |
|
| 71 |
<li class="uk-active"><a [routerLink]="['/methodology']">Methodology</a></li> |
|
| 72 |
<li class="uk-nav-divider"></li> |
|
| 73 |
<li class="uk-active"><a [routerLink]="['home']">Sign In</a></li> |
|
| 74 |
</ul> |
|
| 75 |
</div> |
|
| 76 |
</li> |
|
| 77 |
</ul> |
|
| 97 | 78 |
|
| 98 |
<!--LAPTOP--> |
|
| 99 |
<!--<div class="tm-toolbar uk-visible@m">--> |
|
| 100 |
<!--<div class="uk-container uk-flex uk-flex-middle uk-container-expand">--> |
|
| 79 |
</div> |
|
| 80 |
</nav> |
|
| 101 | 81 |
|
| 82 |
</ng-template> |
|
| 102 | 83 |
|
| 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 | 84 |
|
| 129 |
<!--</div>--> |
|
| 130 |
<!--</div>--> |
|
| 85 |
</div> |
|
| 131 | 86 |
|
| 87 |
|
|
| 88 |
<!--LAPTOP & PAD LANDSCAPE--> |
|
| 132 | 89 |
<div class="tm-header uk-visible@m tm-header-transparent" uk-header=""> |
| 133 | 90 |
<div class="uk-navbar-container uk-sticky uk-navbar-transparent" uk-sticky="top:0" media="768" |
| 134 | 91 |
cls-active="uk-active uk-navbar-sticky" style="" animation="uk-animation-slide-top" |
| ... | ... | |
| 146 | 103 |
<ul class="uk-navbar-nav" > |
| 147 | 104 |
<li class="uk-parent" [routerLinkActive]="['uk-active']"> |
| 148 | 105 |
<a [routerLink]="['home']" [routerLinkActive]="['uk-active']"> |
| 149 |
About
|
|
| 106 |
Home
|
|
| 150 | 107 |
</a> |
| 151 | 108 |
</li> |
| 152 | 109 |
<li class="uk-parent" [routerLinkActive]="['uk-active']"> |
| 110 |
<a [routerLink]="['/overview/' + 'europe']" [routerLinkActive]="['uk-active']"> |
|
| 111 |
OA in Europe |
|
| 112 |
</a> |
|
| 113 |
</li> |
|
| 114 |
<li class="uk-parent" [routerLinkActive]="['uk-active']"> |
|
| 153 | 115 |
<a [routerLink]="['/methodology']" [routerLinkActive]="['uk-active']"> |
| 154 | 116 |
Methodology |
| 155 | 117 |
</a> |
Also available in: Unified diff
Working on the new version of the oso - almost done with tha mobile version of the pages