Revision 50586
Added by Argiro Kokogiannaki about 6 years ago
| navigationBar.component.html | ||
|---|---|---|
| 1 | 1 |
<div class="tm-header-mobile uk-hidden@m"> |
| 2 | 2 |
<nav class="uk-navbar-container uk-navbar" uk-navbar=""> |
| 3 |
<div *ngIf="!onlyTop || usermenu" class="uk-navbar-left">
|
|
| 3 |
<div *ngIf="!onlyTop || userMenu" class="uk-navbar-left">
|
|
| 4 | 4 |
<a class="uk-navbar-toggle" href="#tm-mobile" uk-toggle="" style="z-index:1000;"> |
| 5 | 5 |
<div uk-navbar-toggle-icon="" class="uk-navbar-toggle-icon uk-icon custom-navbar-toggle-icon"> </div> |
| 6 | 6 |
</a> |
| 7 | 7 |
</div> |
| 8 | 8 |
<div class="uk-navbar-center"> |
| 9 | 9 |
<a class="uk-navbar-item uk-logo" routerLinkActive="uk-link" routerLink="/" > |
| 10 |
<img src="{{logoPath}}logo-small-{{portal}}.png" alt="OpenAIRE" class="uk-responsive-height"> </a>
|
|
| 10 |
<img *ngIf="!community" src="{{logoPath}}logo-small-{{portal}}.png" alt="OpenAIRE" class="uk-responsive-height">
|
|
| 11 |
<img *ngIf="community" src="{{community.logoUrl}}" alt="OpenAIRE" class="uk-responsive-height">
|
|
| 12 |
<div *ngIf="community" class="uk-margin-left uk-text-large"> {{community.name}} </div>
|
|
| 13 |
</a> |
|
| 11 | 14 |
</div> |
| 12 | 15 |
<!--div class="uk-navbar-right uk-margin-xlarge-top"> |
| 13 | 16 |
<user-mini></user-mini> |
| ... | ... | |
| 21 | 24 |
<div *ngIf= "isClient" class="uk-panel" id="module-0"> |
| 22 | 25 |
<ul class="uk-nav uk-nav-default"> |
| 23 | 26 |
<ng-container *ngIf="!onlyTop" > |
| 24 |
<li class="uk-nav-header uk-parent" *ngFor="let menu of menuItems"> |
|
| 25 |
<a routerLinkActive="uk-link" routerLink="{{menu.rootItem.route}}" class="uk-offcanvas-close custom-offcanvas-close">{{menu.rootItem.title}}</a>
|
|
| 26 |
<ul class="uk-nav-sub"> |
|
| 27 |
<li *ngFor="let submenu of menu.items"> |
|
| 28 |
<a *ngIf="submenu.route.length > 0" routerLinkActive="uk-link" routerLink="{{submenu.route}}" class="uk-offcanvas-close custom-offcanvas-close">{{submenu.title}}</a>
|
|
| 29 |
<a *ngIf="submenu.route.length == 0 && submenu.url.length > 0"routerLinkActive="uk-link" href="{{submenu.url}}" class="uk-offcanvas-close custom-offcanvas-close">{{submenu.title}}</a>
|
|
| 30 |
</li> |
|
| 31 |
</ul> |
|
| 32 |
</li> |
|
| 27 |
<ng-container *ngFor="let menu of menuItems"> |
|
| 28 |
<li class="uk-nav-header uk-parent" *ngIf="isEnabled(menu.entitiesRequired,showEntity) && isEnabled(menu.routeRequired, showPage)"> |
|
| 29 |
<a routerLinkActive="uk-link" routerLink="{{menu.rootItem.route}}" [queryParams]=menu.rootItem.params class="uk-offcanvas-close custom-offcanvas-close">{{menu.rootItem.title}}</a>
|
|
| 30 |
<ul class="uk-nav-sub"> |
|
| 31 |
<ng-container *ngFor="let submenu of menu.items"> |
|
| 32 |
<li *ngIf="isEnabled(submenu.entitiesRequired,showEntity) && isEnabled(submenu.routeRequired, showPage)"> |
|
| 33 |
<a *ngIf="submenu.route.length > 0" routerLinkActive="uk-link" routerLink="{{submenu.route}}" [queryParams]=submenu.params class="uk-offcanvas-close custom-offcanvas-close">{{submenu.title}}</a>
|
|
| 34 |
<a *ngIf="submenu.route.length == 0 && submenu.url.length > 0"routerLinkActive="uk-link" href="{{submenu.url}}" class="uk-offcanvas-close custom-offcanvas-close">{{submenu.title}}</a>
|
|
| 35 |
</li> |
|
| 36 |
</ng-container> |
|
| 37 |
|
|
| 38 |
</ul> |
|
| 39 |
</li> |
|
| 40 |
</ng-container> |
|
| 33 | 41 |
</ng-container> |
| 34 | 42 |
<!--li class="uk-nav-header uk-parent"> |
| 35 | 43 |
<a routerLinkActive="uk-link" routerLink="/search/find" class="uk-offcanvas-close custom-offcanvas-close">Search</a> |
| ... | ... | |
| 69 | 77 |
</ul> |
| 70 | 78 |
</li--> |
| 71 | 79 |
<ng-container *ngIf="userMenu"> |
| 72 |
<user-mini mobileView=true [userMenuItems]=userMenuItems [logInUrl]=logInUrl [logOutUrl]=logOutUrl></user-mini> |
|
| 80 |
<user-mini mobileView=true [userMenuItems]=userMenuItems [logInUrl]=logInUrl [logOutUrl]=logOutUrl [cookieDomain]=cookieDomain></user-mini>
|
|
| 73 | 81 |
</ng-container> |
| 74 | 82 |
</ul> |
| 75 | 83 |
</div> |
| ... | ... | |
| 82 | 90 |
<div *ngIf="specialAnnouncementContent" class="uk-hidden@m" [innerHTML]="specialAnnouncementContent"> |
| 83 | 91 |
|
| 84 | 92 |
</div> |
| 85 |
<div class="tm-toolbar custom-{{portal}}-toolbar uk-visible@m">
|
|
| 93 |
<div *ngIf="!community" class="tm-toolbar custom-{{portal}}-toolbar uk-visible@m">
|
|
| 86 | 94 |
<div class="uk-container uk-flex uk-flex-middle uk-container-expand"> |
| 87 | 95 |
<div class="uk-margin-auto-left"> |
| 88 | 96 |
<div class="uk-grid-medium uk-child-width-auto uk-flex-middle uk-grid uk-grid-stack" uk-grid="margin: uk-margin-small-top"> |
| ... | ... | |
| 113 | 121 |
<nav class="uk-navbar" uk-navbar="{"align":"left"}">
|
| 114 | 122 |
<div class="uk-navbar-left uk-visible@l "> |
| 115 | 123 |
<a routerLinkActive="uk-link" routerLink="/" class="uk-logo uk-navbar-item"> |
| 116 |
<img src="{{logoPath}}logo-large-{{portal}}.png" alt="OpenAIRE" class="uk-responsive-height"></a>
|
|
| 124 |
|
|
| 125 |
<img *ngIf="!community" src="{{logoPath}}logo-large-{{portal}}.png" alt="OpenAIRE" class="uk-responsive-height">
|
|
| 126 |
<img *ngIf="community" src="{{community.logoUrl}}" alt="OpenAIRE" class="uk-responsive-height">
|
|
| 127 |
<div *ngIf="community" class="uk-margin-left uk-text-large"> {{community.name}} </div>
|
|
| 128 |
</a> |
|
| 117 | 129 |
</div> |
| 118 | 130 |
<div class="uk-navbar-left uk-visible@m uk-hidden@l"> |
| 119 | 131 |
<a routerLinkActive="uk-link" routerLink="/" class="uk-logo uk-navbar-item"> |
| 120 |
<img src="{{logoPath}}logo-small-{{portal}}.png" alt="OpenAIRE" class="uk-responsive-height"></a>
|
|
| 132 |
<img *ngIf="!community" src="{{logoPath}}logo-small-{{portal}}.png" alt="OpenAIRE" class="uk-responsive-height">
|
|
| 133 |
<img *ngIf="community" src="{{community.logoUrl}}" alt="OpenAIRE" class="uk-responsive-height">
|
|
| 134 |
<div *ngIf="community" class="uk-margin-left uk-text-large"> {{community.name}} </div>
|
|
| 135 |
</a> |
|
| 121 | 136 |
</div> |
| 122 | 137 |
<div *ngIf="!onlyTop" class="uk-navbar-center"> |
| 123 | 138 |
<ul *ngIf= "isClient" class="uk-navbar-nav"> |
| 124 |
<li class="uk-parent" *ngFor="let menu of menuItems"> |
|
| 125 |
<a routerLinkActive="uk-link" routerLink="{{menu.rootItem.route}}" class="" aria-expanded="false">{{menu.rootItem.title}}</a>
|
|
| 126 |
<div *ngIf="menu.items.length > 0" class="uk-navbar-dropdown uk-navbar-dropdown-bottom-left" style="top: 80px; left: 0px;" id="{{menu.id}}" (click)="onClick(menu.id)">
|
|
| 127 |
<div class="uk-navbar-dropdown-grid uk-child-width-1-1 uk-grid uk-grid-stack" uk-grid=""> |
|
| 128 |
<div class="uk-first-column"> |
|
| 129 |
<ul class="uk-nav uk-navbar-dropdown-nav"> |
|
| 130 |
<li *ngFor="let submenu of menu.items"> |
|
| 131 |
<a *ngIf="submenu.route.length > 0" routerLinkActive="uk-link" routerLink="{{submenu.route}}" >{{submenu.title}}</a>
|
|
| 132 |
<a *ngIf="submenu.route.length == 0 && submenu.url.length > 0" routerLinkActive="uk-link" href="{{submenu.url}}" >{{submenu.title}}</a>
|
|
| 133 |
</li> |
|
| 134 |
</ul> |
|
| 135 |
</div> |
|
| 136 |
</div> |
|
| 137 |
</div> |
|
| 139 |
<ng-container *ngFor="let menu of menuItems"> |
|
| 140 |
<li class="uk-parent" *ngIf="isEnabled(menu.entitiesRequired,showEntity) && isEnabled(menu.routeRequired, showPage)"> |
|
| 141 |
<a routerLinkActive="uk-link" routerLink="{{menu.rootItem.route}}" [queryParams]=menu.rootItem.params class="" aria-expanded="false">{{menu.rootItem.title}}</a>
|
|
| 142 |
<div *ngIf="menu.items.length > 0" class="uk-navbar-dropdown uk-navbar-dropdown-bottom-left" style="top: 80px; left: 0px;" id="{{menu.rootItem.id}}" (click)="onClick(menu.rootItem.id)">
|
|
| 143 |
<div class="uk-navbar-dropdown-grid uk-child-width-1-1 uk-grid uk-grid-stack" uk-grid=""> |
|
| 144 |
<div class="uk-first-column"> |
|
| 145 |
<ul class="uk-nav uk-navbar-dropdown-nav"> |
|
| 146 |
<ng-container *ngFor="let submenu of menu.items"> |
|
| 147 |
<li *ngIf="isEnabled(submenu.entitiesRequired,showEntity) && isEnabled(submenu.routeRequired, showPage)"> |
|
| 148 |
<a *ngIf="submenu.route.length > 0" routerLinkActive="uk-link" routerLink="{{submenu.route}}" [queryParams]=submenu.params >{{submenu.title}}</a>
|
|
| 149 |
<a *ngIf="submenu.route.length == 0 && submenu.url.length > 0" routerLinkActive="uk-link" href="{{submenu.url}}" >{{submenu.title}}</a>
|
|
| 150 |
</li> |
|
| 151 |
</ng-container> |
|
| 152 |
</ul> |
|
| 153 |
</div> |
|
| 154 |
</div> |
|
| 155 |
</div> |
|
| 138 | 156 |
|
| 139 |
</li> |
|
| 157 |
</li> |
|
| 158 |
</ng-container> |
|
| 140 | 159 |
<!--li class="uk-parent"> |
| 141 | 160 |
<a routerLinkActive="uk-link" routerLink="/search/find" class="" aria-expanded="false">Search</a> |
| 142 | 161 |
<div class="uk-navbar-dropdown uk-navbar-dropdown-bottom-left" style="top: 80px; left: 0px;" id="searchMenu" (click)="onClick('searchMenu')">
|
| ... | ... | |
| 192 | 211 |
</ul> |
| 193 | 212 |
</div> |
| 194 | 213 |
<div *ngIf="userMenu" class="uk-navbar-right"> |
| 195 |
<user-mini [userMenuItems]=userMenuItems [logInUrl]=logInUrl [logOutUrl]=logOutUrl></user-mini> |
|
| 214 |
<user-mini [userMenuItems]=userMenuItems [logInUrl]=logInUrl [logOutUrl]=logOutUrl [cookieDomain]=cookieDomain></user-mini>
|
|
| 196 | 215 |
|
| 197 | 216 |
</div> |
| 198 | 217 |
</nav> |
Also available in: Unified diff
USe a json file to read properties | replace openaire Properties | parameterize menu (use params, community, ) | parameterize search pages (hide community information)