Project

General

Profile

1
<div class="uk-width-1-1 uk-flex uk-flex-right@m uk-flex-center uk-flex-wrap uk-flex-middle uk-grid uk-margin-medium-bottom" uk-grid>
2
  <div #searchInputComponent search-input [control]="filterForm.controls.keyword" [showSearch]="false"
3
       placeholder="Search Content Providers"
4
       [selected]="openaireSearchUtils.keyword" (closeEmitter)="onSearchClose()" (resetEmitter)="resetInput()"
5
       [bordered]="true" colorClass="uk-text-secondary"
6
       class="uk-width-1-2@l uk-width-1-2@m uk-width-1-1"></div>
7
</div>
8

    
9
<div id="manage-content-providers">
10
  <div *ngIf="openaireSearchUtils.status == errorCodes.LOADING" class="uk-position-large-top">
11
    <loading></loading>
12
  </div>
13
  <div *ngIf="openaireSearchUtils.totalResults == 0"
14
       class="uk-card uk-card-default uk-padding-large uk-text-center uk-margin-bottom uk-text-bold">
15
    <div>
16
      <div *ngIf="openaireSearchUtils.status == errorCodes.NONE">No OpenAIRE content providers available</div>
17
      <div *ngIf="openaireSearchUtils.status == errorCodes.ERROR">An Error Occurred. No OpenAIRE content providers found</div>
18
      <div *ngIf="openaireSearchUtils.status == errorCodes.NOT_AVAILABLE">Service temporarily unavailable. Please try again later.</div>
19
      <div *ngIf="openaireSearchUtils.status == errorCodes.NOT_FOUND">No OpenAIRE content providers found</div>
20
    </div>
21
  </div>
22
<!--  <errorMessages [status]="[openaireSearchUtils.status]" [type]="'OpenAIRE content providers'"></errorMessages>-->
23

    
24
  <ng-container *ngIf="openaireSearchUtils.totalResults > 0">
25
    <no-load-paging [type]="'Content Providers'"
26
                    [page]="openaireSearchUtils.page" [pageSize]="resultsPerPage" (pageChange)="goTo($event.value)"
27
                    [totalResults]="openaireSearchUtils.totalResults">
28
    </no-load-paging>
29

    
30
    <ul class="uk-list search-results uk-margin-medium-top uk-margin-medium-bottom">
31
      <li *ngFor="let result of openaireContentProviders" class="uk-animation-fade">
32
        <div class="uk-card uk-card-default uk-card-hover uk-text-small uk-margin-bottom">
33
          <div class="uk-grid uk-grid-divider uk-padding-small" uk-grid>
34
            <div class="uk-width-expand@m uk-width-1-1">
35
              <result-preview [properties]="properties" [showOrganizations]="true"
36
                              [showSubjects]="true" [result]="getResultPreview(result)"
37
                              [externalUrl]="contentProviderUrl">
38
              </result-preview>
39
            </div>
40
            <div class="uk-width-auto@m uk-width-1-1">
41
              <div class="uk-flex uk-flex-middle uk-flex-center uk-flex-column uk-height-1-1">
42
                <div class="uk-padding-small uk-padding-remove-horizontal">
43

    
44
                  <div [class.hide-element]="!getCommunityContentProvider(result)">
45
                    <a (click)="removeContentProvider(result)" class="uk-button action uk-flex uk-flex-middle">
46
                      <icon name="remove_circle_outline"></icon>
47
                      <span class="uk-margin-small-left">Remove content provider</span>
48
                    </a>
49
                  </div>
50

    
51
                  <div [class.hide-element]="getCommunityContentProvider(result)">
52
                    <a (click)="addContentProvider(result)" class="uk-button action uk-flex uk-flex-middle"
53
                       uk-tooltip="title:<div class='uk-padding-small'><div class='uk-margin-bottom uk-text-bold'>Add new content provider </div><div>Newly added content providers will be linked to your community on the next run of our algorithms.</div></div>">
54
                      <div class="uk-text-success">
55
                        <icon name="add"></icon>
56
                      </div>
57
                      <span class="uk-margin-small-left">Add content provider</span>
58
                    </a>
59
                  </div>
60
                </div>
61
              </div>
62
            </div>
63
          </div>
64
        </div>
65
      </li>
66
    </ul>
67

    
68
  <!--  <div [class]="openaireSearchUtils.page > pagingLimit ? 'search-results' : ''"-->
69
  <!--       *ngIf="(openaireSearchUtils.page >= pagingLimit) && (openaireSearchUtils.totalResults > resultsPerPage*pagingLimit)">-->
70
  <!--    <p class="uk-alert-warning" uk-alert>For more results please try a new, more specific query</p>-->
71
  <!--  </div>-->
72

    
73
    <no-load-paging [type]="'Content Providers'"
74
                    [page]="openaireSearchUtils.page" [pageSize]="resultsPerPage" (pageChange)="goTo($event.value)"
75
                    [totalResults]="openaireSearchUtils.totalResults">
76
    </no-load-paging>
77
  </ng-container>
78
</div>
(1-1/7)