79 lines
4.5 KiB
HTML
79 lines
4.5 KiB
HTML
<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>
|
|
<div #searchInputComponent search-input [control]="filterForm.controls.keyword" [showSearch]="false"
|
|
placeholder="Search Content Providers"
|
|
[selected]="openaireSearchUtils.keyword" (closeEmitter)="onSearchClose()" (resetEmitter)="resetInput()"
|
|
[bordered]="true" colorClass="uk-text-secondary"
|
|
class="uk-width-1-2@l uk-width-1-2@m uk-width-1-1"></div>
|
|
</div>
|
|
|
|
<div id="manage-content-providers">
|
|
<div *ngIf="openaireSearchUtils.status == errorCodes.LOADING" class="uk-position-large-top">
|
|
<loading></loading>
|
|
</div>
|
|
<div *ngIf="openaireSearchUtils.totalResults == 0"
|
|
class="uk-card uk-card-default uk-padding-large uk-text-center uk-margin-bottom uk-text-bold">
|
|
<div>
|
|
<div *ngIf="openaireSearchUtils.status == errorCodes.NONE">No OpenAIRE content providers available</div>
|
|
<div *ngIf="openaireSearchUtils.status == errorCodes.ERROR">An Error Occurred. No OpenAIRE content providers found</div>
|
|
<div *ngIf="openaireSearchUtils.status == errorCodes.NOT_AVAILABLE">Service temporarily unavailable. Please try again later.</div>
|
|
<div *ngIf="openaireSearchUtils.status == errorCodes.NOT_FOUND">No OpenAIRE content providers found</div>
|
|
</div>
|
|
</div>
|
|
<!-- <errorMessages [status]="[openaireSearchUtils.status]" [type]="'OpenAIRE content providers'"></errorMessages>-->
|
|
|
|
<ng-container *ngIf="openaireSearchUtils.totalResults > 0">
|
|
<no-load-paging [type]="'Content Providers'"
|
|
[page]="openaireSearchUtils.page" [pageSize]="resultsPerPage" (pageChange)="goTo($event.value)"
|
|
[totalResults]="openaireSearchUtils.totalResults">
|
|
</no-load-paging>
|
|
|
|
<ul class="uk-list search-results uk-margin-medium-top uk-margin-medium-bottom">
|
|
<li *ngFor="let result of openaireContentProviders" class="uk-animation-fade">
|
|
<div class="uk-card uk-card-default uk-card-hover uk-text-small uk-margin-bottom">
|
|
<div class="uk-grid uk-grid-divider uk-padding-small" uk-grid>
|
|
<div class="uk-width-expand@m uk-width-1-1">
|
|
<result-preview [properties]="properties" [showOrganizations]="true"
|
|
[showSubjects]="true" [result]="getResultPreview(result)"
|
|
[externalUrl]="contentProviderUrl">
|
|
</result-preview>
|
|
</div>
|
|
<div class="uk-width-auto@m uk-width-1-1">
|
|
<div class="uk-flex uk-flex-middle uk-flex-center uk-flex-column uk-height-1-1">
|
|
<div class="uk-padding-small uk-padding-remove-horizontal">
|
|
|
|
<div [class.hide-element]="!getCommunityContentProvider(result)">
|
|
<a (click)="removeContentProvider(result)" class="uk-button action uk-flex uk-flex-middle">
|
|
<icon name="remove_circle_outline"></icon>
|
|
<span class="uk-margin-small-left">Remove content provider</span>
|
|
</a>
|
|
</div>
|
|
|
|
<div [class.hide-element]="getCommunityContentProvider(result)">
|
|
<a (click)="addContentProvider(result)" class="uk-button action uk-flex uk-flex-middle"
|
|
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>">
|
|
<div class="uk-text-success">
|
|
<icon name="add"></icon>
|
|
</div>
|
|
<span class="uk-margin-small-left">Add content provider</span>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
|
|
<!-- <div [class]="openaireSearchUtils.page > pagingLimit ? 'search-results' : ''"-->
|
|
<!-- *ngIf="(openaireSearchUtils.page >= pagingLimit) && (openaireSearchUtils.totalResults > resultsPerPage*pagingLimit)">-->
|
|
<!-- <p class="uk-alert-warning" uk-alert>For more results please try a new, more specific query</p>-->
|
|
<!-- </div>-->
|
|
|
|
<no-load-paging [type]="'Content Providers'"
|
|
[page]="openaireSearchUtils.page" [pageSize]="resultsPerPage" (pageChange)="goTo($event.value)"
|
|
[totalResults]="openaireSearchUtils.totalResults">
|
|
</no-load-paging>
|
|
</ng-container>
|
|
</div>
|