ref 18753: Add menu to Accounting Dashboard pages

https://support.d4science.org/issues/18753

Fixed TOC menu behavior in reports

src/main/java/org/gcube/portlets/user/accountingdashboard/client/application/mainarea/report/ReportAreaView.java

@@ -117,7 +117,7 @@ public class ReportAreaView extends ViewWithUiHandlers<ReportAreaPresenter>
 						//navLinkText.append("[");
 						//navLinkText.append(reData.getCategory());
 						//navLinkText.append("]");
-						NavLink navLink=new NavLink(navLinkText.toString(),"#"+chart.getName());
+						NavLink navLink=new NavLink(navLinkText.toString(),"#"+chart.getWrapperName());
 						navLink.setIcon(IconType.BAR_CHART);
 						navLink.addStyleName(resources.uiDataCss().uiDataReportTocNavLink());
 						toc.add(navLink);

src/main/java/org/gcube/portlets/user/accountingdashboard/client/application/mainarea/report/chartjs/Chart.java

@@ -14,6 +14,7 @@ import com.google.gwt.user.client.ui.HTMLPanel;
 public class Chart extends HTMLPanel {
 
 	private String name;
+	private String wrapperName;
 
 	private ReportElementData reportElementData;
 
@@ -30,9 +31,11 @@ public class Chart extends HTMLPanel {
 				+ "</ul>" + "</div>" + "<canvas id=" + name + " class='" + resources.uiDataCss().uiDataChartCanvas()
 				+ "'></canvas>");
 		this.name = name;
+		this.wrapperName="wrapper_"+name;
 		this.reportElementData = reportElementData;
+		this.getElement().setId(wrapperName);
 		this.addStyleName(resources.uiDataCss().uiDataChartWrapper());
-
+		
 		addAttachHandler(new AttachEvent.Handler() {
 
 			@Override
@@ -50,6 +53,10 @@ public class Chart extends HTMLPanel {
 		return name;
 	}
 
+	public String getWrapperName() {
+		return wrapperName;
+	}
+
 	public ReportElementData getReportElementData() {
 		return reportElementData;
 	}

src/main/java/org/gcube/portlets/user/accountingdashboard/client/resources/uiData.css

@@ -87,6 +87,7 @@
 /* Chart */
 .uiDataChartWrapper {
 	width: 800px;
+	padding-top: 50px;
 	/*border: solid 1px;*/
 }