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
+}