1
|
<div class="uk-container line-height-normal uk-text-small" *ngIf="community">
|
2
|
<div *ngIf="community.status =='manager'"
|
3
|
class="uk-card-badge private-card-badge uk-width-1-3 uk-position-top-left uk-text-small uk-text-center">
|
4
|
Private
|
5
|
</div>
|
6
|
<div *ngIf="community.isSubscribed"
|
7
|
class="uk-position-top-right uk-card-badge portal-card-badge uk-width-1-2 uk-text-small uk-text-center">
|
8
|
<span>Subscribed</span>
|
9
|
</div>
|
10
|
<div class="uk-card-media-top uk-padding uk-padding-remove-vertical uk-flex uk-flex-center uk-flex-middle">
|
11
|
<a *ngIf="directLink" [href]="getCommunityPageUrl()" target="_blank">
|
12
|
<div class="community">
|
13
|
<img *ngIf="community.logoUrl != null && community.logoUrl != ''" src="{{community.logoUrl}}"
|
14
|
alt="{{(community.title)?community.title:community.shortTitle}} logo">
|
15
|
<span *ngIf="community.logoUrl == null || community.logoUrl == ''" class="uk-icon">
|
16
|
<svg viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" ratio="2.5"> <circle fill="none" stroke="#000"
|
17
|
stroke-width="1.1" cx="7.7"
|
18
|
cy="8.6" r="3.5"></circle> <path
|
19
|
fill="none" stroke="#000" stroke-width="1.1"
|
20
|
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"
|
21
|
stroke="#000"
|
22
|
stroke-width="1.1"
|
23
|
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>
|
24
|
</span>
|
25
|
</div>
|
26
|
</a>
|
27
|
<a *ngIf="!directLink" (click)="confirmModalOpen()">
|
28
|
<div class="community">
|
29
|
<img *ngIf="community.logoUrl != null && community.logoUrl != ''" src="{{community.logoUrl}}"
|
30
|
alt="{{(community.title)?community.title:community.shortTitle}} logo">
|
31
|
<span *ngIf="community.logoUrl == null || community.logoUrl == ''" class="uk-icon">
|
32
|
<svg viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" ratio="2.5"> <circle fill="none" stroke="#000"
|
33
|
stroke-width="1.1" cx="7.7"
|
34
|
cy="8.6" r="3.5"></circle> <path
|
35
|
fill="none" stroke="#000" stroke-width="1.1"
|
36
|
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"
|
37
|
stroke="#000"
|
38
|
stroke-width="1.1"
|
39
|
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>
|
40
|
</span>
|
41
|
</div>
|
42
|
</a>
|
43
|
</div>
|
44
|
<div class="uk-card-body uk-padding-small uk-padding-remove-horizontal uk-padding-remove-top uk-margin-small-top uk-margin-bottom">
|
45
|
<div class="uk-text-center uk-text-bold " [ngClass]="(showDescription)?'uk-margin-bottom':''">
|
46
|
<a *ngIf="directLink" [href]="getCommunityPageUrl()" target="_blank">
|
47
|
<span *ngIf="community.title">
|
48
|
{{community.title.slice(0, thresholdTitle)}}
|
49
|
<span *ngIf="community.title.length > thresholdTitle">...</span>
|
50
|
</span>
|
51
|
<span *ngIf="!community.title && community.shortTitle">
|
52
|
{{community.shortTitle.slice(0, thresholdTitle)}}
|
53
|
<span *ngIf="community.shortTitle.length > thresholdTitle">...</span>
|
54
|
</span>
|
55
|
</a>
|
56
|
<a *ngIf="!directLink" (click)="confirmModalOpen()">
|
57
|
<span *ngIf="community.title">
|
58
|
{{community.title.slice(0, thresholdTitle)}}
|
59
|
<span *ngIf="community.title.length > thresholdTitle">...</span>
|
60
|
</span>
|
61
|
<span *ngIf="!community.title && community.shortTitle">
|
62
|
{{community.shortTitle.slice(0, thresholdTitle)}}
|
63
|
<span *ngIf="community.shortTitle.length > thresholdTitle">...</span>
|
64
|
</span>
|
65
|
</a>
|
66
|
</div>
|
67
|
<div class="uk-text-left" *ngIf="community.description != null && showDescription"
|
68
|
title="{{community.description}}">
|
69
|
<span>{{community.description.slice(0, thresholdDescription)}}<span
|
70
|
*ngIf="community.description.length > thresholdDescription">...</span></span>
|
71
|
</div>
|
72
|
</div>
|
73
|
<div>
|
74
|
<div class="uk-position-small uk-position-bottom-right">
|
75
|
<a *ngIf="directLink" [href]="getCommunityPageUrl()" target="_blank" class="portal-link uk-text-uppercase uk-text-bold">
|
76
|
Visit
|
77
|
</a>
|
78
|
<a *ngIf="!directLink" (click)="confirmModalOpen()" class="portal-link uk-text-uppercase uk-text-bold">
|
79
|
Visit
|
80
|
</a>
|
81
|
</div>
|
82
|
</div>
|
83
|
</div>
|
84
|
<modal-alert #AlertModal (alertOutput)="goToCommunityPage($event)">
|
85
|
<div class="uk-text-left">
|
86
|
You will be navigated to a new tab. Are you sure that you want to proceed?
|
87
|
</div>
|
88
|
</modal-alert>
|