You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
connect-admin/src/app/pages/zenodo-communities/add-zenodo-communities.comp...

63 lines
3.4 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-bottom" uk-grid>
<div #searchInputComponent search-input [control]="filterForm" [showSearch]="false"
placeholder="Search Zenodo Communites"
[selected]="zenodoCommunitySearchUtils.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 *ngIf="zenodoCommunitySearchUtils.status == errorCodes.LOADING" class="uk-position-large-top">
<loading></loading>
</div>
<div *ngIf="zenodoCommunitySearchUtils.status == errorCodes.NONE "
class="uk-card uk-card-default uk-padding-large uk-text-center uk-margin-bottom uk-text-bold">
<div> No zenodo communities found
</div>
</div>
<div *ngIf="zenodoCommunitySearchUtils.totalResults > 0">
<no-load-paging [type]="'Zenodo Communities'"
[page]="zenodoCommunitySearchUtils.page" [pageSize]="rowsOnPage" (pageChange)="goTo($event.value)"
[totalResults]="zenodoCommunitySearchUtils.totalResults">
</no-load-paging>
<ul class="uk-list">
<li class="" *ngFor="let item of zenodoCommunities; let i = index;"
class="uk-card uk-card-default uk-margin-bottom uk-padding">
<div class="uk-grid uk-grid-divider " uk-grid>
<div class="uk-width-expand">
<preview-zenodo-community [item]="item"></preview-zenodo-community>
</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]="inThelist(item, selectedCommunities)">
<span *ngIf=" masterCommunity && item.id==masterCommunity.id" class="uk-label uk-label-warning">Master zenodo community</span>
<div (click)="addCommunity(item)" 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 community </div><div>Newly added Zenodo communities will be linked to your community on the next run of our algorithms.</div></div>">
<!-- <i class="clickable uk-text-success" uk-icon="plus"></i>-->
<div class="uk-text-success">
<icon name="add"></icon>
</div>
<span class="uk-margin-small-left"> Add community</span>
</div>
</div>
<div
[class.hide-element]="!inThelist(item, selectedCommunities) && !(masterCommunity && item.id==masterCommunity.id)">
<div (click)="removeCommunity(item)" class="uk-button action uk-flex uk-flex-middle">
<icon name="remove_circle_outline"></icon>
<span class="uk-margin-small-left"> Remove community </span>
</div>
</div>
</div>
</div>
</div>
</div>
</li>
</ul>
<no-load-paging [type]="'Zenodo Communities'"
[page]="zenodoCommunitySearchUtils.page" [pageSize]="rowsOnPage" (pageChange)="goTo($event.value)"
[totalResults]="zenodoCommunitySearchUtils.totalResults">
</no-load-paging>
</div>