D-Net

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

import {Observable}       from 'rxjs/Observable';

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

import {SearchCrossrefService} from '../services/searchCrossref.service';

import {Publication} from '../utils/entities/publication';

import {PagingFormatter} from '../utils/pagingFormatter.component';

import {PublicationTitleFormatter} from '../utils/publicationTitleFormatter.component';

import {Location} from '@angular/common';

@Component({

    selector: 'search-all',

    template: `

      <div  *ngIf="claim">

        <h3>Selected publications:</h3>

          <p *ngFor=" let item of selected "> <publication-title [title]="item.title" [url]="item.URL" > </publication-title> {{item.DOI}} --{{item.publisher}}  <button (click)="remove(item)"  type="button" class="btn btn-default">Remove</button></p>

      </div>

      <h1>Search</h1>

      <form>

        <input #term   [(ngModel)]="keyword" name= "searchAllTerm" />

        <button   (click)="search(keyword)"  type="submit" class="btn btn-default">Search</button>

        </form>

      <div>

        <div *ngIf="resultsNum != null && resultsNum > 0">

          <p > {{resultsNum   }} Total Results </p>

          <paging [currentPage]="page" [totalResults]="resultsNum"  [baseUrl]="'/search?keyword='+keyword" [size]="size"> </paging>

        </div>

        <div >

            <p *ngFor=" let item of results "> <publication-title [title]="item.title" [url]="item.URL" > </publication-title> {{item.DOI}} --{{item.publisher}} <button *ngIf="claim" (click)="add(item)"  type="button" class="btn btn-default">Select</button> </p>

        </div>

      </div>

    `

})

export class SearchAllComponent {

  constructor (private _searchService: SearchCrossrefService,

  private route: ActivatedRoute, private _location: Location) {}

  ngOnInit() {

    console.log("Path: " + this._location.path());

    this.sub =  this.route.queryParams.subscribe(params => {

      let page = (params['page']=== undefined)?1:+params['page'];

      let size = (params['size']=== undefined)?10:+params['size'];

      this.page = page;

      this.size = size;

      this.keyword = params['keyword'];

      if(this.keyword !=null){

        this.searchCrossref(this.keyword,this.size,this.page);

      }

    });

 }

   ngOnDestroy() {

     this.sub.unsubscribe();

   }

   sub: any;

  page : number;

  size:number;

  keyword:string;

  navigateTo: string = "Search";

  @Input() public claim:boolean = true ; // add selection for claiming

  @Input() public publication:boolean = true ; // true for publication/ false for dataset

  @Input() public source:string = 'openaire' ; // other values : crossref/ datacite/orcid

  @Input() public selected = [] ;

  @Output() selectedChange = new EventEmitter();

  results:string[];

  resultsNum : Observable<number> ;

  search(term: string, size : number, page : number) {

    // if(this.source == 'crossref' && this.publication){

        this.searchCrossref(term,10,1);

    // }else if(this.source == 'openaire' && this.publication){

    //

    // }else if(this.source == 'openaire' && this.publication){

    //

    // }else if(this.source == 'openaire' && !this.publication){

    //

    // }else if(this.source == 'orcid' && this.publication){

    //

    // }else if(this.source == 'datacite' && !this.publication){

    //

    // }

  }

  searchCrossref (term: string, size : number, page : number) {

    this._searchService.searchCrossrefResults(term, size, page).subscribe(

      data => {

        this.results = data.items;

        this.page=page;

        this.resultsNum = data['total-results'];

       },

      err => console.error(err)

    );

  }

  searchOpenaire (term2: string) {

    //this.items = this._searchService.httpSearchOpenaire(term2);

  }

   add(item){

        this.selected.push(item);

         console.info("Select:"+this.selected);

         for (var i = 0; i < this.selected.length; i++) {

             console.log(this.selected[i]);

         }

        var index:number =this.results.indexOf(item);

         if (index > -1) {

            this.results.splice(index, 1);

        }

            console.info("Item removed "+this.selected.indexOf(item));

            this.selectedChange.emit({

             value: this.selected

           });

   }

   remove(item){

          var index:number =this.selected.indexOf(item);

         if (index > -1) {

            this.selected.splice(index, 1);

        }

        this.selectedChange.emit({

         value: this.selected

       });

   }

}