org.wicketstuff.simile.timeline.Timeline Maven / Gradle / Ivy

Go to download
Show more of this group Show more artifacts with this name
Show all versions of simile-timeline Show documentation
Simile Timeline widget for Wicket
There is a newer version: 1.5-RC5.1
package org.wicketstuff.simile.timeline;

import java.util.ArrayList;
import java.util.List;

import org.apache.wicket.AttributeModifier;
import org.apache.wicket.ResourceReference;
import org.apache.wicket.behavior.HeaderContributor;
import org.apache.wicket.markup.html.IHeaderContributor;
import org.apache.wicket.markup.html.IHeaderResponse;
import org.apache.wicket.markup.html.WebMarkupContainer;
import org.apache.wicket.markup.html.basic.Label;
import org.apache.wicket.markup.html.list.ListItem;
import org.apache.wicket.markup.html.list.ListView;
import org.apache.wicket.markup.html.panel.Panel;
import org.apache.wicket.model.CompoundPropertyModel;
import org.apache.wicket.model.IModel;
import org.apache.wicket.model.PropertyModel;
import org.wicketstuff.simile.timeline.json.JsonUtils;
import org.wicketstuff.simile.timeline.model.BandInfoParameters;
import org.wicketstuff.simile.timeline.model.BandInfoParameters.DateTime;

public class Timeline extends Panel implements IHeaderContributor {

	/**
	 * 
	 */
	private static final long serialVersionUID = 1L;

	private static final String TIMELINE_PARAMS_JAVASCRIPT = Timeline.class
			.getName()
			+ "PARAMS_JS";

	private transient JsonUtils jsonUtils = new JsonUtils();
	
	private String timelineMarkupId;
	private String timelineDataId;

	public Timeline(String id, IModel model) {
		super(id, new CompoundPropertyModel(model));

		List bandInfo = new ArrayList();
		
		BandInfoParameters upperBand = new BandInfoParameters();
		upperBand.setIntervalPixels(70);
		upperBand.setHighlight(true);
		bandInfo.add(upperBand);
		
		BandInfoParameters lowerBand = new BandInfoParameters();
		lowerBand.setIntervalUnit(DateTime.YEAR);
		lowerBand.setIntervalPixels(200);
		lowerBand.setWidth("200px");
		bandInfo.add(lowerBand);
		
		init(id, model, bandInfo);
	}

	public Timeline(String id, IModel model, List bandInfo) {
		super(id, new CompoundPropertyModel(model));
		init(id, model, bandInfo);
	}

	private void init(String id, IModel model, List bandInfo) {
		add(HeaderContributor
				.forJavaScript(new ResourceReference(getClass(),
						"./timeline_js/timeline-api.js?timeline-use-local-resources=true&bundle=true")));

		WebMarkupContainer tl = new WebMarkupContainer("tl");
		tl.setOutputMarkupId(true);
		add(tl);

		timelineMarkupId = tl.getMarkupId();

		WebMarkupContainer timelineData = new WebMarkupContainer("timelineData");
		timelineData.setOutputMarkupId(true);
		timelineData.add(new ListView("events") {

			/**
			 * 
			 */
			private static final long serialVersionUID = 1L;

			@Override
			protected void populateItem(ListItem item) {
				item.add(new AttributeModifier("title", true,
						new PropertyModel(item.getModel(), "title")));
				item.add(new AttributeModifier("start", true,
						new PropertyModel(item.getModel(), "startFormatted")));
				item.add(new AttributeModifier("end", true, new PropertyModel(
						item.getModel(), "endFormatted")));
				item.add(new AttributeModifier("link", true, new PropertyModel(
						item.getModel(), "link")));
				item.add(new AttributeModifier("isDuration", true,
						new PropertyModel(item.getModel(), "isDuration")));
				item.add(new AttributeModifier("color", true,
						new PropertyModel(item.getModel(), "color")));

				Label child = new Label("text", new PropertyModel(item
						.getModel(), "text"));
				child.setRenderBodyOnly(true);
				child.setEscapeModelStrings(false);
				item.add(child);
			}

		});

		add(timelineData);

		timelineDataId = timelineData.getMarkupId();

		StringBuffer loadScript = new StringBuffer();
		loadScript.append("function " + getLoadScriptName() + "() {\n");
		loadScript.append("var theme = Timeline.ClassicTheme.create();\n");
		loadScript.append("theme.event.bubble.width = 320;\n");
		loadScript.append("theme.event.bubble.height = 220;\n");
		loadScript
				.append("theme.ether.backgroundColors[1] = theme.ether.backgroundColors[0];\n");
		loadScript.append("var eventSource = new Timeline.DefaultEventSource(0);");
		loadScript.append("timeLineOnLoad('" + timelineMarkupId + "', '"
				+ timelineDataId + "', theme, eventSource, " + jsonUtils.convertBandInfos(bandInfo)
				+ ");\n");
		loadScript.append("}");
		
		add(new Label("loadScript", loadScript.toString())
				.setEscapeModelStrings(false));

	}

	private String getLoadScriptName() {
		return "timeLineLoad" + timelineMarkupId;
	}

	public void renderHead(IHeaderResponse response) {
		StringBuffer parameters = new StringBuffer("");

		parameters.append("Timeline_ajax_url='" + timelineUrl() + "';\n");

		response.renderJavascript(parameters.toString(),
				TIMELINE_PARAMS_JAVASCRIPT);
		response.renderOnLoadJavascript(getLoadScriptName() + "()");
	}

	private String timelineUrl() {
		return urlFor(
				new ResourceReference(getClass(),
						"timeline_ajax/simile-ajax-api.js")).toString();
	}
}