Project

General

Profile

1
<div class="uk-width-1-1 uk-flex uk-flex-middle uk-grid" uk-grid>
2
  <div *ngIf="allOptions?.length > 0"
3
       class="uk-width-1-2@m uk-width-1-1">
4
    <div class="uk-grid uk-flex uk-flex-middle uk-flex-wrap uk-flex-center uk-flex-right@m uk-width-1-1">
5
      <span class="">Filter by: </span>
6
      <div class="uk-width-expand uk-padding-remove uk-margin-small-left" dashboard-input
7
           [formInput]="filterForm.get('funder')"
8
           placeholder="Search by funder"
9
           type="autocomplete" [options]="allOptions" [showOptionsOnEmpty]="false">
10
      </div>
11
    </div>
12
  </div>
13
  <div class="uk-flex uk-flex-wrap uk-flex-center uk-flex-right@m uk-width-1-1 uk-width-expand@m">
14
    <div class="uk-width-1-1 uk-width-expand@m">
15
      <div #searchInputComponent search-input [control]="filterForm.controls.keyword" [showSearch]="false"
16
           placeholder="Search"
17
           [selected]="openaireSearchUtils.keyword" (closeEmitter)="onSearchClose()" (resetEmitter)="resetInput()"
18
           [bordered]="true" colorClass="uk-text-secondary" toggleTitle="locate projects"></div>
19
    </div>
20
  </div>
21
</div>
22

    
23

    
24
<div id="manage-projects">
25
  <errorMessages [status]="[openaireSearchUtils.status]" [type]="'OpenAIRE projects'"></errorMessages>
26
  <div *ngIf="openaireSearchUtils.status == errorCodes.NONE" class="uk-alert uk-alert-primary">
27
    <span class="uk-margin-small-right uk-icon" uk-icon="warning"></span>
28
    If you wish to suggest a new funder to include or report a missing project, please contact us via
29
    <a
30
      [href]="'mailto:' + properties.feedbackmailForMissingEntities +'?Subject=[OpenAIRE Connect - '+ community + '] report missing project' + '&body=' + body"
31
      target="_top">feedback@openaire.eu</a>.
32
  </div>
33

    
34
  <no-load-paging *ngIf="openaireSearchUtils.totalResults > 0" [type]="'Projects'"
35
                  [page]="openaireSearchUtils.page" [pageSize]="resultsPerPage" (pageChange)="goTo($event.value)"
36
                  [totalResults]="openaireSearchUtils.totalResults">
37
  </no-load-paging>
38

    
39
  <ul class="uk-list search-results uk-margin-medium-top uk-margin-medium-bottom">
40
    <li *ngFor="let result of openaireProjects" class="uk-animation-fade">
41
      <div class="uk-card uk-card-default uk-card-hover uk-text-small uk-margin-bottom">
42
        <div class="uk-grid uk-grid-divider uk-padding-small" uk-grid>
43
          <div class="uk-width-expand@m uk-width-1-1">
44
            <result-preview [properties]="properties" [showOrganizations]="true"
45
                            [showSubjects]="true" [result]="getResultPreview(result)" [showImage]="true"
46
                            [externalUrl]="projectUrl">
47
            </result-preview>
48
          </div>
49
          <div class="uk-width-auto@m uk-width-1-1">
50
            <div class="uk-flex uk-flex-middle uk-flex-center uk-flex-column uk-height-1-1">
51
              <div class="uk-padding-small uk-padding-remove-horizontal">
52

    
53
                <div [class.hide-element]="!getCommunityProjectId(result)">
54
                  <a (click)="removeProject(result)" class="uk-button action uk-flex uk-flex-middle">
55
                    <icon name="remove_circle_outline" ratio="0.7"></icon>
56
                    <span class="uk-margin-small-left">Remove project</span>
57
                  </a>
58
                </div>
59

    
60
                <div [class.hide-element]="getCommunityProjectId(result)">
61
                  <a (click)="addProject(result)" class="uk-button action uk-flex uk-flex-middle"
62
                     uk-tooltip="title:<div class='uk-padding-small'><div class='uk-margin-bottom uk-text-bold'>Add new project </div><div>Newly added projects will be linked to your community on the next run of our algorithms.</div></div>">
63
                    <div class="uk-text-success">
64
                      <icon name="add"></icon>
65
                    </div>
66
                    <span class="uk-margin-small-left">Add project</span>
67
                  </a>
68
                </div>
69
              </div>
70
            </div>
71
          </div>
72
        </div>
73
      </div>
74
    </li>
75
  </ul>
76

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

    
82
  <no-load-paging *ngIf="openaireSearchUtils.totalResults > 0" [type]="'Projects'"
83
                  [page]="openaireSearchUtils.page" [pageSize]="resultsPerPage" (pageChange)="goTo($event.value)"
84
                  [totalResults]="openaireSearchUtils.totalResults">
85
  </no-load-paging>
86
</div>
(1-1/6)