1
|
<div class="uk-child-width-expand@s uk-text-center uk-margin-bottom" uk-grid>
|
2
|
<div>
|
3
|
<form class=" uk-animation uk-card uk-card-default uk-padding" >
|
4
|
<div>
|
5
|
<select class="uk-select" [(ngModel)]="selectedFunderId" name="select_funder" >
|
6
|
<option value="0" (click)="funderChanged('0','Select funder:')">Select funder:</option>
|
7
|
<option *ngFor="let funder of funders" [value]="funder.id" (click)="funderChanged(funder.id,funder.name)">{{(funder.name.split("||").length > 0)?(funder.name.split("||")[0]+" ("+funder.name.split("||")[1]+")"):(funder.name)}}</option>
|
8
|
</select>
|
9
|
</div>
|
10
|
</form>
|
11
|
</div>
|
12
|
<div>
|
13
|
<form class="uk-text-center uk-animation uk-card uk-card-default uk-padding">
|
14
|
<div>
|
15
|
<input type="text" class="uk-input uk-width-1-2" placeholder="Search projects in OpenAIRE..." aria-describedby="sizing-addon2" [(ngModel)]="keyword" name="keyword" >
|
16
|
<button (click)="keywordChanged(keyword)" type="submit" class=" uk-button">
|
17
|
<span class="uk-icon">
|
18
|
<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" icon="search" ratio="1"><circle fill="none" stroke="#000" stroke-width="1.1" cx="9" cy="9" r="7"></circle><path fill="none" stroke="#000" stroke-width="1.1" d="M14,14 L18,18 L14,14 Z"></path></svg>
|
19
|
</span>Search
|
20
|
</button>
|
21
|
</div>
|
22
|
</form>
|
23
|
</div>
|
24
|
</div>
|
25
|
|
26
|
<div *ngIf="openaireSearchUtils.status == errorCodes.DONE" class="uk-alert uk-alert-primary">
|
27
|
<span class="uk-margin-small-right uk-icon" uk-icon="warning"></span>
|
28
|
Metadata of newly added projects, will be linked to your community on the next update of our central database.
|
29
|
</div>
|
30
|
|
31
|
<errorMessages [status]="[openaireSearchUtils.status]" [type]="'openaire Projects'"></errorMessages>
|
32
|
|
33
|
<div *ngIf="openaireSearchUtils.totalResults > 0" class="uk-align-center uk-margin-remove-bottom">
|
34
|
<div class="searchPaging uk-panel uk-margin-top uk-grid uk-margin-bottom">
|
35
|
<span class="uk-h6 uk-width-1-1@s uk-width-1-2@m">
|
36
|
{{openaireSearchUtils.totalResults}} projects, page {{openaireSearchUtils.page}} of {{(totalPages())}}
|
37
|
</span>
|
38
|
<span class="float-children-right-at-medium margin-small-top-at-small uk-width-1-1@s uk-width-1-2@m">
|
39
|
<paging-no-load [currentPage]="openaireSearchUtils.page" [totalResults]="openaireSearchUtils.totalResults" [size]="rowsOnPage" (pageChange)="goTo($event.value)"></paging-no-load>
|
40
|
</span>
|
41
|
</div>
|
42
|
</div>
|
43
|
|
44
|
<ul [class]="'uk-list uk-list-divider uk-margin '+custom_class">
|
45
|
<!-- <errorMessages [status]="[status]" [type]="'results'"></errorMessages> -->
|
46
|
|
47
|
<li *ngFor="let result of openaireProjects" class="uk-animation-fade">
|
48
|
<h6 class="uk-grid" uk-grid>
|
49
|
<span class="uk-width-5-6">
|
50
|
<a class="custom-external" target="_blank" [href]="properties.baseOpenaireLink+'/search/project?projectId='+result.id">
|
51
|
<span *ngIf="result['title'].name || result.acronym">
|
52
|
<span *ngIf="result.acronym">{{result.acronym}}</span>
|
53
|
<span *ngIf="result.acronym && result['title'].name">-</span>
|
54
|
<span [innerHTML]="result['title'].name"></span>
|
55
|
<span *ngIf="result.code">({{result.code}})</span>
|
56
|
</span>
|
57
|
<span *ngIf="!result['title'].name && !result.acronym">
|
58
|
[no title available]
|
59
|
<span *ngIf="result.code">({{result.code}})</span>
|
60
|
</span>
|
61
|
</a>
|
62
|
</span>
|
63
|
|
64
|
<span class="uk-width-1-6 uk-text-center">
|
65
|
<!-- <a *ngIf="!inCommunity(result)" (click)="addProject(result)" class="uk-icon-button"><svg height="20" icon="plus" ratio="1" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><rect height="17" width="1" x="9" y="1"></rect><rect height="1" width="17" x="1" y="9"></rect></svg></a> -->
|
66
|
<a *ngIf="!inCommunity(result)" (click)="addProject(result)" class="uk-icon-button add green_background_color green_color" uk-icon="plus" title="Add"></a>
|
67
|
|
68
|
<span *ngIf="inCommunity(result)" class="uk-label uk-label-success">Added</span>
|
69
|
<!-- <svg *ngIf="inCommunity(result)" class="added" src="assets/imgs/check-icon.png" title="Added" width="20" type="image" height="20"></svg> -->
|
70
|
|
71
|
<!-- <button *ngIf="undo[result.id]" class="uk-button uk-button-danger uk-button-small" (click)="removeProject(result.id)">Undo</button> -->
|
72
|
<!-- <input *ngIf="undo[result.id]" (click)="removeProject(result.id)" class="remove" src="assets/imgs/x-icon.png" title="Undo" width="20" type="image" height="20"> -->
|
73
|
<!-- <a *ngIf="undo[result.id]" (click)="removeProject(result.id)" class="remove red_colour"><svg height="20" icon="close" ratio="1" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><rect height="17" width="1" x="9" y="1"></rect><rect height="1" width="17" x="1" y="9"></rect></svg></a> -->
|
74
|
<a *ngIf="undo[result.id]" (click)="removeProject(undo[result.id], result.id)" class="uk-icon-button remove red_background_color red_color" uk-icon="close" title="Undo"></a>
|
75
|
|
76
|
</span>
|
77
|
</h6>
|
78
|
<span *ngIf="result.title && result.title.accessMode" [class]="'uk-label custom-label label-'+ result.title.accessMode " title="Access Mode">{{result.title.accessMode}}</span>
|
79
|
<span *ngIf="result.funderShortname" class="uk-label custom-label label-funder " title="Funder">{{result.funderShortname}}</span>
|
80
|
<span *ngIf="result.title && result.title.sc39" class="uk-label custom-label label-sc39 " title="Special Clause 39">Special Clause 39</span>
|
81
|
|
82
|
<div *ngIf="result.startYear && result.endYear"> Start year: {{result.startYear}} - End year: {{result.endYear}}</div>
|
83
|
<div *ngIf="result['organizations'] != undefined && result['organizations'].length > 0">
|
84
|
<span> Organization: </span>
|
85
|
<span *ngFor="let organization of result['organizations'].slice(0,10) let i=index">
|
86
|
<a *ngIf="organization.id" class="custom-external custom-icon" target="_blank"
|
87
|
[href]="properties.baseOpenaireLink+'/search/organization?organizationId='+organization.id">
|
88
|
{{organization.name}}</a><span
|
89
|
|
90
|
*ngIf="!organization.id">
|
91
|
{{organization.name}}</span><span
|
92
|
|
93
|
*ngIf="(i < result['organizations'].length-1) && (i < 9)">,</span>
|
94
|
</span>
|
95
|
<span *ngIf="result['organizations'].length > 10">...</span>
|
96
|
</div>
|
97
|
</li>
|
98
|
</ul>
|
99
|
|
100
|
<div *ngIf="openaireSearchUtils.totalResults > 0" class="uk-align-center uk-margin-remove-bottom">
|
101
|
<div class="searchPaging uk-panel uk-margin-top uk-grid uk-margin-bottom">
|
102
|
<span class="uk-h6 uk-width-1-1@s uk-width-1-2@m">
|
103
|
{{openaireSearchUtils.totalResults}} projects, page {{openaireSearchUtils.page}} of {{(totalPages())}}
|
104
|
</span>
|
105
|
<span class="float-children-right-at-medium margin-small-top-at-small uk-width-1-1@s uk-width-1-2@m">
|
106
|
<paging-no-load [currentPage]="openaireSearchUtils.page" [totalResults]="openaireSearchUtils.totalResults" [size]="rowsOnPage" (pageChange)="goTo($event.value)"></paging-no-load>
|
107
|
</span>
|
108
|
</div>
|
109
|
</div>
|