Revision 44976
Added by Argiro Kokogiannaki over 7 years ago
| navigationBar.component.ts | ||
|---|---|---|
| 4 | 4 |
@Component({
|
| 5 | 5 |
selector: 'navbar', |
| 6 | 6 |
template: ` |
| 7 |
<div> |
|
| 7 |
|
|
| 8 |
|
|
| 9 |
|
|
| 10 |
|
|
| 11 |
<div class="tm-header-mobile uk-hidden@m"> |
|
| 12 |
<nav class="uk-navbar-container uk-navbar" uk-navbar=""> |
|
| 13 |
<div class="uk-navbar-left"> |
|
| 14 |
<a class="uk-navbar-toggle" href="#tm-mobile" uk-toggle=""> |
|
| 15 |
<div uk-navbar-toggle-icon="" class="uk-navbar-toggle-icon uk-icon"> |
|
| 16 |
<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" src="data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewbox%3D%220%200%2020%2020%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20y%3D%229%22%20width%3D%2220%22%20height%3D%222%22%3E%3C%2Frect%3E%0A%20%20%20%20%3Crect%20y%3D%223%22%20width%3D%2220%22%20height%3D%222%22%3E%3C%2Frect%3E%0A%20%20%20%20%3Crect%20y%3D%2215%22%20width%3D%2220%22%20height%3D%222%22%3E%3C%2Frect%3E%0A%3C%2Fsvg%3E" ratio="1"> |
|
| 17 |
<rect y="9" width="20" height="2"/> |
|
| 18 |
<rect y="3" width="20" height="2"/> |
|
| 19 |
<rect y="15" width="20" height="2"/> |
|
| 20 |
</svg> |
|
| 21 |
</div> |
|
| 22 |
<span class="uk-margin-small-left">Menu</span> |
|
| 23 |
</a> |
|
| 24 |
</div> |
|
| 25 |
<div class="uk-navbar-center"> |
|
| 26 |
<a class="uk-navbar-item uk-logo" href="/"> |
|
| 27 |
<img src="/joomlaNew/images/OpenAIRE_logo_image.png" alt="OpenAIRE SUPPORT" class="uk-responsive-height"> </a> |
|
| 28 |
</div> |
|
| 29 |
</nav> |
|
| 30 |
<div id="tm-mobile" uk-offcanvas="" mode="reveal" overlay="" class="uk-offcanvas"> |
|
| 31 |
<div class="uk-offcanvas-bar"> |
|
| 32 |
<div class="uk-child-width-1-1 uk-grid uk-grid-stack" uk-grid=""> |
|
| 33 |
<div> |
|
| 34 |
<div class="uk-panel" id="module-0"> |
|
| 35 |
<form id="search-0" action="/joomlaNew/" method="post" role="search" class="uk-search uk-search-default"> |
|
| 36 |
<span uk-search-icon="" class="uk-search-icon uk-icon"> |
|
| 37 |
<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" src="data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewbox%3D%220%200%2020%2020%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.1%22%20cx%3D%229%22%20cy%3D%229%22%20r%3D%227%22%3E%3C%2Fcircle%3E%0A%20%20%20%20%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.1%22%20d%3D%22M14%2C14%20L18%2C18%20L14%2C14%20Z%22%3E%3C%2Fpath%3E%0A%3C%2Fsvg%3E" ratio="1"> |
|
| 38 |
<circle fill="none" stroke="#000" stroke-width="1.1" cx="9" cy="9" r="7"/> |
|
| 39 |
<path fill="none" stroke="#000" stroke-width="1.1" d="M14,14 L18,18 L14,14 Z"/> |
|
| 40 |
</svg> |
|
| 41 |
</span> |
|
| 42 |
<input name="searchword" placeholder="Search" class="uk-search-input" type="search"> |
|
| 43 |
<input name="task" value="search" type="hidden"> |
|
| 44 |
<input name="option" value="com_search" type="hidden"> |
|
| 45 |
<input name="Itemid" value="1725" type="hidden"> |
|
| 46 |
</form> |
|
| 47 |
</div> |
|
| 48 |
</div> |
|
| 49 |
</div> |
|
| 50 |
</div> |
|
| 51 |
</div> |
|
| 52 |
</div> |
|
| 53 |
<div class="tm-toolbar uk-visible@m"> |
|
| 54 |
<div class="uk-container uk-flex uk-flex-middle uk-container-expand"> |
|
| 55 |
<div class="uk-margin-auto-left"> |
|
| 56 |
<div class="uk-grid-medium uk-child-width-auto uk-flex-middle uk-grid uk-grid-stack" uk-grid="margin: uk-margin-small-top"> |
|
| 57 |
<div class="uk-first-column"> |
|
| 58 |
<div class="uk-panel" id="module-351"> |
|
| 59 |
<ul class="uk-subnav uk-subnav-line"> |
|
| 60 |
<li><a href="/">Support</a></li> |
|
| 61 |
<li><a href="http://www.cnn.com">Find & Share</a></li> |
|
| 62 |
<li><a href="http://www.cnn.com">Join</a></li> |
|
| 63 |
<li><a href="http://www.cnn.com">Connect</a></li> |
|
| 64 |
<li><a href="http://www.cnn.com">Monitor</a></li> |
|
| 65 |
<li><a href="http://www.cnn.com">Develop</a></li> |
|
| 66 |
</ul> |
|
| 67 |
</div> |
|
| 68 |
</div> |
|
| 69 |
</div> |
|
| 70 |
</div> |
|
| 71 |
</div> |
|
| 72 |
</div> |
|
| 73 |
|
|
| 74 |
|
|
| 75 |
<div class="tm-header uk-visible@m"> |
|
| 76 |
<div class="uk-navbar-container" uk-sticky="{"media":768,"top":1,"clsActive":"uk-active uk-navbar-sticky"}" style="">
|
|
| 77 |
<div class="uk-container "> |
|
| 78 |
<nav uk-navbar="{"align":"left"}" class="uk-navbar">
|
|
| 79 |
<div class="uk-navbar-left"> |
|
| 80 |
<a href="/" class="uk-logo uk-navbar-item"> |
|
| 81 |
<img src="http://scoobydoo.di.uoa.gr:8083/joomlaNew/images/OpenAIRE_logo_image.png" alt="OpenAIRE SEARCH" class="uk-responsive-height"></a> |
|
| 82 |
</div> |
|
| 83 |
<div class="uk-navbar-right"> |
|
| 84 |
<ul class="uk-navbar-nav"> |
|
| 85 |
<li class="uk-active"><a href="/"><img class="uk-responsive-height uk-margin-small-right" src="/joomlaNew/images/home.png" alt="Home"></a></li> |
|
| 86 |
<li class="uk-parent"> |
|
| 87 |
<a href="#">Search</a> |
|
| 88 |
<div class="uk-navbar-dropdown uk-navbar-dropdown-width-2 uk-navbar-dropdown-bottom-left" > |
|
| 89 |
<div class="uk-navbar-dropdown-grid uk-child-width-1-2 uk-grid uk-grid-stack" uk-grid=""> |
|
| 90 |
<div class="uk-first-column"> |
|
| 91 |
<ul class="uk-nav uk-navbar-dropdown-nav"> |
|
| 92 |
<li class="uk-parent"><a href="/search/find">Search</a> |
|
| 93 |
<ul class="uk-nav-sub"> |
|
| 94 |
<li><a href="/search/find/publications">Publications</a></li> |
|
| 95 |
<li><a href="/search/find/datasets">Datasets</a></li> |
|
| 96 |
<li><a href="/search/find/projects">Projects</a></li> |
|
| 97 |
<li><a href="/search/find/dataproviders">Data Providers</a></li> |
|
| 98 |
<li><a href="/search/find/organizations">Organizations</a></li> |
|
| 99 |
<li><a href="/search/find/people">People</a></li> |
|
| 100 |
</ul> |
|
| 101 |
</li> |
|
| 102 |
<li class="uk-parent"><a href="/search/find">Repositories</a> |
|
| 103 |
<ul class="uk-nav-sub"> |
|
| 104 |
<li><a href="/search/data-providers">Compatible Data providers</a></li> |
|
| 105 |
<li><a href="/search/entity-registries">Entity Registries</a></li> |
|
| 106 |
</ul> |
|
| 107 |
</li> |
|
| 108 |
</ul> |
|
| 109 |
</div> |
|
| 110 |
<div> |
|
| 111 |
<ul class="uk-nav uk-navbar-dropdown-nav"> |
|
| 112 |
<li class="uk-parent"><a href="/search/find">Advanced Search</a> |
|
| 113 |
<ul class="uk-nav-sub"> |
|
| 114 |
<li><a href="/search/advanced/publications">Advanced Search Publications</a></li> |
|
| 115 |
<li><a href="/search/advanced/datasets">Advanced Search Research Data</a></li> |
|
| 116 |
<li><a href="/search/advanced/projects">Advanced Search Projects</a></li> |
|
| 117 |
<li><a href="/search/advanced/dataproviders">Advanced Search Data Providers</a></li> |
|
| 118 |
<li><a href="/search/advanced/organizations">Advanced Search Organizations</a></li> |
|
| 119 |
<li><a href="/search/advanced/people">Advanced Search People</a></li> |
|
| 120 |
</ul> |
|
| 121 |
</li> |
|
| 122 |
</ul> |
|
| 123 |
</div> |
|
| 124 |
</div> |
|
| 125 |
</div> |
|
| 126 |
</li> |
|
| 127 |
|
|
| 128 |
|
|
| 129 |
|
|
| 130 |
|
|
| 131 |
<li class="uk-parent"> |
|
| 132 |
<a href="#">Deposit</a> |
|
| 133 |
<div class="uk-navbar-dropdown"> |
|
| 134 |
<div class="uk-navbar-dropdown-grid uk-child-width-1-1 uk-grid uk-grid-stack" uk-grid=""> |
|
| 135 |
<div> |
|
| 136 |
<ul class="uk-nav uk-navbar-dropdown-nav"> |
|
| 137 |
<li><a href="/deposit-publications">Deposit Publications</a></li> |
|
| 138 |
<li><a href="/deposit-datasets">Deposit Research Data</a></li> |
|
| 139 |
</ul> |
|
| 140 |
</div> |
|
| 141 |
</div> |
|
| 142 |
</div> |
|
| 143 |
</li> |
|
| 144 |
<li class="uk-parent"> |
|
| 145 |
<a href="#">Claiming</a> |
|
| 146 |
<div class="uk-navbar-dropdown"> |
|
| 147 |
<div class="uk-navbar-dropdown-grid uk-child-width-1-1 uk-grid uk-grid-stack" uk-grid=""> |
|
| 148 |
<div> |
|
| 149 |
<ul class="uk-nav uk-navbar-dropdown-nav"> |
|
| 150 |
<li><a href="/claims">Claims Admin</a></li> |
|
| 151 |
<li><a href="/myclaims">My Claims</a></li> |
|
| 152 |
<li><a href="/linking">Linking</a></li> |
|
| 153 |
<li><a href="/bulk-linking">Bulk Linking</a></li> |
|
| 154 |
|
|
| 155 |
</ul> |
|
| 156 |
</div> |
|
| 157 |
</div> |
|
| 158 |
</div> |
|
| 159 |
</li> |
|
| 160 |
<li class="uk-parent"> |
|
| 161 |
<a href="#">Landing</a> |
|
| 162 |
<div class="uk-navbar-dropdown"> |
|
| 163 |
<div class="uk-navbar-dropdown-grid uk-child-width-1-1 uk-grid uk-grid-stack" uk-grid=""> |
|
| 164 |
<div> |
|
| 165 |
<ul class="uk-nav uk-navbar-dropdown-nav"> |
|
| 166 |
<li><a href = "search/publication?articleId=od_______908::3a5b2885656a91307156325644e73b92" >Publication </a></li> |
|
| 167 |
<li><a href = "search/dataset?datasetId=datacite____::430ac1c41b7f99b7b543ef737dc41a74" >Dataset </a></li> |
|
| 168 |
<li><a href = "search/project?projectId=corda_______::2c37878a0cede85dbbd1081bb9b4a2f8" >Project </a></li> |
|
| 169 |
<li><a href = "search/person?personId=datacite____::9da3a037961b36a634fcd40ab0bf6535" >Person </a></li> |
|
| 170 |
<li><a href = "search/organization?organizationId=dedup_wf_001::f686277c34bf457bbdf19e03589b5e81" >Organization </a></li> |
|
| 171 |
<li><a href = "search/dataprovider?datasourceId=opendoar____::798ed7d4ee7138d49b8828958048130a" >Data Provider </a></li> |
|
| 172 |
</ul> |
|
| 173 |
</div> |
|
| 174 |
</div> |
|
| 175 |
</div> |
|
| 176 |
</li> |
|
| 177 |
|
|
| 178 |
</ul> |
|
| 179 |
<!--div class="uk-navbar-item" id="module-0"> |
|
| 180 |
<a href="#search-0-modal" uk-search-icon="" uk-toggle="" class="uk-search-icon uk-icon"> |
|
| 181 |
<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" src="data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewbox%3D%220%200%2020%2020%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.1%22%20cx%3D%229%22%20cy%3D%229%22%20r%3D%227%22%3E%3C%2Fcircle%3E%0A%20%20%20%20%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.1%22%20d%3D%22M14%2C14%20L18%2C18%20L14%2C14%20Z%22%3E%3C%2Fpath%3E%0A%3C%2Fsvg%3E" ratio="1"> |
|
| 182 |
<circle fill="none" stroke="#000" stroke-width="1.1" cx="9" cy="9" r="7"/> |
|
| 183 |
<path fill="none" stroke="#000" stroke-width="1.1" d="M14,14 L18,18 L14,14 Z"/> |
|
| 184 |
</svg> |
|
| 185 |
</a> |
|
| 186 |
</div--> |
|
| 187 |
</div> |
|
| 188 |
</nav> |
|
| 189 |
</div> |
|
| 190 |
</div> |
|
| 191 |
<div class="uk-sticky-placeholder" style="height: 80px; margin: 0px;" hidden="hidden"></div> |
|
| 192 |
</div> |
|
| 193 |
|
|
| 194 |
|
|
| 195 |
|
|
| 196 |
|
|
| 197 |
|
|
| 198 |
|
|
| 199 |
|
|
| 200 |
|
|
| 201 |
<!--div> |
|
| 8 | 202 |
<nav class="navbar navbar-default" id="top"> |
| 9 | 203 |
<div class="container-fluid"> |
| 10 |
<!-- Brand and toggle get grouped for better mobile display --> |
|
| 11 |
<div class="navbar-header"> |
|
| 204 |
<div class="navbar-header"> |
|
| 12 | 205 |
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false"> |
| 13 | 206 |
<span class="sr-only">Toggle navigation</span> |
| 14 | 207 |
<span class="icon-bar"></span> |
| ... | ... | |
| 18 | 211 |
<a class="navbar-brand" href="#">OpenAire</a> |
| 19 | 212 |
</div> |
| 20 | 213 |
|
| 21 |
<!-- Collect the nav links, forms, and other content for toggling --> |
|
| 22 |
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"> |
|
| 214 |
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"> |
|
| 23 | 215 |
<ul class="nav navbar-nav"> |
| 24 | 216 |
<li class="dropdown"> |
| 25 | 217 |
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Search <span class=""></span></a> |
| ... | ... | |
| 60 | 252 |
</ul> |
| 61 | 253 |
</li> |
| 62 | 254 |
|
| 63 |
<li><a href = "search/publication?articleId=od_______908::3a5b2885656a91307156325644e73b92" >Publication </a></li> |
|
| 255 |
<li><a href = "search/publication?articleId=od_______908::3a5b2885656a91307156325644e73b92" >Publication </a></li>
|
|
| 64 | 256 |
<li><a href = "search/dataset?datasetId=datacite____::430ac1c41b7f99b7b543ef737dc41a74" >Dataset </a></li> |
| 65 | 257 |
<li><a href = "search/project?projectId=corda_______::2c37878a0cede85dbbd1081bb9b4a2f8" >Project </a></li> |
| 66 | 258 |
<li><a href = "search/person?personId=datacite____::9da3a037961b36a634fcd40ab0bf6535" >Person </a></li> |
| ... | ... | |
| 68 | 260 |
<li><a href = "search/dataprovider?datasourceId=opendoar____::798ed7d4ee7138d49b8828958048130a" >Data Provider </a></li> |
| 69 | 261 |
</ul> |
| 70 | 262 |
|
| 71 |
</div><!-- /.navbar-collapse -->
|
|
| 72 |
</div><!-- /.container-fluid -->
|
|
| 263 |
</div> |
|
| 264 |
</div> |
|
| 73 | 265 |
</nav> |
| 74 | 266 |
|
| 75 | 267 |
|
| 76 |
</div>` |
|
| 268 |
</div-->`
|
|
| 77 | 269 |
}) |
| 78 | 270 |
export class NavigationBarComponent {
|
| 79 | 271 |
|
Also available in: Unified diff
add new css template | add nav, bottom, aside bar for main app | add loading message in search pages