From d76b8bf68fe4ac1c2c6aa4aceeb09ce9d7eecde3 Mon Sep 17 00:00:00 2001
From: "argiro.kokogiannaki"
 <argiro.kokogiannaki@d315682c-612b-4755-9ff5-7f18f6832af3>
Date: Thu, 20 Jun 2019 13:29:43 +0000
Subject: [PATCH] [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
---
 sharedComponents/navigationBar.component.html | 16 +++++++++++++++-
 sharedComponents/navigationBar.component.ts   |  8 ++++++++
 2 files changed, 23 insertions(+), 1 deletion(-)

diff --git a/sharedComponents/navigationBar.component.html b/sharedComponents/navigationBar.component.html
index df6e339c..ceaad2ef 100644
--- a/sharedComponents/navigationBar.component.html
+++ b/sharedComponents/navigationBar.component.html
@@ -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':'')">
diff --git a/sharedComponents/navigationBar.component.ts b/sharedComponents/navigationBar.component.ts
index 320dfc45..44726a56 100644
--- a/sharedComponents/navigationBar.component.ts
+++ b/sharedComponents/navigationBar.component.ts
@@ -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];
+    }
 }