Revision 56189
Added by Konstantinos Triantafyllou almost 5 years ago
| modules/uoa-connect-portal/trunk/src/app/communities/communities.component.html | ||
|---|---|---|
| 175 | 175 |
</div> |
| 176 | 176 |
</div> |
| 177 | 177 |
</div> |
| 178 |
<div class="background uk-background-norepeat uk-background-cover uk-section-secondary uk-section-overlap uk-position-relative uk-preserve-color"> |
|
| 179 |
<div class="uk-container uk-container-large uk-section"> |
|
| 180 |
<gif-slider></gif-slider> |
|
| 178 |
<div class="uk-margin-large-top background uk-background-norepeat uk-background-cover uk-section-secondary uk-section-overlap uk-position-relative uk-preserve-color"> |
|
| 179 |
<div class="uk-container uk-container-large"> |
|
| 180 |
<gif-slider [gifs]="gifs" [link]="true" [linkTitle]="'learn how'" [route]="'/learn-how'"> |
|
| 181 |
</gif-slider> |
|
| 181 | 182 |
</div> |
| 182 | 183 |
</div> |
| 183 | 184 |
<div class="uk-container uk-container-large"> |
| ... | ... | |
| 189 | 190 |
<div [class]="'uk-margin-top' + (researchCommunities.length <= 5 ? ' uk-margin-medium-bottom' : '')"> |
| 190 | 191 |
|
| 191 | 192 |
<div class="uk-grid-match uk-grid-small uk-child-width-1-5@m uk-child-width-1-2@s uk-child-width-1-1@xs uk-text-center" uk-grid uk-height-match=".community"> |
| 192 |
<div *ngFor="let community of researchCommunities; let i = index"> |
|
| 193 |
<div *ngFor="let community of researchCommunities.slice(0, 5); let i = index">
|
|
| 193 | 194 |
<div class="uk-padding uk-padding-remove-vertical uk-height-max-large uk-card uk-card-default communityCard"> |
| 194 | 195 |
<browse-community [community]=community></browse-community> |
| 195 | 196 |
</div> |
| modules/uoa-connect-portal/trunk/src/app/communities/communities.component.ts | ||
|---|---|---|
| 27 | 27 |
public researchInitiatives = []; |
| 28 | 28 |
public subscriberOfCommunities = []; |
| 29 | 29 |
public managerOfCommunities = []; |
| 30 |
public gifs: {"gif": string, "header": string, "text"}[] = [];
|
|
| 30 | 31 |
|
| 31 | 32 |
// Message variables |
| 32 | 33 |
public status: number; |
| ... | ... | |
| 71 | 72 |
} |
| 72 | 73 |
|
| 73 | 74 |
this.getCommunities(); |
| 75 |
this.createGifs(); |
|
| 74 | 76 |
}); |
| 75 | 77 |
} |
| 76 | 78 |
|
| ... | ... | |
| 171 | 173 |
); |
| 172 | 174 |
} |
| 173 | 175 |
|
| 176 |
private createGifs() {
|
|
| 177 |
this.gifs.push({
|
|
| 178 |
gif: "../../../../assets/Connect%20animations.gif", |
|
| 179 |
header: "Research Community Dashboard", |
|
| 180 |
text: "This is OpenAIRE’s key service for research communities, both established and emerging ones. Our service helps you reach out and engage all your researchers to practice open science out-of-the-box." |
|
| 181 |
}); |
|
| 182 |
this.gifs.push({
|
|
| 183 |
gif: "../../../../assets/admin-portal.png", |
|
| 184 |
header: "Research Community Dashboard 2", |
|
| 185 |
text: "This is OpenAIRE’s key service for research communities, both established and emerging ones. Our service helps you reach out and engage all your researchers to practice open science out-of-the-box." |
|
| 186 |
}); |
|
| 187 |
this.gifs.push({
|
|
| 188 |
gif: "../../../../assets/banner connect.jpg", |
|
| 189 |
header: "Research Community Dashboard 3", |
|
| 190 |
text: "This is OpenAIRE’s key service for research communities, both established and emerging ones. Our service helps you reach out and engage all your researchers to practice open science out-of-the-box." |
|
| 191 |
}); |
|
| 192 |
} |
|
| 193 |
|
|
| 174 | 194 |
private sort(results: CommunityInfo[]) {
|
| 175 | 195 |
results.sort((left, right): number => {
|
| 176 | 196 |
if (!right.date || left.date > right.date) {
|
Also available in: Unified diff
[Trunk|Connect]: Use gif slider on home page.