MaDgIK
/
connect
13
0
Fork 0
Code Issues Pull Requests Projects Releases 14 Wiki Activity

[Trunk|Connect]: Use gif slider on home page. 

git-svn-id: https://svn.driver.research-infrastructures.eu/driver/dnet40/modules/uoa-connect-portal/trunk@56189 d315682c-612b-4755-9ff5-7f18f6832af3
This commit is contained in:
k.triantafyllou 2019-06-24 19:22:27 +00:00
parent 8db7e10f95
commit 2ca040275b
2 changed files with 25 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
src/app/communities/communities.component.html
View File

@ -175,9 +175,10 @@
</div> </div>
</div> </div>
</div> </div>
<div class="background uk-background-norepeat uk-background-cover uk-section-secondary uk-section-overlap uk-position-relative uk-preserve-color"> <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">
<div class="uk-container uk-container-large uk-section"> <div class="uk-container uk-container-large">
<gif-slider></gif-slider> <gif-slider [gifs]="gifs" [link]="true" [linkTitle]="'learn how'" [route]="'/learn-how'">
</gif-slider>
</div> </div>
</div> </div>
<div class="uk-container uk-container-large"> <div class="uk-container uk-container-large">
@ -189,7 +190,7 @@
<div [class]="'uk-margin-top' + (researchCommunities.length <= 5 ? ' uk-margin-medium-bottom' : '')"> <div [class]="'uk-margin-top' + (researchCommunities.length <= 5 ? ' uk-margin-medium-bottom' : '')">
<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"> <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">
<div *ngFor="let community of researchCommunities; let i = index"> <div *ngFor="let community of researchCommunities.slice(0, 5); let i = index">
<div class="uk-padding uk-padding-remove-vertical uk-height-max-large uk-card uk-card-default communityCard"> <div class="uk-padding uk-padding-remove-vertical uk-height-max-large uk-card uk-card-default communityCard">
<browse-community [community]=community></browse-community> <browse-community [community]=community></browse-community>
</div> </div>

20
src/app/communities/communities.component.ts
View File

@ -27,6 +27,7 @@ export class CommunitiesComponent {
public researchInitiatives = []; public researchInitiatives = [];
public subscriberOfCommunities = []; public subscriberOfCommunities = [];
public managerOfCommunities = []; public managerOfCommunities = [];
public gifs: {"gif": string, "header": string, "text"}[] = [];
// Message variables // Message variables
public status: number; public status: number;
@ -71,6 +72,7 @@ export class CommunitiesComponent {
} }
this.getCommunities(); this.getCommunities();
this.createGifs();
}); });
} }
@ -171,6 +173,24 @@ export class CommunitiesComponent {
); );
} }
private createGifs() {
this.gifs.push({
gif: "../../../../assets/Connect%20animations.gif",
header: "Research Community Dashboard",
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."
});
this.gifs.push({
gif: "../../../../assets/admin-portal.png",
header: "Research Community Dashboard 2",
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."
});
this.gifs.push({
gif: "../../../../assets/banner connect.jpg",
header: "Research Community Dashboard 3",
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."
});
}
private sort(results: CommunityInfo[]) { private sort(results: CommunityInfo[]) {
results.sort((left, right): number => { results.sort((left, right): number => {
if (!right.date || left.date > right.date) { if (!right.date || left.date > right.date) {