diff --git a/src/app/home/home.component.html b/src/app/home/home.component.html index 28e71e0..406b30b 100644 --- a/src/app/home/home.component.html +++ b/src/app/home/home.component.html @@ -197,17 +197,16 @@ - + - + - - + + - - + + diff --git a/src/app/home/home.component.ts b/src/app/home/home.component.ts index ceaedb6..1d85367 100644 --- a/src/app/home/home.component.ts +++ b/src/app/home/home.component.ts @@ -28,6 +28,12 @@ export class HomeComponent { public pageTitle = "OpenAIRE | Monitor"; public description = "OpenAIRE - Monitor, A new era of monitoring research. Open data. Open methodologies. Work together with us to view, understand and visualize research statistics and indicators."; public stakeholders: StakeholderInfo[] = []; + public stakeholdersSlider: { + stakeholders: StakeholderInfo[][]; + funders: StakeholderInfo[][]; + ris: StakeholderInfo[][]; + organizations: StakeholderInfo[][]; + }; public selected: Stakeholder = null; public pageContents = null; public divContents = null; @@ -180,6 +186,12 @@ export class HomeComponent { this.stakeholders = StakeholderInfo.toStakeholderInfo(stakeholders, this.user); this.sort(this.stakeholders); this.stakeholders = this.publicStakeholders.concat(this.privateStakeholders); + this.stakeholdersSlider = { + stakeholders: this.slider(this.stakeholders), + funders: this.slider(this.funders), + ris: this.slider(this.ris), + organizations: this.slider(this.organizations) + }; } this.loading = false; }, @@ -202,8 +214,8 @@ export class HomeComponent { }) } - public slider(stakeholders: StakeholderInfo[], size: number = 6): Stakeholder[][] { - let slider: Stakeholder[][] = []; + public slider(stakeholders: StakeholderInfo[], size: number = 6): StakeholderInfo[][] { + let slider: StakeholderInfo[][] = []; for(let i = 0; i < (stakeholders.length/size); i++) { slider.push(stakeholders.slice(i*size, ((i+1)*size))); } @@ -226,7 +238,7 @@ export class HomeComponent { } } - get researchInitiatives(): StakeholderInfo[] { + get ris(): StakeholderInfo[] { if(this.stakeholders) { return this.stakeholders.filter(stakeholder => stakeholder.type === "ri"); } else { diff --git a/src/assets/monitor-custom.css b/src/assets/monitor-custom.css index b4af95b..881db32 100644 --- a/src/assets/monitor-custom.css +++ b/src/assets/monitor-custom.css @@ -50,7 +50,7 @@ /*}*/ main { - min-height: calc(100vh - 100px); + min-height: calc(100vh - 90px); } .monitorApp .searchForm { @@ -94,4 +94,4 @@ main { .floating-number { font-size: 200px; transform: translateY(-50%); -} \ No newline at end of file +}