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-text-center uk-animation uk-card uk-card-default uk-padding">
4
      <div>
5
        <input type="text" class="uk-input  uk-width-1-2" placeholder="Search content providers in OpenAIRE..." aria-describedby="sizing-addon2"  [(ngModel)]="keyword"  name="keyword" >
6
        <button (click)="keywordChanged(keyword)"  type="submit" class=" uk-button">
7
           <span class="uk-icon">
8
           <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>
9
           </span>Search
10
         </button>
11
      </div>
12
    </form>
13
  </div>
14
</div>
15

    
16
<div *ngIf="openaireSearchUtils.status == errorCodes.DONE" class="uk-alert uk-alert-primary">
17
  <span class="uk-margin-small-right uk-icon" uk-icon="warning"></span>
18
  Metadata of newly added content providers, will be linked to your community on the next update of our central database.
19
</div>
20

    
21
<errorMessages [status]="[openaireSearchUtils.status]" [type]="'openaire Content Providers'"></errorMessages>
22

    
23
<div *ngIf="openaireSearchUtils.totalResults > 0" class="uk-align-center uk-margin-remove-bottom">
24
  <div class="searchPaging uk-panel uk-margin-top uk-grid uk-margin-bottom">
25
    <span class="uk-h6 uk-width-1-1@s uk-width-1-2@m">
26
      {{openaireSearchUtils.totalResults}} content providers, page {{openaireSearchUtils.page}} of {{(totalPages())}}
27
    </span>
28
    <span class="float-children-right-at-medium margin-small-top-at-small uk-width-1-1@s uk-width-1-2@m">
29
      <paging-no-load [currentPage]="openaireSearchUtils.page" [totalResults]="openaireSearchUtils.totalResults" [size]="rowsOnPage" (pageChange)="goTo($event.value)"></paging-no-load>
30
    </span>
31
  </div>
32
</div>
33

    
34
<ul [class]="'uk-list uk-list-divider  uk-margin '+custom_class">
35
 <!-- <errorMessages [status]="[status]" [type]="'results'"></errorMessages> -->
36

    
37
   <li *ngFor="let result of openaireContentProviders" class="uk-animation-fade">
38
       <h6 class="uk-grid" uk-grid>
39
           <span class="uk-width-5-6">
40
             <a class="custom-external" target="_blank" [href]="properties.baseOpenaireLink+'/search/dataprovider?datasourceId='+result.id">
41
               <span *ngIf="result['title'].name">
42
                 <span [innerHTML]="result['title'].name"></span>
43
               </span>
44
               <span *ngIf="!result['title'].name">
45
                 [no title available]
46
              </span>
47
             </a>
48
           </span>
49

    
50
           <span class="uk-width-1-6 uk-text-center">
51
             <a *ngIf="!inCommunity(result)" (click)="addContentProvider(result)" class="uk-icon-button add green_background_color green_color" uk-icon="plus" title="Add"></a>
52

    
53
             <span *ngIf="inCommunity(result)" class="uk-label uk-label-success">Added</span>
54
             <a *ngIf="undo[result.id]" (click)="removeContentProvider(undo[result.id], result.id)" class="uk-icon-button remove red_background_color red_color" uk-icon="close" title="Undo"></a>
55

    
56
          </span>
57
       </h6>
58

    
59
       <span *ngIf="result['type'] != undefined && result['type'] != ''" class="uk-label custom-label label-blue label-dataprovider" title="Type"> {{result['type']}}</span>
60
       <span *ngIf="result['compatibility'] != undefined && result['compatibility'] != ''" class="uk-label custom-label  label-compatibility" title="Compatibility">{{result.compatibility}}</span>
61
       <div *ngIf="result.startYear && result.endYear"> Start year: {{result.startYear}} - End year: {{result.endYear}}</div>
62

    
63
       <div *ngIf="result['organizations'] != undefined && result['organizations'].length > 0">
64
           <span> Organization: </span>
65
           <span *ngFor="let organization of result['organizations'].slice(0,10) let i=index">
66
               <a *ngIf="organization.id" class="custom-external custom-icon" target="_blank"
67
                  [href]="properties.baseOpenaireLink+'/search/organization?organizationId='+organization.id">
68
                       {{organization.name}}</a><span
69

    
70
                   *ngIf="!organization.id">
71
                       {{organization.name}}</span><span
72

    
73
                   *ngIf="(i < result['organizations'].length-1) && (i < 9)">,</span>
74
           </span>
75
           <span *ngIf="result['organizations'].length > 10">...</span>
76
       </div>
77

    
78
       <div *ngIf="result['countries'] && result['countries'].length > 0">
79
           Country: <span *ngFor="let country of  result['countries'].slice(0,10) let i = index">{{country}}{{(i < ( result['countries'].slice(0,10).length-1))?", ":""}}{{(i ==  result['countries'].slice(0,10).length-1 &&  result['countries'].length > 10)?"...":""}}</span>
80
       </div>
81
       <div *ngIf="result['websiteURL'] != undefined && result['websiteURL'] != ''">
82
           <span>Website URL: </span>
83
           <span>
84
               <a href="{{result['websiteURL']}}" target="_blank" class="custom-external custom-icon">
85
                   {{result['websiteURL']}}
86
               </a>
87
           </span>
88
       </div>
89

    
90
       <div *ngIf="result['OAIPMHURL'] != undefined && result['OAIPMHURL'] != ''">
91
           <span>OAI-PMH URL: </span>
92
           <span>
93
               <a href="{{result['OAIPMHURL']}}" target="_blank" class="custom-external custom-icon">
94
                   {{result['OAIPMHURL']}}
95
               </a>
96
           </span>
97
       </div>
98

    
99
       <!-- <div *ngIf="result['subjects'] && result['subjects'].length > 0">
100
           Subject: <span *ngFor="let subject of  result['subjects'].slice(0,10) let i = index">{{subject}}{{(i < ( result['subjects'].slice(0,10).length-1))?", ":""}}{{(i ==  result['subjects'].slice(0,10).length-1 &&  result['subjects'].length > 10)?"...":""}}</span>
101
       </div> -->
102
   </li>
103
</ul>
104

    
105
<div *ngIf="openaireSearchUtils.totalResults > 0" class="uk-align-center uk-margin-remove-bottom">
106
  <div class="searchPaging uk-panel uk-margin-top uk-grid uk-margin-bottom">
107
    <span class="uk-h6 uk-width-1-1@s uk-width-1-2@m">
108
      {{openaireSearchUtils.totalResults}} content providers, page {{openaireSearchUtils.page}} of {{(totalPages())}}
109
    </span>
110
    <span class="float-children-right-at-medium margin-small-top-at-small uk-width-1-1@s uk-width-1-2@m">
111
      <paging-no-load [currentPage]="openaireSearchUtils.page" [totalResults]="openaireSearchUtils.totalResults" [size]="rowsOnPage" (pageChange)="goTo($event.value)"></paging-no-load>
112
    </span>
113
  </div>
114
</div>
(1-1/6)