1
|
|
2
|
<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>
|
3
|
<div #searchInputComponent search-input [control]="filterForm" [showSearch]="false"
|
4
|
placeholder="Search Zenodo Communites"
|
5
|
[selected]="zenodoCommunitySearchUtils.keyword" (closeEmitter)="onSearchClose()" (resetEmitter)="resetInput()"
|
6
|
[bordered]="true" colorClass="uk-text-secondary"
|
7
|
class="uk-width-1-2@l uk-width-1-2@m uk-width-1-1"></div>
|
8
|
|
9
|
</div>
|
10
|
|
11
|
<div id="manage-zenodo-communities" class="uk-padding-small">
|
12
|
|
13
|
<div *ngIf="zenodoCommunitySearchUtils.status == errorCodes.LOADING " class="uk-position-center">
|
14
|
<loading></loading>
|
15
|
</div>
|
16
|
<div *ngIf="zenodoCommunitySearchUtils.status == errorCodes.NONE "
|
17
|
class="uk-card uk-card-default uk-padding-large uk-text-center uk-margin-bottom uk-text-bold">
|
18
|
<div> No zenodo communities found
|
19
|
</div>
|
20
|
</div>
|
21
|
<no-load-paging *ngIf="zenodoCommunitySearchUtils.totalResults > 0" [type]="'Zenodo Communities'"
|
22
|
[page]="zenodoCommunitySearchUtils.page" [pageSize]="rowsOnPage" (pageChange)="goTo($event.value)"
|
23
|
[totalResults]="zenodoCommunitySearchUtils.totalResults" >
|
24
|
</no-load-paging>
|
25
|
<ul class="uk-list">
|
26
|
|
27
|
<li class="" *ngFor="let item of zenodoCommunities; let i = index;"
|
28
|
class="uk-card uk-card-default uk-margin-bottom uk-padding" >
|
29
|
<div class="uk-grid uk-grid-divider " uk-grid>
|
30
|
<div class="uk-width-expand">
|
31
|
<preview-zenodo-community [item]="item"></preview-zenodo-community>
|
32
|
</div>
|
33
|
|
34
|
<div class="uk-width-auto@m uk-width-1-1">
|
35
|
<div class=" uk-flex uk-flex-middle uk-flex-center uk-flex-column uk-height-1-1">
|
36
|
<div class="uk-padding-small uk-padding-remove-horizontal">
|
37
|
<div [class.hide-element]="inThelist(item, selectedCommunities)">
|
38
|
<span *ngIf=" masterCommunity && item.id==masterCommunity.id" class="uk-label uk-label-warning">Master zenodo community</span>
|
39
|
<div (click)="addCommunity(item)" class="uk-button action uk-flex uk-flex-middle"
|
40
|
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>">
|
41
|
<!-- <i class="clickable uk-text-success" uk-icon="plus"></i>-->
|
42
|
<div class="uk-text-success">
|
43
|
<icon name="add"></icon>
|
44
|
</div>
|
45
|
<span class="uk-margin-small-left"> Add community</span>
|
46
|
</div>
|
47
|
</div>
|
48
|
<div [class.hide-element]="!inThelist(item, selectedCommunities) && !(masterCommunity && item.id==masterCommunity.id)">
|
49
|
<div (click)="removeCommunity(item)" class="uk-button action uk-flex uk-flex-middle">
|
50
|
<!-- <i class="clickable " uk-icon="trash"-->
|
51
|
<!-- ></i>-->
|
52
|
<icon name="remove_circle_outline" ratio="0.7"></icon>
|
53
|
<span class="uk-margin-small-left"> Remove community </span>
|
54
|
</div>
|
55
|
</div>
|
56
|
</div>
|
57
|
</div>
|
58
|
</div>
|
59
|
|
60
|
</div>
|
61
|
</li>
|
62
|
</ul>
|
63
|
<no-load-paging *ngIf="zenodoCommunitySearchUtils.totalResults > 0" [type]="'Zenodo Communities'"
|
64
|
[page]="zenodoCommunitySearchUtils.page" [pageSize]="rowsOnPage" (pageChange)="goTo($event.value)"
|
65
|
[totalResults]="zenodoCommunitySearchUtils.totalResults" >
|
66
|
</no-load-paging>
|
67
|
|
68
|
</div>
|