ColorPicker.java

/*!
 * This program is free software; you can redistribute it and/or modify it under the
 * terms of the GNU Lesser General Public License, version 2.1 as published by the Free Software
 * Foundation.
 *
 * You should have received a copy of the GNU Lesser General Public License along with this
 * program; if not, you can obtain a copy at http://www.gnu.org/licenses/old-licenses/lgpl-2.1.html
 * or from the Free Software Foundation, Inc.,
 * 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301 USA.
 *
 * This program 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 Lesser General Public License for more details.
 *
 * Copyright (c) 2002-2013 Pentaho Corporation..  All rights reserved.
 */

package org.pentaho.gwt.widgets.client.controls;

import com.google.gwt.core.client.GWT;
import com.google.gwt.event.dom.client.ClickEvent;
import com.google.gwt.event.dom.client.ClickHandler;
import com.google.gwt.event.dom.client.HasClickHandlers;
import com.google.gwt.event.dom.client.MouseUpEvent;
import com.google.gwt.event.dom.client.MouseUpHandler;
import com.google.gwt.event.shared.HandlerRegistration;
import com.google.gwt.user.client.DOM;
import com.google.gwt.user.client.ui.FlexTable;
import com.google.gwt.user.client.ui.Image;
import com.google.gwt.user.client.ui.PopupPanel;
import com.google.gwt.user.client.ui.SimplePanel;
import org.pentaho.gwt.widgets.client.utils.ElementUtils;
import org.pentaho.gwt.widgets.client.utils.Rectangle;

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

public class ColorPicker extends Image {

  protected List<ColorPickerListener> listeners = new ArrayList<ColorPickerListener>();
  private ColorPickerDialog picker = new ColorPickerDialog();
  private String selectedColor = "#FFF"; //$NON-NLS-1$

  public ColorPicker() {
    super( GWT.getModuleBaseURL() + "images/color_picker_frame.gif" ); //$NON-NLS-1$
    this.getElement().getStyle().setProperty( "backgroundColor", "#fff" ); //$NON-NLS-1$  //$NON-NLS-2$
    this.getElement().getStyle().setProperty( "cursor", "pointer" ); //$NON-NLS-1$  //$NON-NLS-2$
    this.addMouseUpHandler( new MouseUpHandler() {

      public void onMouseUp( MouseUpEvent event ) {
        Rectangle rect = ElementUtils.getSize( ColorPicker.this.getElement() );
        picker.setPopupPosition( DOM.getAbsoluteLeft( ColorPicker.this.getElement() ), DOM
            .getAbsoluteTop( ColorPicker.this.getElement() )
            + rect.height + 2 );
        picker.show();
      }

    } );

  }

  public String getColor() {
    return this.selectedColor;
  }

  public void setColor( String hex ) {
    this.selectedColor = hex;
    this.getElement().getStyle().setProperty( "backgroundColor", hex ); //$NON-NLS-1$

    for ( ColorPickerListener listener : listeners ) {
      listener.colorPicked( this );
    }
  }

  public void showPicker() {
    picker.center();
  }

  public void addColorPickerListener( ColorPickerListener listener ) {
    listeners.add( listener );
  }

  private class ColorPickerDialog extends PopupPanel {
    @SuppressWarnings( "nls" )
    private String[] colors = new String[] { "#000", "#993300", "#333300", "#003300", "#003366", "#000080", "#333399",
      "#333333",

      "#800000", "#ff6600", "#808000", "#008000", "#008080", "#0000ff", "#666699", "#808080",

      "#ff0000", "#ff9900", "#99cc00", "#339966", "#33cccc", "#3366ff", "#800080", "#969696",

      "#ff00ff", "#ffcc00", "#ffff00", "#00ff00", "#00ffff", "#00ccff", "#993366", "#c0c0c0",

      "#ff99cc", "#ffcc99", "#ffff99", "#ccffcc", "#ccffff", "#99ccff", "#cc99ff", "#FFF" };

    public ColorPickerDialog() {
      super( true );
      this.setStyleName( "color-picker-popup" ); //$NON-NLS-1$

      FlexTable table = new FlexTable();
      table.setCellPadding( 0 );
      table.setCellSpacing( 2 );

      for ( int i = 0, row = 0; i < colors.length; i++, row++ ) {
        for ( int y = 0; y < 7 && i < colors.length; y++, i++ ) {
          table.setWidget( row, y, new ColorBox( this, colors[i] ) );
        }
      }
      SimplePanel panel = new SimplePanel();
      panel.getElement().getStyle().setProperty( "padding", "3px" ); //$NON-NLS-1$ //$NON-NLS-2$
      panel.add( table );

      this.add( panel );
    }

  }

  private class ColorBox extends SimplePanel implements HasClickHandlers, ClickHandler {
    String color;
    ColorPickerDialog dialog;

    public ColorBox( ColorPickerDialog dialog, String color ) {
      this.dialog = dialog;
      this.color = color;
      this.setStyleName( "color-swatch" ); //$NON-NLS-1$
      SimplePanel panel = new SimplePanel();

      panel.getElement().getStyle().setProperty( "border", "1px solid #aaa" ); //$NON-NLS-1$ //$NON-NLS-2$
      panel.getElement().getStyle().setProperty( "backgroundColor", color ); //$NON-NLS-1$
      add( panel );
      panel.setStyleName( "color-swatch-center" ); //$NON-NLS-1$
      this.addClickHandler( this );
    }

    public HandlerRegistration addClickHandler( ClickHandler handler ) {
      return addDomHandler( handler, ClickEvent.getType() );
    }

    public void onClick( ClickEvent event ) {
      ColorPicker.this.setColor( color );
      dialog.hide();
    }

  }
}