|
1
|
|
|
2
|
|
|
3
|
<div *ngIf= "communitiesResults != null && communitiesResults.length > 0" class="uk-margin-xlarge-top">
|
|
4
|
<div class="uk-container uk-margin-top-large uk-margin-bottom">
|
|
5
|
<div class="uk-child-width-1-3@m uk-text-center uk-grid-match " uk-grid >
|
|
6
|
<ng-container *ngFor="let item of communitiesResults; let i = index">
|
|
7
|
<div *ngIf="showCommunity(item)" class="uk-card uk-card-default uk-margin-bottom uk-padding-remove">
|
|
8
|
<span >
|
|
9
|
<div class="uk-card-media-top">
|
|
10
|
<img *ngIf= "item.logoUrl != null && item.logoUrl != '' " src="{{item.logoUrl}}" alt="{{(item.title)?item.title:item.shortTitle}} logo" class="uk-height-small uk-responsive-height ">
|
|
11
|
<span *ngIf= "item.logoUrl == null || item.logoUrl == '' " class="uk-icon uk-margin-top">
|
|
12
|
<svg width="50" height="50" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" ratio="2.5"> <circle fill="none" stroke="#000" stroke-width="1.1" cx="7.7" cy="8.6" r="3.5"></circle> <path fill="none" stroke="#000" stroke-width="1.1" d="M1,18.1 C1.7,14.6 4.4,12.1 7.6,12.1 C10.9,12.1 13.7,14.8 14.3,18.3"></path> <path fill="none" stroke="#000" stroke-width="1.1" d="M11.4,4 C12.8,2.4 15.4,2.8 16.3,4.7 C17.2,6.6 15.7,8.9 13.6,8.9 C16.5,8.9 18.8,11.3 19.2,14.1"></path></svg>
|
|
13
|
</span>
|
|
14
|
</div>
|
|
15
|
</span>
|
|
16
|
<div class="uk-card-body">
|
|
17
|
<div>
|
|
18
|
|
|
19
|
<h3 class="uk-card-title">
|
|
20
|
<a [routerLink]="['/initiatives', item.communityId]" routerLinkActive="router-link-active" >
|
|
21
|
{{(item.title)?item.title:item.shortTitle}}</a>
|
|
22
|
</h3>
|
|
23
|
</div>
|
|
24
|
|
|
25
|
<div *ngIf="item.status !='all'" class="uk-float-right" uk-tooltip="title: Community is hidden to registered users. It is visible only to users that have privileges to manage community; delay: 100">
|
|
26
|
<span class="private-view-label uk-label uk-label-success " aria-expanded="false">Private view</span>
|
|
27
|
</div>
|
|
28
|
<div *ngIf="item.type =='ri'" class="" >
|
|
29
|
<span class="ri-label uk-label uk-label-info " aria-expanded="false">Research Initiative</span>
|
|
30
|
</div>
|
|
31
|
<div *ngIf="item.type !='ri'" class="" >
|
|
32
|
<span class="uk-label rc-label uk-label-warning " aria-expanded="false">Research Community</span>
|
|
33
|
</div>
|
|
34
|
<p *ngIf="item.description != null" >{{item.description}}</p>
|
|
35
|
</div>
|
|
36
|
</div>
|
|
37
|
</ng-container>
|
|
38
|
</div>
|
|
39
|
</div>
|
|
40
|
</div>
|