Revision 58614
Added by Konstantinos Triantafyllou almost 4 years ago
affiliations.component.html | ||
---|---|---|
9 | 9 |
<span *ngIf="organization.logo_url == null || organization.logo_url == ''" class="uk-icon"> |
10 | 10 |
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" icon="image" ratio="2.5"><circle cx="16.1" cy="6.1" |
11 | 11 |
r="1.1"></circle><rect |
12 |
fill="none" stroke="#000" x="0.5" y="2.5" width="19" height="15"></rect><polyline fill="none" stroke="#000" |
|
13 |
stroke-width="1.01" |
|
14 |
points="4,13 8,9 13,14"></polyline><polyline |
|
15 |
fill="none" stroke="#000" stroke-width="1.01" points="11,12 12.5,10.5 16,14"></polyline></svg> |
|
12 |
fill="none" stroke="#000" x="0.5" y="2.5" width="19" height="15"></rect><polyline fill="none" stroke="#000"
|
|
13 |
stroke-width="1.01"
|
|
14 |
points="4,13 8,9 13,14"></polyline><polyline
|
|
15 |
fill="none" stroke="#000" stroke-width="1.01" points="11,12 12.5,10.5 16,14"></polyline></svg>
|
|
16 | 16 |
</span> |
17 | 17 |
</div> |
18 | 18 |
</div> |
19 | 19 |
<div *ngIf="organization.name && fullView" class="uk-card-body uk-padding-remove-horizontal uk-padding-remove-top"> |
20 | 20 |
<span class="uk-text-bold uk-text-small">{{organization.name.slice(0, 100)}}</span><span |
21 |
*ngIf="organization.name.length > 100">...</span> |
|
21 |
*ngIf="organization.name.length > 100">...</span>
|
|
22 | 22 |
</div> |
23 | 23 |
</ng-template> |
24 | 24 |
|
... | ... | |
33 | 33 |
uk-scrollspy="cls: uk-animation-fade; target: > div > .uk-card; repeat: false" |
34 | 34 |
uk-grid> |
35 | 35 |
|
36 |
<div *ngFor="let affiliation of affiliations"> |
|
37 |
<div class="uk-card uk-card-default uk-card-small uk-padding-small">
|
|
36 |
<div *ngFor="let affiliation of affiliations;">
|
|
37 |
<div class="uk-card communityCard">
|
|
38 | 38 |
<a *ngIf="affiliation.website_url" target="_blank" [href]="affiliation.website_url" class="affiliation-content"> |
39 | 39 |
<ng-container *ngTemplateOutlet="card; context: { organization: affiliation, fullView: true}"></ng-container> |
40 | 40 |
</a> |
... | ... | |
45 | 45 |
</div> |
46 | 46 |
</div> |
47 | 47 |
|
48 |
<div *ngIf="communityFirstPage"
|
|
49 |
class="uk-margin-large-top uk-margin uk-text-center uk-text-large uk-text-meta uk-text-bold">
|
|
48 |
<h3 *ngIf="communityFirstPage"
|
|
49 |
class="uk-margin-large-top uk-text-center uk-text-muted uk-text-bold">
|
|
50 | 50 |
Supporting Organizations |
51 |
<!-- ({{affiliations.length}})--> |
|
52 |
</div>
|
|
51 |
<!-- ({{affiliations.length}})-->
|
|
52 |
</h3>
|
|
53 | 53 |
|
54 | 54 |
<div *ngIf="!longView" [class]="'uk-position-relative uk-visible-toggle'" tabindex="-1" |
55 | 55 |
[attr.uk-slider]="sliderOptions"> |
56 | 56 |
<div |
57 |
[class]="'uk-align-center uk-width-'+(affiliations.length >= affiliationsInSlider ? affiliationsInSlider : affiliations.length)+'-'+affiliationsInSlider"> |
|
58 |
<ul class="uk-slider-items uk-grid-small" uk-height-match="target: > li > .uk-card" uk-grid>
|
|
57 |
[class]="'uk-align-center uk-width-'+(affiliations.length >= affiliationsInSlider ? affiliationsInSlider : affiliations.length)+'-'+affiliationsInSlider">
|
|
58 |
<ul class="uk-slider-items uk-grid-small" uk-height-match="target: > li > .affiliation" uk-grid>
|
|
59 | 59 |
<li *ngFor="let affiliation of affiliations" |
60 | 60 |
[class]="'affiliation-element uk-width-1-'+(affiliations.length >= affiliationsInSlider ? affiliationsInSlider : affiliations.length)"> |
61 |
<div class="uk-card uk-card-small uk-card-default uk-flex uk-flex-middle uk-flex-center uk-padding-small"
|
|
61 |
<div class="affiliation uk-flex uk-flex-middle uk-flex-center uk-padding-small"
|
|
62 | 62 |
[attr.uk-tooltip]="(affiliation.name) ? affiliation.name : 'cls: uk-invisible'"> |
63 | 63 |
<a *ngIf="affiliation.website_url" target="_blank" [href]="affiliation.website_url" |
64 | 64 |
class="affiliation-content"> |
65 | 65 |
<ng-container |
66 |
*ngTemplateOutlet="card; context: { organization: affiliation, fullView: false}"></ng-container> |
|
66 |
*ngTemplateOutlet="card; context: { organization: affiliation, fullView: false}"></ng-container>
|
|
67 | 67 |
</a> |
68 | 68 |
<span *ngIf="!affiliation.website_url" class="affiliation-content"> |
69 | 69 |
<ng-container *ngTemplateOutlet="card; context: { organization: affiliation}"></ng-container> |
... | ... | |
81 | 81 |
class="uk-position-center-right uk-padding uk-height-1-1 uk-flex" |
82 | 82 |
href="#" uk-slidenav-next uk-slider-item="next"></a> |
83 | 83 |
</div> |
84 |
<div *ngIf="communityFirstPage" |
|
85 |
[class]="'uk-align-center uk-width-'+(affiliations.length >= affiliationsInSlider ? affiliationsInSlider : affiliations.length)+'-'+affiliationsInSlider">
|
|
86 |
<a routerLink="/organizations" class="uk-align-right uk-link portal-link">
|
|
87 |
See Details >
|
|
84 |
<div *ngIf="communityFirstPage">
|
|
85 |
<a routerLink="/organizations" class="uk-align-right portal-link uk-flex uk-flex-middle">
|
|
86 |
<span>See Details</span>
|
|
87 |
<span uk-icon="chevron-right"></span>
|
|
88 | 88 |
</a> |
89 | 89 |
</div> |
90 | 90 |
</ng-container> |
Also available in: Unified diff
[Connect | Trunk]: Change Curators and Organizations base on new mocks