/**********************************************
    * Copyright (C) 2009 Lukas Laag
    * This file is part of lib-gwt-svg-samples.
    * 
    * libgwtsvg-samples is free software: you can redistribute it and/or modify
    * it under the terms of the GNU General Public License as published by
    * the Free Software Foundation, either version 3 of the License, or
    * (at your option) any later version.
    * 
   * libgwtsvg-samples is distributed in the hope that it will be useful,
   * but WITHOUT ANY WARRANTY; without even the implied warranty of
   * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
   * GNU General Public License for more details.
   * 
   * You should have received a copy of the GNU General Public License
   * along with libgwtsvg-samples.  If not, see http://www.gnu.org/licenses/
   **********************************************/
  
  /**
   * This sample contains artwork from project Open Clip Art
   * See the project website at http://www.openclipart.org/ for license details
   */
  
  package org.vectomatic.svg.samples.client.widgets;
  
  import org.vectomatic.dom.svg.OMSVGGElement;
  import org.vectomatic.dom.svg.OMSVGPathElement;
  import org.vectomatic.dom.svg.OMSVGTSpanElement;
  import org.vectomatic.dom.svg.OMText;
  import org.vectomatic.dom.svg.ui.SVGImage;
  import org.vectomatic.dom.svg.ui.SVGPushButton;
  import org.vectomatic.dom.svg.ui.SVGResource;
  import org.vectomatic.svg.samples.client.Main;
  import org.vectomatic.svg.samples.client.Main.MainBundle;
  import org.vectomatic.svg.samples.client.SampleBase;
  
  import com.google.gwt.core.client.GWT;
  import com.google.gwt.dom.client.StyleInjector;
  import com.google.gwt.event.dom.client.ClickEvent;
  import com.google.gwt.event.dom.client.MouseDownEvent;
  import com.google.gwt.event.dom.client.MouseEvent;
  import com.google.gwt.event.dom.client.MouseOutEvent;
  import com.google.gwt.event.dom.client.MouseOverEvent;
  import com.google.gwt.event.shared.EventHandler;
  import com.google.gwt.resources.client.ClientBundle;
  import com.google.gwt.resources.client.CssResource;
  import com.google.gwt.uibinder.client.UiBinder;
  import com.google.gwt.uibinder.client.UiField;
  import com.google.gwt.uibinder.client.UiHandler;
  import com.google.gwt.user.client.Timer;
  import com.google.gwt.user.client.Window;
  import com.google.gwt.user.client.ui.HTML;
  import com.google.gwt.user.client.ui.PopupPanel;
  import com.google.gwt.user.client.ui.TabLayoutPanel;
  
  public class WidgetsSample extends SampleBase {
  	private static class Tooltip extends PopupPanel {
  		private HTML contents;
  		private Timer timer;
  			  
  		public Tooltip() {
  			super(true);
  			contents = new HTML();
  			add(contents);
  			setStyleName(WidgetsSampleBundle.INSTANCE.getCss().tooltip());
  		}
  
  		public void show(int x, int y, final String text, final int delay) {
  			contents.setHTML(text);
  			setPopupPosition(x, y);
  			super.show();
  			if (timer != null) {
  				timer.cancel();
  			}
  			timer = new Timer() {
  				public void run() {
  					Tooltip.this.hide();
  					timer = null;
  				}
  			};
  			timer.schedule(delay);
  		}
  	}
  
  	public interface WidgetsSampleBundle extends ClientBundle {
  		public static WidgetsSampleBundle INSTANCE = GWT.create(WidgetsSampleBundle.class);
  		
  		@Source("as_coeur_jean_victor_bal_.svg")
  		SVGResource hearts();
  		@Source("as_trefle_jean_victor_ba_.svg")
  		SVGResource clubs();
  		@Source("as_carreau_jean_victor_b_.svg")
  		SVGResource diamonds();
  		@Source("as_pique_jean_victor_bal_.svg")
  		SVGResource spades();
  		@Source("ledButton.svg")
  		SVGResource led();
  		@Source("play-pause.svg")
  		SVGResource playButton();
 		@Source("tooltip.css")
 		public TooltipCss getCss();
 	}
 	
 	interface TooltipCss extends CssResource {
 		public String tooltip();
 	}
 	
 	interface WidgetsSampleBinder extends UiBinder<TabLayoutPanel, WidgetsSample> {
 	}
 	private static WidgetsSampleBinder binder = GWT.create(WidgetsSampleBinder.class);
 	
 	// SVG defined in an external resource
 	@UiField(provided=true)
 	public static MainBundle mainBundle = Main.mainBundle;
 	@UiField
 	SVGImage hearts;
 	@UiField
 	SVGImage clubs;
 	@UiField
 	SVGImage diamonds;
 	@UiField
 	SVGImage spades;
 	@UiField
 	SVGPushButton clickMeButton;
 	@UiField
 	SVGPushButton holdMeDownButton;
 	@UiField
 	OMSVGTSpanElement clickCount;
 	
 	// SVG defined inline with bindings to internal elements
 	@UiField
 	OMSVGGElement eyes;
 	@UiField
 	OMSVGPathElement mouth;
 
 	private Tooltip tooltip;
 
 	@Override
 	public TabLayoutPanel getPanel() {
 		if (tabPanel == null) {
 			TooltipCss css = WidgetsSampleBundle.INSTANCE.getCss();
 			
 			// Inject CSS in the document headers
 			StyleInjector.inject(css.getText());
 
 			tooltip = new Tooltip();
 			tabPanel = binder.createAndBindUi(this);
 			tabPanel.setTabText(0, "Widgets");
 			createCodeTabs("WidgetsSample");
 		}
 		return tabPanel;
 	}
 	
 	private void showTooltip(MouseEvent<? extends EventHandler> e, String text) {
 		tooltip.show(e.getClientX() + 20, e.getClientY() + 30, text, 3000);
 	}
 
 	@UiHandler("hearts")
 	public void onMouseOutHearts(MouseOutEvent event) {
 		tooltip.hide();
 	}
 
 	@UiHandler("hearts")
 	public void onMouseOverHearts(MouseOverEvent event) {
 		showTooltip(event, "hearts");
 	}
 
 	@UiHandler("clubs")
 	public void onMouseOutClubs(MouseOutEvent event) {
 		tooltip.hide();
 	}
 
 	@UiHandler("clubs")
 	public void onMouseOverClubs(MouseOverEvent event) {
 		showTooltip(event, "clubs");
 	}
 
 	@UiHandler("diamonds")
 	public void onMouseOutDiamonds(MouseOutEvent event) {
 		tooltip.hide();
 	}
 
 	@UiHandler("diamonds")
 	public void onMouseOverDiamonds(MouseOverEvent event) {
 		showTooltip(event, "diamonds");
 	}
 
 	@UiHandler("spades")
 	public void onMouseOutSpades(MouseOutEvent event) {
 		tooltip.hide();
 	}
 
 	@UiHandler("spades")
 	public void onMouseOverSpades(MouseOverEvent event) {
 		showTooltip(event, "spades");
 	}
 
 	@UiHandler("eyes")
 	public void onMouseOutEyes(MouseOutEvent event) {
 		tooltip.hide();
 	}
 
 	@UiHandler("eyes")
 	public void onMouseOverEyes(MouseOverEvent event) {
 		showTooltip(event, "eyes");
 	}
 
 	@UiHandler("mouth")
 	public void onMouseOutMouth(MouseOutEvent event) {
 		tooltip.hide();
 	}
 
 	@UiHandler("mouth")
 	public void onMouseOverMouth(MouseOverEvent event) {
 		showTooltip(event, "mouth");
 	}
 	
 	@UiHandler("clickMeButton")
 	public void onClick(ClickEvent event) {
 		Window.alert("Ouch !");
 	}
 
 	@UiHandler("holdMeDownButton")
 	public void onMouseDown(MouseDownEvent event) {
 		OMText text = (OMText) clickCount.getFirstChild();
 		int count = Integer.parseInt(text.getData());
 		text.setData(Integer.toString(count + 1));	
 	}
 }