MaDgIK
/
openaire-library
13
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

[Trunk|Library] 

NavBaR:
	add search bar on menu - show in home page - by default is hidden


git-svn-id: https://svn.driver.research-infrastructures.eu/driver/dnet40/modules/uoa-services-library/trunk/ng-openaire-library/src/app@56137 d315682c-612b-4755-9ff5-7f18f6832af3
This commit is contained in:
argiro.kokogiannaki 2019-06-20 13:29:43 +00:00
parent 873f0dccb4
commit d76b8bf68f
2 changed files with 23 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
sharedComponents/navigationBar.component.html
View File

@ -108,7 +108,7 @@
<div id="stickyNavbar" [class]="'uk-navbar-container uk-sticky uk-navbar-transparent '+portal+'-menu'" uk-sticky="" media="768" cls-active="uk-active uk-navbar-sticky" animation="uk-animation-slide-top" top=".tm-header + [class*=&quot;uk-section&quot;]" cls-inactive="uk-navbar-transparent" style="">
<div class="uk-container uk-container-expand">
<nav class="uk-navbar" uk-navbar="{&quot;align&quot;:&quot;left&quot;}">
<div class="uk-navbar-left uk-visible@l uk-width-1-3">
<div class="uk-navbar-left uk-visible@l ">
<a *ngIf="!community" routerLinkActive="uk-link" routerLink="/" class="uk-logo uk-navbar-item">
<img src="{{logoPath}}logo-large-{{portal}}.png" alt="OpenAIRE" class="uk-responsive-height">
</a>
@ -124,6 +124,19 @@
<div *ngIf="!community.logoUrl || community.logoUrl.length == 0 || showCommunityName"
class="uk-margin-left uk-text-large"> {{community.name}} </div>
</a>
<div *ngIf="enableSearch && isEnabled([searchRoute], showPage) && getCurrentRoute()=='/'"
class=" uk-margin-large-left uk-width-medium">
<div class="">
<form class="uk-search uk-search-default uk-width-1-1">
<a routerLinkActive="uk-link"
routerLink="{{searchRoute}}" [queryParams]="{keyword: keyword}" class="uk-search-icon-flip" uk-search-icon></a>
<input class="uk-search-input" type="search" [placeholder]="searchPlaceHolder"
aria-describedby="sizing-addon2" [(ngModel)]="keyword" name="keyword" >
</form>
</div>
</div>
</div>
<div class="uk-navbar-left uk-visible@m uk-hidden@l uk-width-1-3">
<a *ngIf="!community" routerLinkActive="uk-link" routerLink="/" class="uk-logo uk-navbar-item">
@ -141,6 +154,7 @@
</a>
</div>
<!-- <div *ngIf="!onlyTop" class="uk-navbar-center"> -->
<div *ngIf="!onlyTop" class="uk-navbar-right uk-position-top-right">
<ul *ngIf= "isClient" [class]="'uk-navbar-nav'+(!userMenu?' uk-margin-right':'')">

8
sharedComponents/navigationBar.component.ts
View File

@ -27,6 +27,11 @@ export class NavigationBarComponent {
@Input() showMenu:boolean = true;
@Input() homeurl:boolean = true;
@Input() properties:EnvProperties;
@Input() enableSearch:boolean = false;
@Input() searchRoute:string = "/search/find";
@Input() searchPlaceHolder:string = "Search for research results";
keyword:string = "";
public isAuthorized: boolean = false;
sub:any;
@ -114,4 +119,7 @@ if( this.properties.adminToolsAPIURL && this.communityId ){
private handleError(message: string, error) {
console.error("NavigationBar (component): "+message, error);
}
getCurrentRoute(){
return this.router.url.split('?')[0];
}
}