From f5b0a01ac0ee07895ad271dd3cbcdf1dcea1a54f Mon Sep 17 00:00:00 2001
From: "massimiliano.assante" <massimiliano.assante@isti.cnr.it>
Date: Wed, 7 Dec 2016 14:34:34 +0000
Subject: [PATCH] added limit to 9 images show

git-svn-id: http://svn.research-infrastructures.eu/public/d4science/gcube/trunk/portlets/user/my-vres@139784 82a268e6-3cf1-43bd-a215-b396298e98cf
---
 .../user/my_vres/client/VresPanel.java        |   8 +++-
 .../my_vres/client/widgets/ClickableVRE.java  |  43 +++++++++++++-----
 .../my_vres/server/MyVREsServiceImpl.java     |  15 ++++++
 src/main/webapp/MyVREs.css                    |   4 ++
 src/main/webapp/images/vlab.png               | Bin 0 -> 3210 bytes
 5 files changed, 58 insertions(+), 12 deletions(-)
 create mode 100644 src/main/webapp/images/vlab.png

diff --git a/src/main/java/org/gcube/portlet/user/my_vres/client/VresPanel.java b/src/main/java/org/gcube/portlet/user/my_vres/client/VresPanel.java
index d4c0a80..c4569de 100644
--- a/src/main/java/org/gcube/portlet/user/my_vres/client/VresPanel.java
+++ b/src/main/java/org/gcube/portlet/user/my_vres/client/VresPanel.java
@@ -25,6 +25,7 @@ import com.google.gwt.user.client.ui.VerticalPanel;
  */
 public class VresPanel extends Composite {
 	public static final String loading = GWT.getModuleBaseURL() + "../images/loading.gif";
+	private static final int LOAD_MAX_IMAGE_NO = 10;
 	private final MyVREsServiceAsync myVREsService = GWT.create(MyVREsService.class);
 	private FlowPanel flowPanel;
 	private VerticalPanel mainPanel = new VerticalPanel();
@@ -32,6 +33,8 @@ public class VresPanel extends Composite {
 	private HorizontalPanel imagesPanel = new HorizontalPanel();
 	private Image loadingImage = new Image(loading);
 	private LinkedHashMap<String, ArrayList<VRE>> cachedVREs = null;
+	
+	
 
 	boolean hasVres = false;
 
@@ -73,6 +76,7 @@ public class VresPanel extends Composite {
 		boolean hasVREs = false;
 		mainPanel.clear();		
 		mainPanel.setHorizontalAlignment(HasAlignment.ALIGN_LEFT);
+		int i = 0;
 		for (String cat : cachedVREs.keySet()) {
 			if (! cachedVREs.get(cat).isEmpty()) {
 				SimplePanel catPanel = new SimplePanel();
@@ -87,13 +91,15 @@ public class VresPanel extends Composite {
 				for (VRE vre: cachedVREs.get(cat)) {
 					if (vre.getName().compareTo("")!= 0)
 						hasVREs = true;
-					ClickableVRE vreButton = new ClickableVRE(vre);
+					ClickableVRE vreButton = new ClickableVRE(vre, (i < LOAD_MAX_IMAGE_NO));
 					flowPanel.add(vreButton);
+					i++;
 				}
 				
 				mainPanel.add(flowPanel);
 			}
 		}
+		GWT.log("i="+i);
 
 		if (! hasVREs) {
 			mainPanel.clear();		
diff --git a/src/main/java/org/gcube/portlet/user/my_vres/client/widgets/ClickableVRE.java b/src/main/java/org/gcube/portlet/user/my_vres/client/widgets/ClickableVRE.java
index 392f420..99cb2eb 100644
--- a/src/main/java/org/gcube/portlet/user/my_vres/client/widgets/ClickableVRE.java
+++ b/src/main/java/org/gcube/portlet/user/my_vres/client/widgets/ClickableVRE.java
@@ -5,10 +5,11 @@ import org.gcube.portlet.user.my_vres.shared.VRE;
 import com.google.gwt.core.client.GWT;
 import com.google.gwt.event.dom.client.ClickEvent;
 import com.google.gwt.event.dom.client.ClickHandler;
+import com.google.gwt.event.dom.client.MouseOverEvent;
+import com.google.gwt.event.dom.client.MouseOverHandler;
 import com.google.gwt.user.client.Timer;
 import com.google.gwt.user.client.Window.Location;
 import com.google.gwt.user.client.ui.HTML;
-import com.google.gwt.user.client.ui.Image;
 
 /**
  * 
@@ -25,30 +26,34 @@ public class ClickableVRE extends HTML {
 	private int imageWidth = 0;
 
 	public static final String LOADING_IMAGE = GWT.getModuleBaseURL() + "../images/loading.gif";
-	public static final String MORE_IMAGE = GWT.getModuleBaseURL() + "../images/More.png";
-	Image img = new Image(LOADING_IMAGE);
+	public static final String VLAB_IMAGE = GWT.getModuleBaseURL() + "../images/vlab.png";
+	private  	String html = "";
+
 
 	public ClickableVRE() {
 		super();
 	}
 
-	public ClickableVRE(final VRE vre) {
+	public ClickableVRE(final VRE vre, final boolean showImage) {
 		super.setPixelSize(WIDTH, HEIGHT);
 		setPixelSize(WIDTH, HEIGHT);
-		String html = "";
 		if (vre.getName() == null || vre.getName().compareTo("") == 0) {
 			html = "<div class=\"more-vre\"></div>";
 		} else {
 			imageWidth = WIDTH - 12;
-			imageUrl = vre.getImageURL();
 			name = (vre.getName().length() > 15) ? vre.getName().substring(0, 13) + ".." : vre.getName();
+			imageUrl = vre.getImageURL();
 			html = "<div class=\"vreCaption\">" +name + "</div>";
-			html +=  "<div style=\"display: table; text-align:center; width: 100%; height: 75px;\">" +
-					"<span style=\"vertical-align:middle; display: table-cell;\"><img style=\"width: " + imageWidth + "px;\" src=\"" +imageUrl + "\" /></span>" +
-					"</div>";
+			if (showImage) {
+				html +=  "<div style=\"display: table; text-align:center; width: 100%; height: 75px;\">" +
+						"<span style=\"vertical-align:middle; display: table-cell;\"><img style=\"width: " + imageWidth + "px;\" src=\"" +imageUrl + "\" /></span>" +
+						"</div>";
+			} else {
+				html += "<div style=\"display: table; text-align:center; width: 100%; height: 75px;\" class=\"vlab-default\"></div>";
+			}
 		}
 		this.setTitle("Enter");
-		
+
 		setHTML(html);
 		setStyleName("vreButton");
 
@@ -66,7 +71,23 @@ public class ClickableVRE extends HTML {
 				};
 				timer.schedule(50);
 			}					
-		}); 			
+		}); 
+		
+		addMouseOverHandler(new MouseOverHandler() {			
+			@Override
+			public void onMouseOver(MouseOverEvent event) {
+				imageWidth = WIDTH - 12;
+				name = (vre.getName().length() > 15) ? vre.getName().substring(0, 13) + ".." : vre.getName();
+				imageUrl = vre.getImageURL();
+				html = "<div class=\"vreCaption\">" +name + "</div>";
+				if (!showImage) {
+					html +=  "<div style=\"display: table; text-align:center; width: 100%; height: 75px;\">" +
+							"<span style=\"vertical-align:middle; display: table-cell;\"><img style=\"width: " + imageWidth + "px;\" src=\"" +imageUrl + "\" /></span>" +
+							"</div>";
+				} 
+				setHTML(html);
+			}
+		});
 	}
 
 }
diff --git a/src/main/java/org/gcube/portlet/user/my_vres/server/MyVREsServiceImpl.java b/src/main/java/org/gcube/portlet/user/my_vres/server/MyVREsServiceImpl.java
index 6d432a5..4ce096e 100644
--- a/src/main/java/org/gcube/portlet/user/my_vres/server/MyVREsServiceImpl.java
+++ b/src/main/java/org/gcube/portlet/user/my_vres/server/MyVREsServiceImpl.java
@@ -163,6 +163,7 @@ public class MyVREsServiceImpl extends RemoteServiceServlet implements	MyVREsSer
 		
 		final String categoryNameOne = "gCubeApps";	
 		final String categoryNameTwo = "BlueBRIDGE";	
+		final String categoryNameThree = "GEMex";	
 		//			
 		VRE cool_EM_VRE = new VRE();
 		cool_EM_VRE.setName("BiodiversityResearchEnvironment");
@@ -220,9 +221,23 @@ public class MyVREsServiceImpl extends RemoteServiceServlet implements	MyVREsSer
 		ArrayList<VRE> toAdd2 = new ArrayList<VRE>();
 		toAdd2.add(demo);
 		toAdd2.add(vreGCM);
+		toAdd2.add(cool_EM_VRE3);
+		toAdd2.add(cool_EM_VRE);
+		toAdd2.add(cool_EM_VRE2);
+		toAdd2.add(cool_EM_VRE3);
+		
+		ArrayList<VRE> toAdd3 = new ArrayList<VRE>();
+		toAdd3.add(demo);
+		toAdd3.add(vreGCM);
+		toAdd3.add(cool_EM_VRE2);
+		toAdd3.add(cool_EM_VRE3);
+		toAdd3.add(cool_EM_VRE);
+		toAdd3.add(cool_EM_VRE2);
+		toAdd3.add(cool_EM_VRE3);
 		
 		toReturn.put(categoryNameOne, toAdd);
 		toReturn.put(categoryNameTwo, toAdd2);
+		toReturn.put(categoryNameThree, toAdd3);
 		
 		return toReturn;
 	}
diff --git a/src/main/webapp/MyVREs.css b/src/main/webapp/MyVREs.css
index d512c52..2fc8106 100644
--- a/src/main/webapp/MyVREs.css
+++ b/src/main/webapp/MyVREs.css
@@ -98,6 +98,10 @@ a.vrelink:hover {
 	background: url(images/More.png) 50% 50% no-repeat;
 }
 
+.vlab-default {
+	background: url("images/vlab.png") 50% 50% no-repeat;
+}
+
 .item-vre {
 	background-image: url("images/vres.png");
 }
diff --git a/src/main/webapp/images/vlab.png b/src/main/webapp/images/vlab.png
new file mode 100644
index 0000000000000000000000000000000000000000..0147ead79f13f047705407ed83d213fcda8dae56
GIT binary patch
literal 3210
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

literal 0
HcmV?d00001