Project

General

Profile

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="Project name or ID" 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
Newly added projects will be linked to your community on the next run of our algorithms.
29
<!-- <div> If you cannot find a funder that is relevant for your community, please contact us (<a [href]="'mailto:' + properties.feedbackmailForMissingEntities +'?Subject=[OpenAIRE Connect - '+ community + '] report missing Funder' + '&body=' + body" target="_top">feedback@openaire.eu</a>) and we'll try to get the funder on board!</div> -->
30

    
31

    
32
</div>
33
<div *ngIf="openaireSearchUtils.status == errorCodes.DONE" class="uk-alert uk-alert-primary">
34
  <span class="uk-margin-small-right uk-icon" uk-icon="warning"></span>
35
If you cannot find a funder that is relevant for your community, please contact us (<a [href]="'mailto:' + properties.feedbackmailForMissingEntities +'?Subject=[OpenAIRE Connect - '+ community + '] report missing Funder' + '&body=' + body" target="_top">feedback@openaire.eu</a>) and we'll try to get the funder on board!
36

    
37

    
38
</div>
39

    
40
<errorMessages [status]="[openaireSearchUtils.status]" [type]="'OpenAIRE projects'"></errorMessages>
41
<div *ngIf="openaireSearchUtils.status == errorCodes.NONE" class="uk-alert uk-alert-primary">
42
  <span class="uk-margin-small-right uk-icon" uk-icon="warning"></span>
43
   If you wish to suggest a new funder to include or report a missing project, please contact us via
44
   <a [href]="'mailto:' + properties.feedbackmailForMissingEntities +'?Subject=[OpenAIRE Connect - '+ community + '] report missing project' + '&body=' + body" target="_top">feedback@openaire.eu</a>.
45
</div>
46

    
47
<div *ngIf="openaireSearchUtils.totalResults > 0" class="uk-align-center uk-margin-remove-bottom">
48
  <div class="searchPaging uk-panel uk-margin-top uk-grid uk-margin-bottom">
49
    <span class="uk-h6 uk-width-1-1@s uk-width-1-2@m">
50
      {{openaireSearchUtils.totalResults | number}} projects, page {{openaireSearchUtils.page | number}} of {{(totalPages()) | number}}
51
    </span>
52
    <span class="float-children-right-at-medium margin-small-top-at-small uk-width-1-1@s uk-width-1-2@m">
53
      <paging-no-load [limitPaging]=true [currentPage]="openaireSearchUtils.page" [totalResults]="openaireSearchUtils.totalResults" [size]="rowsOnPage" (pageChange)="goTo($event.value)"></paging-no-load>
54
    </span>
55
  </div>
56
</div>
57

    
58
<ul *ngIf="(openaireSearchUtils.page <= pagingLimit)" [class]="'uk-list uk-list-divider  uk-margin '+custom_class">
59
 <!-- <errorMessages [status]="[status]" [type]="'results'"></errorMessages> -->
60

    
61
   <li *ngFor="let result of openaireProjects" class="uk-animation-fade">
62
       <h6 class="uk-grid" uk-grid>
63
           <span class="uk-width-5-6">
64
             <a class="custom-external" target="_blank" [href]="properties.baseOpenaireLink+'/search/project?projectId='+result.id">
65
               <span *ngIf="result['title'].name || result.acronym">
66
                 <span *ngIf="result.acronym">{{result.acronym}}</span>
67
                 <span *ngIf="result.acronym && result['title'].name">-</span>
68
                 <span [innerHTML]="result['title'].name"></span>
69
                 <span *ngIf="result.code">({{result.code}})</span>
70
               </span>
71
               <span *ngIf="!result['title'].name && !result.acronym">
72
                 [no title available]
73
                 <span *ngIf="result.code">({{result.code}})</span>
74
              </span>
75
             </a>
76
           </span>
77

    
78
           <span class="uk-width-1-6 uk-text-center">
79
             <!-- <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> -->
80
             <a *ngIf="!inCommunity(result)" (click)="addProject(result)" class="uk-icon-button add green_background_color green_color" uk-icon="plus" title="Add"></a>
81

    
82
             <span *ngIf="inCommunity(result)" class="uk-label uk-label-success">Added</span>
83
             <!-- <svg *ngIf="inCommunity(result)" class="added" src="assets/imgs/check-icon.png" title="Added" width="20" type="image" height="20"></svg> -->
84

    
85
             <!-- <button *ngIf="undo[result.id]" class="uk-button uk-button-danger uk-button-small" (click)="removeProject(result.id)">Undo</button> -->
86
             <!-- <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"> -->
87
             <!-- <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> -->
88
             <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>
89

    
90
          </span>
91
       </h6>
92
       <span *ngIf="result.title && result.title.accessMode" [class]="'uk-label custom-label  label-'+ result.title.accessMode " title="Access Mode">{{result.title.accessMode}}</span>
93
       <span *ngIf="result.funderShortname" class="uk-label custom-label label-funder " title="Funder">{{result.funderShortname}}</span>
94
       <span *ngIf="result.title  && result.title.sc39" class="uk-label custom-label label-sc39 " title="Special Clause 39">Special Clause 39</span>
95

    
96
       <div *ngIf="result.startYear && result.endYear"> Start year: {{result.startYear}} - End year: {{result.endYear}}</div>
97
       <div *ngIf="result['organizations'] != undefined && result['organizations'].length > 0">
98
           <span> Organization: </span>
99
           <span *ngFor="let organization of result['organizations'].slice(0,10) let i=index">
100
               <a *ngIf="organization.id" class="custom-external custom-icon" target="_blank"
101
                  [href]="properties.baseOpenaireLink+'/search/organization?organizationId='+organization.id">
102
                       {{organization.name}}</a><span
103

    
104
                   *ngIf="!organization.id">
105
                       {{organization.name}}</span><span
106

    
107
                   *ngIf="(i < result['organizations'].length-1) && (i < 9)">,</span>
108
           </span>
109
           <span *ngIf="result['organizations'].length > 10">...</span>
110
       </div>
111
   </li>
112
</ul>
113

    
114
<div [class]="openaireSearchUtils.page > pagingLimit ? 'search-results' : ''" *ngIf="(openaireSearchUtils.page >= pagingLimit) && (openaireSearchUtils.totalResults > resultsPerPage*pagingLimit)">
115
    <p class="uk-alert-warning" uk-alert>For more results please try a new, more specific query</p>
116
</div>
117

    
118
<div *ngIf="openaireSearchUtils.totalResults > 0" class="uk-align-center uk-margin-remove-bottom">
119
  <div class="searchPaging uk-panel uk-margin-top uk-grid uk-margin-bottom">
120
    <span class="uk-h6 uk-width-1-1@s uk-width-1-2@m">
121
      {{openaireSearchUtils.totalResults | number}} projects, page {{openaireSearchUtils.page | number}} of {{(totalPages()) | number}}
122
    </span>
123
    <span class="float-children-right-at-medium margin-small-top-at-small uk-width-1-1@s uk-width-1-2@m">
124
      <paging-no-load [limitPaging]=true [currentPage]="openaireSearchUtils.page" [totalResults]="openaireSearchUtils.totalResults" [size]="rowsOnPage" (pageChange)="goTo($event.value)"></paging-no-load>
125
    </span>
126
  </div>
127
</div>
(1-1/6)