D-Net

import {Component, Input} from '@angular/core';

import {Observable}       from 'rxjs/Observable';

import { Router } from '@angular/router';

import {OpenaireProperties} from '../../utils/properties/openaireProperties';

@Component({

    selector: 'deposit-by-subject',

    template: `

        <div class="uk-margin-top">

                <h3>Or search for domain specific repositories</h3>

                <form class= "uk-grid">

                    <input type="text"  [(ngModel)]="subjectKeyword"  class="uk-margin-medium-left uk-padding-remove-left  uk-input" name="subject" placeholder="Type keywords (e.g Biology, Natural sciences, Social Sciences, Engineering Sciences... )"  style="width: 580px;" />

                    <button class=" uk-button uk-button-default"  type="submit" (click)="search()" >

                        Search

                    </button>

                </form>

        </div>

    `

})

export class DepositBySubjectComponent {

    @Input() subjectKeyword: string='';

    constructor (private _router: Router) { }

    public search() {

      this._router.navigate( ['participate/deposit-subject-result'], { queryParams: { "q": this.subjectKeyword } } );

    }

}