80 lines
2.7 KiB
TypeScript
80 lines
2.7 KiB
TypeScript
import {Component} from '@angular/core';
|
|
import {JSONP_PROVIDERS} from '@angular/http';
|
|
import {Observable} from 'rxjs/Observable';
|
|
import { RouteParams, RouteConfig, ROUTER_DIRECTIVES, Router } from '@angular/router-deprecated';
|
|
import {SearchCrossrefService} from '../services/searchCrossref.service';
|
|
import {Publication} from '../entities/publication';
|
|
import {PagingFormatter} from '../common/pagingFormatter.component';
|
|
import {PublicationTitleFormatter} from '../common/publicationTitleFormatter.component';
|
|
import {SearchAllComponent} from '../searchAll/searchAll.component';
|
|
|
|
@Component({
|
|
selector: 'search',
|
|
directives: [...ROUTER_DIRECTIVES,PagingFormatter, PublicationTitleFormatter,SearchAllComponent],
|
|
template: `
|
|
<h1>Search Demo</h1>
|
|
<p><i>Fetches from crossref </i></p>
|
|
<form>
|
|
<input #term [(ngModel)]="keyword"/>
|
|
<button (click)="search(term.value,10,1)" 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" [navigateTo]="navigateTo" [term]="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}} </p>
|
|
</div>
|
|
</div>
|
|
<!--<p>Directive....</p>
|
|
<search-all [source]="crossref" [type]="true" [claim]="false" ><search-all>-->
|
|
|
|
|
|
`,
|
|
providers:[JSONP_PROVIDERS, SearchCrossrefService]
|
|
})
|
|
export class SearchComponent {
|
|
constructor (private _searchService: SearchCrossrefService,
|
|
private _routeParams: RouteParams) {
|
|
console.info('search constructor');
|
|
}
|
|
ngOnInit() {
|
|
console.info('search init');
|
|
|
|
let page = +this._routeParams.get('page');
|
|
let size = +this._routeParams.get('size');
|
|
this.page = ( page <= 0 ) ? 1 : page;
|
|
this.size = ( size <= 0 ) ? 10 : size;
|
|
this.keyword = this._routeParams.get('keyword');
|
|
if(this.keyword !=null){
|
|
this.search(this.keyword,this.size,this.page);
|
|
}
|
|
}
|
|
|
|
page : number;
|
|
size:number;
|
|
keyword:string;
|
|
navigateTo: string = "Search";
|
|
|
|
results : String[];
|
|
orcidresults : String[];
|
|
resultsNum : number ;
|
|
search (term: string, size : number, page : number) {
|
|
this.getCrossrefResults(term,size,page);
|
|
}
|
|
|
|
|
|
getCrossrefResults (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)
|
|
);
|
|
}
|
|
|
|
}
|