From 32ccec5384175ab865cd28c92efde59502cc87bf Mon Sep 17 00:00:00 2001
From: Alex Martzios <alexandros.martzios@gmail.com>
Date: Wed, 10 Nov 2021 15:08:09 +0200
Subject: [PATCH] result landing: sort connect gateways

---
 .../landing-utils/relatedTo.component.ts      | 20 +++++++++++++++++--
 1 file changed, 18 insertions(+), 2 deletions(-)

diff --git a/landingPages/landing-utils/relatedTo.component.ts b/landingPages/landing-utils/relatedTo.component.ts
index a6190dc5..17ce5801 100644
--- a/landingPages/landing-utils/relatedTo.component.ts
+++ b/landingPages/landing-utils/relatedTo.component.ts
@@ -69,7 +69,7 @@ import {HelperFunctions} from "../../utils/HelperFunctions.class";
 							<div>
 								<span class="uk-text-muted">Visit Connect gateways: </span>
 							</div>
-							<ul class="uk-list uk-column-1-2 padding-left">
+							<ul class="custom-list">
 								<li *ngFor="let gateway of gateways">
 									<a href="{{gateway.link}}" target="_blank">
 										{{ gateway.labelContext }}
@@ -79,7 +79,7 @@ import {HelperFunctions} from "../../utils/HelperFunctions.class";
 							</ul>
 						</div>
 					</div>
-					<div class="uk-width-1-3@m relative">
+					<div class="uk-width-1-3@m uk-position-relative">
 						<img class="uk-position-bottom-right custom-height-130" src="assets/common-assets/connect_image_faded.png" alt="OpenAIRE Connect image">
 					</div>
 				</div>
@@ -126,7 +126,9 @@ export class RelatedToComponent implements OnInit {
   }
   
   ngOnInit() {
+		this.contexts.sort(this.compare);
 		if(this.connectLinksView && properties.environment === "development") {
+			let index = 0;
 			this.contexts.forEach( context => {
 				if(context.idContext) {
 					this.subscriptions.push(
@@ -154,6 +156,10 @@ export class RelatedToComponent implements OnInit {
 										}
 										this.gateways.push(context);
 									}
+									index++;
+									if(index == this.contexts.length -1) {
+										this.gateways.sort(this.compare);
+									}
 								})
 							);
 						})
@@ -174,4 +180,14 @@ export class RelatedToComponent implements OnInit {
   public scroll() {
     HelperFunctions.scroll();
   }
+
+	public compare(a, b) {
+		if(a.labelContext < b.labelContext) {
+			return -1;
+		}
+		if(a.labelContext > b.labelContext) {
+			return 1;
+		}
+		return 0;
+	}
 }