2019-04-05 19:21:23 +02:00
|
|
|
<ul [class]="'uk-list uk-list-divider uk-margin ' + custom_class">
|
|
|
|
<errorMessages [status]="[status]" [type]="'results'"></errorMessages>
|
|
|
|
|
|
|
|
<li *ngFor="let result of results" class="uk-animation-fade uk-margin-auto" uk-grid>
|
2019-04-08 16:53:09 +02:00
|
|
|
<a class="uk-width-1-5 uk-height-small uk-card uk-card-default uk-card-body" (click)="confirmModalOpen(result.community)">
|
2019-04-07 17:52:15 +02:00
|
|
|
<div *ngIf="result.isSubscribed" class="uk-card-badge portal-card-badge uk-width-1-2 uk-position-top-left uk-text-small uk-text-center">Subscribed</div>
|
2019-04-05 19:21:23 +02:00
|
|
|
<img *ngIf= "result.community.logoUrl != null && result.community.logoUrl != '' " class="uk-padding uk-position-center" src="{{result.community.logoUrl}}" alt="{{(result.community.title)?result.community.title:result.community.shortTitle}} logo" >
|
|
|
|
<span *ngIf= "result.community.logoUrl == null || result.community.logoUrl == '' " class="uk-icon uk-padding uk-position-center">
|
|
|
|
<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>
|
|
|
|
</span>
|
|
|
|
</a>
|
|
|
|
<div class="uk-width-expand">
|
2019-04-08 16:53:09 +02:00
|
|
|
<div [title] = result.community.shortTitle class="uk-text-large uk-grid">
|
|
|
|
<a (click)="confirmModalOpen(result.community)" class="uk-width-3-4">
|
2019-04-05 19:21:23 +02:00
|
|
|
{{(result.community.title)?result.community.title:result.community.shortTitle}}
|
|
|
|
</a>
|
2019-04-08 16:53:09 +02:00
|
|
|
<manage *ngIf="result.isManager" [communityId]="result.community.communityId" class="uk-width-expand"></manage>
|
2019-04-08 14:43:04 +02:00
|
|
|
</div>
|
2019-04-08 16:53:09 +02:00
|
|
|
<div *ngIf="result.community.description" class="uk-margin-auto">
|
|
|
|
<div class="text-justify descriptionText" [title]="result.community.description">
|
|
|
|
{{_formatDescription(result.community.description)}}
|
2019-04-05 19:21:23 +02:00
|
|
|
</div>
|
|
|
|
</div>
|
2019-04-08 14:43:04 +02:00
|
|
|
<div class="uk-padding-small uk-padding-remove-left uk-grid">
|
2019-04-08 16:53:09 +02:00
|
|
|
<div class="uk-width-3-5">
|
2019-04-08 14:43:04 +02:00
|
|
|
<span *ngIf="result.community.date"><b> Creation Date: </b></span>
|
|
|
|
<span *ngIf="result.community.date">{{result.community.date | date:'dd-MM-yyyy'}}</span>
|
|
|
|
</div>
|
2019-04-08 16:53:09 +02:00
|
|
|
<div class="uk-width-expand">
|
2019-04-08 14:43:04 +02:00
|
|
|
<span *ngIf="result.community.type && result.community.type != ''" ><b> Type: </b></span>
|
|
|
|
<span *ngIf="result.community.type && result.community.type != ''" >{{(result.community.type == 'ri')? 'Research Initiative': 'Research Community'}}</span>
|
|
|
|
</div>
|
2019-04-05 19:21:23 +02:00
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</li>
|
|
|
|
</ul>
|
|
|
|
<modal-alert #AlertModal (alertOutput)="goToCommunityPage($event)">
|
|
|
|
<div class="uk-text-center">
|
|
|
|
The profile will be presented in a new tab.<br>
|
|
|
|
Are you sure that you want to proceed?
|
|
|
|
</div>
|
|
|
|
</modal-alert>
|
|
|
|
|