2021-05-19 13:40:29 +02:00
< 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 >
2018-11-21 10:42:37 +01:00
2021-05-19 13:40:29 +02:00
< / 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 >
2018-11-21 10:42:37 +01:00
2021-05-19 13:40:29 +02:00
< 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 ) " >
2018-11-21 10:42:37 +01:00
< span * ngIf = " masterCommunity && item.id==masterCommunity.id" class = "uk-label uk-label-warning" > Master zenodo community< / span >
2021-05-19 13:40:29 +02:00
< 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 >
2018-11-21 10:42:37 +01:00
< / div >
2021-05-19 13:40:29 +02:00
< / 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 >
2018-11-21 10:42:37 +01:00
< / div >
2021-05-19 13:40:29 +02:00
< / div >
2018-11-21 10:42:37 +01:00
< / div >
< / div >
2021-05-19 13:40:29 +02:00
< / li >
< / ul >
< no-load-paging [ type ] = " ' Zenodo Communities ' "
[page]="zenodoCommunitySearchUtils.page" [pageSize]="rowsOnPage" (pageChange)="goTo($event.value)"
[totalResults]="zenodoCommunitySearchUtils.totalResults">
< / no-load-paging >
2018-11-21 10:42:37 +01:00
< / div >