Mercurial > dive4elements > river
view flys-client/src/main/java/de/intevation/flys/client/client/ui/chart/ChartOutputTab.java @ 531:c17c593f8732
The chart in the ChartOutputTab is refreshed when there occur any changes in the chart theme panel.
flys-client/trunk@2020 c6561f87-3c4e-4783-a992-168aeb5c3f6f
author | Ingo Weinzierl <ingo.weinzierl@intevation.de> |
---|---|
date | Fri, 27 May 2011 09:50:57 +0000 |
parents | 902609b5cc79 |
children | 0ba7c43e7b62 |
line wrap: on
line source
package de.intevation.flys.client.client.ui.chart; import java.util.Date; import com.google.gwt.core.client.GWT; import com.smartgwt.client.types.Alignment; import com.smartgwt.client.widgets.Canvas; import com.smartgwt.client.widgets.Img; import com.smartgwt.client.widgets.Label; import com.smartgwt.client.widgets.layout.HLayout; import com.smartgwt.client.widgets.layout.VLayout; import com.smartgwt.client.widgets.events.ClickEvent; import com.smartgwt.client.widgets.events.ClickHandler; import com.smartgwt.client.widgets.events.CloseClickHandler; import com.smartgwt.client.widgets.events.CloseClientEvent; import com.smartgwt.client.widgets.events.ResizedEvent; import com.smartgwt.client.widgets.events.ResizedHandler; import de.intevation.flys.client.shared.model.Artifact; import de.intevation.flys.client.shared.model.Collection; import de.intevation.flys.client.shared.model.OutputMode; import de.intevation.flys.client.client.Config; import de.intevation.flys.client.client.event.OutputParameterChangeEvent; import de.intevation.flys.client.client.event.OutputParameterChangeHandler; import de.intevation.flys.client.client.ui.CollectionView; import de.intevation.flys.client.client.ui.DatacageWindow; import de.intevation.flys.client.client.ui.OutputTab; /** * @author <a href="mailto:ingo.weinzierl@intevation.de">Ingo Weinzierl</a> */ public class ChartOutputTab extends OutputTab implements ResizedHandler, OutputParameterChangeHandler { public static final int DEFAULT_CHART_WIDTH = 600; public static final int DEFAULT_CHART_HEIGHT = 500; public static final int THEMEPANEL_MIN_WIDTH = 200; /** The canvas that wraps the chart toolbar.*/ protected Canvas tbarPanel; /** The canvas that wraps the theme editor.*/ protected Canvas left; /** The canvas that wraps the chart.*/ protected Canvas right; /** * The default constructor to create a new ChartOutputTab. * * @param title The title of this tab. * @param collection The Collection which this chart belongs to. * @param mode The OutputMode. */ public ChartOutputTab( String title, Collection collection, OutputMode mode, CollectionView collectionView ){ super(title, collection, mode); tbarPanel = new Canvas(); left = new Canvas(); right = new Canvas(); tbarPanel.setBorder("1px solid black"); tbarPanel.setHeight(30); left.setBorder("1px solid black"); left.setWidth(THEMEPANEL_MIN_WIDTH); left.setMinWidth(THEMEPANEL_MIN_WIDTH); right.setWidth("*"); VLayout vLayout = new VLayout(); vLayout.setMembersMargin(2); HLayout hLayout = new HLayout(); hLayout.setWidth100(); hLayout.setHeight100(); hLayout.setMembersMargin(10); hLayout.addMember(left); hLayout.addMember(right); ChartThemePanel ctp = new ChartThemePanel(collection, mode); ctp.addOutputParameterChangeHandler(this); right.addChild(createChartPanel()); left.addChild(ctp); tbarPanel.addChild( createTBarPanel(collectionView)); vLayout.addMember(tbarPanel); vLayout.addMember(hLayout); setPane(vLayout); right.addResizedHandler(this); } /** * This method is called after the chart panel has resized. It removes the * chart - if existing - and requests a new one with adjusted size. * * @param event The resize event. */ public void onResized(ResizedEvent event) { updateChartPanel(); } /** * Listens to change event in the chart them panel and updates chart after * receiving such an event. * * @param event The OutputParameterChangeEvent. */ public void onOutputParameterChanged(OutputParameterChangeEvent event) { updateChartPanel(); } public void updateChartPanel() { Canvas[] children = right.getChildren(); for (Canvas child: children) { right.removeChild(child); } right.addChild(createChartPanel(right.getWidth(), right.getHeight())); } protected Canvas createTBarPanel( final CollectionView collectionView ) { HLayout hLayout = new HLayout(); hLayout.setWidth100(); hLayout.setHeight100(); hLayout.setMembersMargin(10); Label datacage = new Label("Datenkorb"); datacage.setHeight(20); datacage.setBackgroundColor("#BED730"); datacage.setBorder("1px solid black"); datacage.setAlign(Alignment.CENTER); hLayout.setMargin(5); hLayout.addMember(datacage); datacage.addClickHandler(new ClickHandler() { public void onClick(ClickEvent event) { GWT.log("Clicked 'datacage' button."); openDatacageWindow( collectionView.getArtifact()); } }); return hLayout; } protected void openDatacageWindow(Artifact artifact) { final DatacageWindow dc = new DatacageWindow(artifact); dc.addCloseClickHandler(new CloseClickHandler() { public void onCloseClick(CloseClientEvent event) { dc.destroy(); } }); dc.show(); } protected Canvas createChartPanel() { return createChartPanel(DEFAULT_CHART_WIDTH, DEFAULT_CHART_HEIGHT); } protected Canvas createChartPanel(int width, int height) { Img chart = getChartImg(width, height); chart.setWidth100(); chart.setHeight100(); return chart; } protected Canvas createThemeControlPanel() { Label label = new Label("Themensteuerung"); label.setHeight(25); label.setMargin(5); return label; } /** * Builds the chart image and returns it. * * @param width The chart width. * @param height The chart height. * * @return the chart image. */ protected Img getChartImg(int width, int height) { return new Img(getImgUrl(width, height)); } /** * Builds the URL that points to the chart image. * * @param width The width of the requested chart. * @param height The height of the requested chart. * * @return the URL to the chart image. */ protected String getImgUrl(int width, int height) { Config config = Config.getInstance(); String imgUrl = GWT.getModuleBaseURL(); imgUrl += "chart"; imgUrl += "?uuid=" + collection.identifier(); imgUrl += "&type=" + mode.getName(); imgUrl += "&server=" + config.getServerUrl(); imgUrl += "&locale=" + config.getLocale(); imgUrl += "×tamp=" + new Date().getTime(); imgUrl += "&width=" + Integer.toString(width); imgUrl += "&height=" + Integer.toString(height); return imgUrl; } } // vim:set ts=4 sw=4 si et sta sts=4 fenc=utf8 :