From f86988f8c75e6f2906a00962ca84b0cb8cfa34c3 Mon Sep 17 00:00:00 2001
From: "francesco.mangiacrapa" <francesco.mangiacrapa@isti.cnr.it>
Date: Mon, 15 May 2023 17:11:37 +0200
Subject: [PATCH] Improved Overlay Custom Layer Panel and CSS

---
 .../client/ui/GeonaDataViewMainPanel.java     |  7 ++++++
 .../client/ui/GeonaDataViewMainPanel.ui.xml   |  4 ++--
 src/main/webapp/GeoportalDataViewer.css       | 24 ++++++++++++++++++-
 3 files changed, 32 insertions(+), 3 deletions(-)

diff --git a/src/main/java/org/gcube/portlets/user/geoportaldataviewer/client/ui/GeonaDataViewMainPanel.java b/src/main/java/org/gcube/portlets/user/geoportaldataviewer/client/ui/GeonaDataViewMainPanel.java
index 0022a81..4d57628 100644
--- a/src/main/java/org/gcube/portlets/user/geoportaldataviewer/client/ui/GeonaDataViewMainPanel.java
+++ b/src/main/java/org/gcube/portlets/user/geoportaldataviewer/client/ui/GeonaDataViewMainPanel.java
@@ -56,6 +56,7 @@ import com.google.gwt.uibinder.client.UiBinder;
 import com.google.gwt.uibinder.client.UiField;
 import com.google.gwt.user.client.ui.Composite;
 import com.google.gwt.user.client.ui.FlowPanel;
+import com.google.gwt.user.client.ui.HTML;
 import com.google.gwt.user.client.ui.HTMLPanel;
 import com.google.gwt.user.client.ui.Image;
 import com.google.gwt.user.client.ui.Label;
@@ -644,6 +645,12 @@ public class GeonaDataViewMainPanel extends Composite {
 								: gCustomLayerDV.getName();
 				labelGroup.setTitle(descr);
 				panelCustomOverlayLayers.add(labelGroup);
+				if(descr.compareTo(gCustomLayerDV.getName())!=0) {
+					HTML overlayGroupDescr = new HTML();
+					overlayGroupDescr.getElement().setClassName("overlay-panel-style-description");
+					overlayGroupDescr.setHTML(descr);
+					panelCustomOverlayLayers.add(overlayGroupDescr);
+				}
 				for (CustomLayerDV customLayer : gCustomLayerDV.getListCustomLayers()) {
 
 					if(customLayer.isDisplay()) {
diff --git a/src/main/java/org/gcube/portlets/user/geoportaldataviewer/client/ui/GeonaDataViewMainPanel.ui.xml b/src/main/java/org/gcube/portlets/user/geoportaldataviewer/client/ui/GeonaDataViewMainPanel.ui.xml
index 24a6e0c..4545cd4 100644
--- a/src/main/java/org/gcube/portlets/user/geoportaldataviewer/client/ui/GeonaDataViewMainPanel.ui.xml
+++ b/src/main/java/org/gcube/portlets/user/geoportaldataviewer/client/ui/GeonaDataViewMainPanel.ui.xml
@@ -61,8 +61,8 @@
 					</g:HTMLPanel>
 				</b:DropdownButton>
 				<b:DropdownButton type="LINK" visible="false"
-					title="Custom overlay layers.." text="Overlays" ui:field="linkCustomOverlayLayers" icon="REORDER">
-					<g:HTMLPanel ui:field="panelCustomOverlayLayers" addStyleNames="open-collection-style">
+					title="Custom overlay layers.." text="Overlay" ui:field="linkCustomOverlayLayers" icon="REORDER">
+					<g:HTMLPanel ui:field="panelCustomOverlayLayers" addStyleNames="overlay-panel-style">
 					</g:HTMLPanel>
 				</b:DropdownButton>
 				<b:DropdownButton type="LINK" text="Search"
diff --git a/src/main/webapp/GeoportalDataViewer.css b/src/main/webapp/GeoportalDataViewer.css
index 0fb9505..ac79473 100644
--- a/src/main/webapp/GeoportalDataViewer.css
+++ b/src/main/webapp/GeoportalDataViewer.css
@@ -824,4 +824,26 @@ RESPONSIVE
 
 .layer-style-panel-table-legend table td {
 	padding-left: 5px;
-}
\ No newline at end of file
+}
+
+/* CUSTOM OVERLAY UI */
+.overlay-panel-style {
+	padding-left: 10px;
+	padding-right: 10px;
+	max-width: 350px;
+}
+
+.overlay-panel-style-description {
+	border: none !important;
+	white-space: pre-line;
+}
+
+.overlay-panel-style > div {
+	border: 1px solid #ccc;
+	border-radius: 5px;
+	padding: 10px;
+	margin-bottom: 10px;
+	margin-top: 5px;
+}
+
+