2021-05-19 13:40:29 +02:00
< div page-content >
< div header >
< community-info tab = "zenodo-communities" > < / community-info >
< div class = "uk-width-1-1 uk-flex uk-flex-right@m uk-flex-center uk-flex-wrap uk-flex-middle uk-grid" uk-grid >
< div class = "uk-flex-last@m" >
< a ( click ) = " addNew ( ) "
uk-tooltip="title:< div class = 'uk-padding-small' > < div class = 'uk-margin-bottom uk-text-bold' > Search and add more Zenodo Communities< / div > < div > The research results of a Zenodo community specified here will be automatically linked to your community dashboard.< / div > < / div > "
class="uk-flex uk-flex-middle uk-text-uppercase">
< button class = "large uk-icon-button uk-button-secondary" >
< icon name = "add" > < / icon >
< / button >
< button class = "uk-button uk-button-link uk-margin-small-left uk-text-secondary" > Add new zenodo
communities
< / button >
< / a >
< / div >
< div # searchInputComponent search-input [ control ] = " filterForm " [ showSearch ] = " false "
placeholder="Search Zenodo Communities "
[selected]="searchUtils.keyword" (closeEmitter)="onSearchClose()" (resetEmitter)="resetInput()"
[bordered]="true" colorClass="uk-text-secondary"
class="uk-width-1-3@xl uk-width-2-5@l uk-width-1-2@m uk-width-1-1">< / div >
2018-11-22 16:10:41 +01:00
< / div >
< / div >
2021-05-19 13:40:29 +02:00
< div inner >
< div * ngIf = "searchUtils.status === errorCodes.LOADING" class = "uk-position-center" >
< loading > < / loading >
2018-11-27 11:43:11 +01:00
< / div >
2021-05-19 13:40:29 +02:00
< div * ngIf = "searchUtils.status != errorCodes.LOADING && previewCommunities" >
< div * ngIf = "masterCommunity"
class="uk-animation-fade uk-alert uk-alert-primary uk-padding-small uk-margin-large-bottom">
< div class = "uk-text-large uk-margin-bottom" > Main Zenodo community< / div >
< preview-zenodo-community [ item ] = " masterCommunity " > < / preview-zenodo-community >
2018-10-30 16:31:16 +01:00
< / div >
2021-05-19 13:40:29 +02:00
< div * ngIf = "previewCommunities.length == 0"
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 = "previewCommunities.length > 0" >
< no-load-paging * ngIf = " previewCommunities && previewCommunities.length > 0" [ type ] = " ' Zenodo Communities ' "
[page]="page" [pageSize]="size" (pageChange)="page = $event.value"
[totalResults]="previewCommunities.length">
< / no-load-paging >
< ul class = "uk-list" >
2018-10-30 16:31:16 +01:00
2021-05-19 13:40:29 +02:00
< li class = "" * ngFor = "let item of previewCommunities; let i = index;"
class="uk-card uk-card-default uk-margin-bottom"
[class.uk-hidden]="i >= page * size ||
i < (page - 1) * size">
< div class = "uk-grid uk-padding uk-grid-divider " uk-grid >
< div class = "uk-width-expand@m uk-width-1-1" >
< preview-zenodo-community [ item ] = " item " > < / preview-zenodo-community >
< / div >
< div class = "uk-text-center uk-width-auto@m uk-width-1-1" >
< div class = " uk-flex uk-flex-middle uk-flex-center uk-height-1-1" >
< div class = "uk-padding-small uk-padding-remove-horizontal" >
< 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 >
< / div >
< / li >
< / ul >
2018-10-30 16:31:16 +01:00
< / div >
< / div >
2021-05-19 13:40:29 +02:00
< / div >
2018-10-30 16:31:16 +01:00
< / div >
2018-11-21 10:42:37 +01:00
< modal-alert # AlertModalDeleteCommunity ( alertOutput ) = " confirmedDeleteCommunity ( $ event ) " > < / modal-alert >