1
|
|
2
|
<div class="panel">
|
3
|
<ul class="nav nav-tabs">
|
4
|
<li class="active"><a data-toggle="tab" href="#crossref">Crossref ({{(crossrefResultsNum)?crossrefResultsNum:0}})</a></li>
|
5
|
<li><a data-toggle="tab" href="#openaire">Openaire ({{ (openaireResultsNum)?openaireResultsNum:0 }})</a></li>
|
6
|
<li><a data-toggle="tab" href="#orcid">Orcid ({{ (orcidResultsNum)?orcidResultsNum:0}})</a></li>
|
7
|
</ul>
|
8
|
<div class="tab-content">
|
9
|
<div id="crossref" class="active tab-pane fade in">
|
10
|
<div class="panel-body" >
|
11
|
<div *ngIf="crossrefStatus == errorCodes.LOADING" class="alert alert-info" role="alert">Loading...</div>
|
12
|
<div *ngIf="crossrefStatus != errorCodes.LOADING && crossrefResults.length == 0" class="alert alert-info" role="alert">No Results found</div>
|
13
|
<div *ngIf="crossrefStatus == errorCodes.ERROR" class="alert alert-warning" role="alert">An Error Occured</div>
|
14
|
<div *ngIf="crossrefStatus == errorCodes.NOT_AVAILABLE" class="alert alert-danger" role="alert">Service not available</div>
|
15
|
<div *ngIf="crossrefResultsNum != null && crossrefResultsNum > 0">
|
16
|
<paging-no-load [currentPage]="crossrefPage" [totalResults]="crossrefResultsNum" [navigateTo]="navigateTo" [term]="keyword" [size]="size" (pageChange)="crossrefPageChange($event)"> </paging-no-load>
|
17
|
</div>
|
18
|
<div >
|
19
|
<ul *ngIf="crossrefResults.length > 0 " class="list-group">
|
20
|
<li *ngFor=" let item of crossrefResults " [class]="(isSelected(item.DOI))?'list-group-item panel-footer':'list-group-item'">
|
21
|
<div >
|
22
|
<a *ngIf="item.URL" target="_blank" href="{{item.URL}}" >{{item.title}}</a>
|
23
|
<span *ngIf="!item.URL" >{{item.title}}</span>
|
24
|
<span *ngIf="!isSelected(item.DOI)" (click)="add(item, item.DOI, 'crossref', 'publication', item.URL, item.title, item.created['date-time'],'OPEN')" aria-hidden="true" class= " btn glyphicon glyphicon-plus"></span>
|
25
|
</div>
|
26
|
<span *ngIf="item.publisher" class="sub-title-elements">Publisher: {{item.publisher}}</span><span *ngIf="(item['published-print'] && item['published-print']['date-parts'] && item['published-print']['date-parts'][0])">({{(item['published-print']['date-parts'][0][0])?item['published-print']['date-parts'][0][0]:item['published-print']['date-parts'][0]}})</span>
|
27
|
<div *ngIf="item.author" class="sub-title-elements">Authors: <span *ngFor="let author of item.author let i = index">{{author.family}} {{author.given}}{{(i < (item.author.length-1))?"; ":""}}</span></div>
|
28
|
<div *ngIf="item.editor" class="sub-title-elements">Editors: <span *ngFor="let author of item.editor let i = index">{{author.family}} {{author.given}}{{(i < (item.editor.length-1))?"; ":""}}</span></div>
|
29
|
|
30
|
</li>
|
31
|
</ul>
|
32
|
</div>
|
33
|
</div>
|
34
|
</div>
|
35
|
<div id="openaire" class="tab-pane fade">
|
36
|
<div class = "panel-body">
|
37
|
<div *ngIf="openaireStatus == errorCodes.LOADING" class="alert alert-info" role="alert">Loading...</div>
|
38
|
<div *ngIf="openaireStatus == errorCodes.NONE" class="alert alert-info" role="alert">No Results found</div>
|
39
|
<div *ngIf="openaireStatus == errorCodes.ERROR" class="alert alert-warning" role="alert">An Error Occured</div>
|
40
|
<div *ngIf="openaireStatus == errorCodes.NOT_AVAILABLE" class="alert alert-danger" role="alert">Service not available</div>
|
41
|
<div *ngIf="openaireResultsNum != null && openaireResultsNum > 0">
|
42
|
<paging-no-load [currentPage]="openairePage" [totalResults]="openaireResultsNum" [navigateTo]="navigateTo" [term]="keyword" [size]="size" (pageChange)="openairePageChange($event)"> </paging-no-load>
|
43
|
</div>
|
44
|
<div >
|
45
|
<ul *ngIf="openaireResults.length > 0 " class="list-group">
|
46
|
<li *ngFor=" let result of openaireResults " [class]="(isSelected(result.id))?'list-group-item panel-footer':'list-group-item'">
|
47
|
<div >
|
48
|
<a *ngIf="result['title'].url" target="_blank" [href]="result['title'].url" >{{result['title'].name}}</a>
|
49
|
<span *ngIf="!result['title'].url" >{{result['title'].name}}</span>
|
50
|
<span *ngIf="!isSelected(result.id)" (click)="add(result, result.id, 'openaire', 'publication', result['title'].url, result['title'].name, result.year,result['title'].accessMode)" aria-hidden="true" class= " btn glyphicon glyphicon-plus"></span>
|
51
|
</div>
|
52
|
<span *ngIf="result.publisher" class="sub-title-elements">Publisher: {{result.publisher}}</span><span *ngIf="(result.year)">({{result.year}})</span>
|
53
|
<div *ngIf="result.authors" class="sub-title-elements">Authors: <span *ngFor="let author of result.authors let i = index">{{author.name}}{{(i < (result.authors.length-1))?"; ":""}}</span></div>
|
54
|
|
55
|
</li>
|
56
|
</ul>
|
57
|
</div>
|
58
|
</div>
|
59
|
</div>
|
60
|
<div id="orcid" class="tab-pane fade">
|
61
|
<div class="panel-body" >
|
62
|
<div *ngIf="orcidStatus == errorCodes.LOADING" class="alert alert-info" role="alert">Loading...</div>
|
63
|
<div *ngIf="orcidStatus == errorCodes.ERROR" class="alert alert-warning" role="alert">An Error Occured</div>
|
64
|
<div *ngIf="orcidStatus == errorCodes.NOT_AVAILABLE" class="alert alert-danger" role="alert">Service not available</div>
|
65
|
|
66
|
<div *ngIf="orcidResultsNum != null" class="panel-body">
|
67
|
<div class = "alert alert-warning " > Not the right author? Choose one of these:
|
68
|
|
69
|
<span class="dropdown">
|
70
|
<button class=" btn btn-default dropdown-toggle" type= "button" data-toggle="dropdown" id="orcidDropDown" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
|
71
|
Selected: {{authorGivenName}} {{authorFamilyName}}
|
72
|
</button>
|
73
|
<ul class="dropdown-menu " aria-labelledby="orcidDropDown">
|
74
|
<li *ngFor=" let item of authorIds let i = index" > <a (click)="getOrcidResultsById(i)" >
|
75
|
{{authorGivenNames[i]}} {{authorFamilyNames[i]}} : {{item}} </a>
|
76
|
</li>
|
77
|
|
78
|
</ul>
|
79
|
</span>
|
80
|
|
81
|
|
82
|
</div>
|
83
|
<span>Results for
|
84
|
<a target="_blank" href="http://orcid.org/{{authorId}}"> {{authorGivenName}} {{authorFamilyName}} - {{authorId}} </a> :
|
85
|
</span>
|
86
|
|
87
|
<div *ngIf=" ((orcidResultsNum >0) && (totalPages > 1) && ( 0 < page && page <= totalPages )) " >
|
88
|
<paging-no-load [currentPage]="orcidPage" [totalResults]="orcidResultsNum" [navigateTo]="navigateTo" [term]="keyword" [size]="size" (pageChange)="orcidPageChange($event)"> </paging-no-load>
|
89
|
|
90
|
</div>
|
91
|
<div >
|
92
|
<ul *ngIf="orcidResultsNum >0 && orcidResultsToShow.length > 0 " class="list-group">
|
93
|
<li *ngFor=" let item of orcidResultsToShow " [class]="(isSelected(authorId+'-'+item['put-code']))?'list-group-item panel-footer':'list-group-item'">
|
94
|
<div>
|
95
|
<span *ngIf="!item.URL" >{{item['work-title']['title'].value}}</span>
|
96
|
<span *ngIf="!isSelected(authorId+item['put-code'])" (click)="add(item,authorId+'-'+item['put-code'],'orcid', 'publication', '', item['work-title']['title'].value, item['publication-date']?item['publication-date'].year.value :null,'OPEN')" aria-hidden="true" class= " btn glyphicon glyphicon-plus"></span>
|
97
|
</div>
|
98
|
<span *ngIf="item['journal-title'] && item['journal-title'].value " class="sub-title-elements">Journal: {{item['journal-title'].value}}</span><span *ngIf="(item['publication-date']&&item['publication-date'].year&&item['publication-date'].year.value)"> ({{item['publication-date'].year.value}})</span>
|
99
|
<div *ngIf="item.contributors" class="sub-title-elements">Authors: <span *ngFor="let author of item.contributors let i = index">{{author}}{{(i < (item.contributors.length-1))?"; ":""}}</span></div>
|
100
|
|
101
|
</li>
|
102
|
</ul>
|
103
|
<div *ngIf="orcidResultsNum == 0" class = "alert alert-info " > No results found </div>
|
104
|
</div>
|
105
|
</div>
|
106
|
</div>
|
107
|
</div>
|
108
|
</div>
|
109
|
</div>
|