/*
 * GWT-Ext Widget Library
 * Copyright 2007 - 2008, GWT-Ext LLC., and individual contributors as indicated
 * by the @authors tag. See the copyright.txt in the distribution for a
 * full listing of individual contributors.
 *
 * This is free software; you can redistribute it and/or modify it
 * under the terms of the GNU Lesser General Public License as
 * published by the Free Software Foundation; either version 3 of
 * the License, or (at your option) any later version.
 *
 * This software 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.
 *
 * You should have received a copy of the GNU Lesser General Public
 * License along with this software; if not, write to the Free
 * Software Foundation, Inc., 51 Franklin St, Fifth Floor, Boston, MA
 * 02110-1301 USA, or see the FSF site: http://www.fsf.org.
 */
 
package com.gwtext.sample.showcase2.client.button;

import com.gwtext.client.widgets.Panel;
import com.gwtext.client.widgets.Toolbar;
import com.gwtext.client.widgets.ToolbarButton;
import com.gwtext.sample.showcase2.client.ShowcasePanel;

public class ToggleButtonSample extends ShowcasePanel {

    public String getSourceUrl() {
        return "source/button/ToggleButtonSample.java.html";
    }

    public String getCssUrl() {
        return "source/button/ToggleButtonSample.css.html";
    }

    public Panel getViewPanel() {
		if (panel == null) {
			panel = new Panel();

			Toolbar toolbar = new Toolbar();
			toolbar.setWidth(400);

			ToolbarButton bold = new ToolbarButton();
			bold.setEnableToggle(true);
			bold.setIconCls("text-bold");
			bold.setTooltip("<b>Bold</b>");
			toolbar.addButton(bold);

			ToolbarButton italic = new ToolbarButton();
			italic.setEnableToggle(true);
			italic.setIconCls("text-italic");
			italic.setTooltip("<i>Italic</i>");
			toolbar.addButton(italic);

			ToolbarButton underline = new ToolbarButton();
			underline.setEnableToggle(true);
			underline.setIconCls("text-underline");
			underline.setTooltip("<u>Underline</u>");
			toolbar.addButton(underline);

			toolbar.addSeparator();

			ToolbarButton left = new ToolbarButton();
			left.setToggleGroup("alignment");
			left.setTooltip("Left Align");
			left.setIconCls("text-align-left");
			toolbar.addButton(left);

			ToolbarButton right = new ToolbarButton();
			right.setToggleGroup("alignment");
			right.setIconCls("text-align-right");
			right.setTooltip("Right Align");
			toolbar.addButton(right);

			ToolbarButton center = new ToolbarButton();
			center.setToggleGroup("alignment");
			center.setIconCls("text-align-center");
			center.setTooltip("Center");
			toolbar.addButton(center);

			ToolbarButton justify = new ToolbarButton();
			justify.setToggleGroup("alignment");
			justify.setIconCls("text-align-justify");
			justify.setTooltip("Justify");
			toolbar.addButton(justify);

			panel.add(toolbar);
		}
		return panel;
	}

	public String getIntro() {
		return "<p>This example illustrates Toggle Buttons. When clicked, such Buttons toggle thier 'pressed' state.</p>" +
				"<p>The Bold, Italic and Underline toggle Buttons operate independently with respect to thier toggle state while " +
				"the text alignment icon Buttons belong to the same toggle group and so when one of them is click, the previously pressed " +
				"Button returns to its normal state.<p>";
	}
}