connect-admin/src/app/pages/content-providers/add-content-providers.component.html

<div class="uk-section uk-flex uk-flex-center uk-flex uk-flex-middle">
  <div class="uk-width-auto uk-margin-right">
    <a uk-icon="icon: info; ratio: 1.3"></a>
    <div *ngIf="community" class="uk-dropdown uk-padding-small uk-width-medium" uk-dropdown="mode: hover"
         [innerHTML]="infoMessage">
    </div>
  </div>
  <div search-input class="uk-width-xlarge@l uk-width-large" [searchControl]="filterForm.get('keyword')" searchInputClass="outer"
       [placeholder]="'Search ' + openAIREEntities.DATASOURCES" [disabled]="loading"></div>
</div>
<div class="uk-section uk-section-small uk-position-relative">
  <div *ngIf="openaireSearchUtils.status == errorCodes.LOADING" class="uk-position-center">
    <loading></loading>
  </div>
  <div *ngIf="openaireSearchUtils.status !== errorCodes.LOADING">
    <div *ngIf="openaireSearchUtils.totalResults == 0"
         class="uk-card uk-card-default uk-padding-large uk-text-center uk-margin-bottom">
      <div class="uk-text-bold">No <span class="uk-text-lowercase">{{openAIREEntities.DATASOURCES}}</span> found</div>
      <div class="uk-margin-small-top" [innerHTML]="infoMessage"></div>
    </div>
    <ng-container *ngIf="openaireSearchUtils.totalResults > 0">
      <no-load-paging [type]="openaireContentProviders.length === 1?openAIREEntities.DATASOURCE:openAIREEntities.DATASOURCES"
                      [page]="openaireSearchUtils.page" [pageSize]="resultsPerPage" (pageChange)="goTo($event.value)"
                      [totalResults]="openaireSearchUtils.totalResults">
      </no-load-paging>
      <div class="uk-grid uk-child-width-1-1 uk-margin-top uk-margin-bottom" uk-grid>
        <div *ngFor="let result of openaireContentProviders">
          <div class="uk-card uk-card-default">
            <div class="uk-card-body">
              <result-preview [properties]="properties" [showOrganizations]="true"
                              [showSubjects]="true" [result]="getResultPreview(result)"
                              [externalUrl]="contentProviderUrl">
              </result-preview>
            </div>
            <div class="uk-card-footer uk-padding-remove-vertical">
              <div class="uk-grid uk-grid-small uk-flex-nowrap uk-grid-divider uk-flex-right" uk-grid>
                <div *ngIf="!getCommunityContentProvider(result)">
                  <div class="uk-padding-small uk-padding-remove-horizontal">
                    <a class="uk-button uk-button-link uk-flex uk-flex-middle">
                      <icon name="add" [flex]="true"></icon>
                      <span class="uk-margin-small-left">
                        Add
                      </span>
                    </a>
                    <div uk-dropdown="mode:click">
                      <ul class="uk-nav uk-dropdown-nav">
                        <li class="uk-nav-header uk-margin-left">Add</li>
                        <li><a (click)="addContentProvider(result,true, false)"> as content source</a></li>
                        <li ><a (click)="addContentProvider(result,false, true)">as suggestion for deposit</a></li>
                        <li ><a (click)="addContentProvider(result,true, true)"> both</a></li>

                      </ul>
                    </div>
                  </div>
                </div>
                <div *ngIf="getCommunityContentProvider(result)">
                  <div class="uk-padding-small uk-padding-remove-horizontal">
                    <a (click)="removeContentProvider(result)"
                       class="uk-button uk-button-link uk-flex uk-flex-middle">
                      <icon name="remove" [flex]="true"></icon>
                      <span class="uk-margin-small-left">Remove</span>
                    </a>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="uk-margin-small-top">
        <paging-no-load  [currentPage]="openaireSearchUtils.page"
                         [totalResults]="openaireSearchUtils.totalResults" [size]="resultsPerPage"
                         (pageChange)="goTo($event)" customClasses="uk-flex-right@m uk-flex-center">
        </paging-no-load>
      </div>
    </ng-container>
  </div>
</div>