package com.sencha.gxt.explorer.client.layout;

import com.google.gwt.core.client.EntryPoint;
import com.google.gwt.dom.client.Style.Unit;
import com.google.gwt.user.client.ui.HTML;
import com.google.gwt.user.client.ui.IsWidget;
import com.google.gwt.user.client.ui.Label;
import com.google.gwt.user.client.ui.RootPanel;
import com.google.gwt.user.client.ui.ScrollPanel;
import com.google.gwt.user.client.ui.Widget;
import com.sencha.gxt.core.client.util.Margins;
import com.sencha.gxt.core.client.util.Padding;
import com.sencha.gxt.core.client.util.ToggleGroup;
import com.sencha.gxt.explorer.client.model.Example.Detail;
import com.sencha.gxt.widget.core.client.ContentPanel;
import com.sencha.gxt.widget.core.client.button.TextButton;
import com.sencha.gxt.widget.core.client.button.ToggleButton;
import com.sencha.gxt.widget.core.client.container.BorderLayoutContainer;
import com.sencha.gxt.widget.core.client.container.BorderLayoutContainer.BorderLayoutData;
import com.sencha.gxt.widget.core.client.container.BoxLayoutContainer.BoxLayoutData;
import com.sencha.gxt.widget.core.client.container.BoxLayoutContainer.BoxLayoutPack;
import com.sencha.gxt.widget.core.client.container.MarginData;
import com.sencha.gxt.widget.core.client.container.VBoxLayoutContainer;
import com.sencha.gxt.widget.core.client.container.VBoxLayoutContainer.VBoxLayoutAlign;
import com.sencha.gxt.widget.core.client.event.SelectEvent;
import com.sencha.gxt.widget.core.client.event.SelectEvent.SelectHandler;

public class VBoxLayoutExample implements IsWidget, EntryPoint {

private String button1Text = "Button 1";

private String button2Text = "Button 2";
  private String button3Text = "Button 3";
  private String button4Text = "Button Long 4";
  private ContentPanel lccenter;

private ToggleGroup toggleGroup = new ToggleGroup();

@Override
  public Widget asWidget() {
    ScrollPanel con = new ScrollPanel();
    con.getElement().getStyle().setMargin(10, Unit.PX);

ContentPanel panel = new ContentPanel();
    panel.setHeadingText("VerticalBox Example");
    panel.setPixelSize(600, 500);

BorderLayoutContainer border = new BorderLayoutContainer();
    panel.setWidget(border);

VBoxLayoutContainer lcwest = new VBoxLayoutContainer();
    lcwest.setPadding(new Padding(5));
    lcwest.setVBoxLayoutAlign(VBoxLayoutAlign.STRETCH);

BorderLayoutData west = new BorderLayoutData(150);
    west.setMargins(new Margins(5));
    // west.setSplit(true);

border.setWestWidget(lcwest, west);

lccenter = new ContentPanel();
    lccenter.setHeaderVisible(false);
    lccenter.add(new HTML(
        "<p style=\"padding:10px;color:#556677;font-size:11px;\">Select a configuration on the left</p>"));

MarginData center = new MarginData(new Margins(5));

border.setCenterWidget(lccenter, center);

BoxLayoutData vBoxData = new BoxLayoutData(new Margins(5, 5, 5, 5));
    vBoxData.setFlex(1);

lcwest.add(createToggleButton("Spaced", new SelectHandler() {

public void onSelect(SelectEvent ce) {
        // if (!ce.<ToggleButton> getComponent().isPressed()) {
        // return;
        // }

VBoxLayoutContainer c = new VBoxLayoutContainer();
        c.setPadding(new Padding(5));
        c.setVBoxLayoutAlign(VBoxLayoutAlign.LEFT);

c.add(new TextButton(button1Text), new BoxLayoutData(new Margins(0, 0, 5, 0)));
        BoxLayoutData flex = new BoxLayoutData(new Margins(0, 0, 5, 0));
        flex.setFlex(1);
        c.add(new Label(), flex);
        c.add(new TextButton(button2Text), new BoxLayoutData(new Margins(0, 0, 5, 0)));
        c.add(new TextButton(button3Text), new BoxLayoutData(new Margins(0, 0, 5, 0)));
        c.add(new TextButton(button4Text), new BoxLayoutData(new Margins(0)));

addToCenter(c);
      }

}), vBoxData);

lcwest.add(createToggleButton("Multi-Spaced", new SelectHandler() {

public void onSelect(SelectEvent ce) {
        // if (!ce.<ToggleButton> getComponent().isPressed()) {
        // return;
        // }
        VBoxLayoutContainer c = new VBoxLayoutContainer();
        c.setPadding(new Padding(5));
        c.setVBoxLayoutAlign(VBoxLayoutAlign.LEFT);

c.add(new TextButton(button1Text), new BoxLayoutData(new Margins(0, 0, 5, 0)));
        BoxLayoutData flex = new BoxLayoutData(new Margins(0, 0, 5, 0));
        flex.setFlex(1);
        c.add(new Label(), flex);
        c.add(new TextButton(button2Text), new BoxLayoutData(new Margins(0, 0, 5, 0)));
        c.add(new Label(), flex);
        c.add(new TextButton(button3Text), new BoxLayoutData(new Margins(0, 0, 5, 0)));
        c.add(new Label(), flex);
        c.add(new TextButton(button4Text), new BoxLayoutData(new Margins(0)));

addToCenter(c);
      }

}), vBoxData);

lcwest.add(createToggleButton("Align: left", new SelectHandler() {

c.add(new TextButton(button1Text), new BoxLayoutData(new Margins(0, 0, 5, 0)));
        c.add(new TextButton(button2Text), new BoxLayoutData(new Margins(0, 0, 5, 0)));
        c.add(new TextButton(button3Text), new BoxLayoutData(new Margins(0, 0, 5, 0)));
        c.add(new TextButton(button4Text), new BoxLayoutData(new Margins(0)));

addToCenter(c);
      }

}), vBoxData);

lcwest.add(createToggleButton("Align: center", new SelectHandler() {

addToCenter(c);
      }

}), vBoxData);

lcwest.add(createToggleButton("Align: right", new SelectHandler() {

public void onSelect(SelectEvent ce) {
        VBoxLayoutContainer c = new VBoxLayoutContainer();
        c.setPadding(new Padding(5));
        c.setVBoxLayoutAlign(VBoxLayoutAlign.RIGHT);

addToCenter(c);
      }

}), vBoxData);

lcwest.add(createToggleButton("Align: stretch", new SelectHandler() {

public void onSelect(SelectEvent ce) {
        VBoxLayoutContainer c = new VBoxLayoutContainer();
        c.setPadding(new Padding(5));
        c.setVBoxLayoutAlign(VBoxLayoutAlign.STRETCH);

addToCenter(c);
      }

}), vBoxData);

lcwest.add(createToggleButton("Align: stretchmax", new SelectHandler() {

public void onSelect(SelectEvent ce) {
        VBoxLayoutContainer c = new VBoxLayoutContainer();
        c.setPadding(new Padding(5));
        c.setVBoxLayoutAlign(VBoxLayoutAlign.STRETCHMAX);

addToCenter(c);
      }

}), vBoxData);

lcwest.add(createToggleButton("Flex: All even", new SelectHandler() {

public void onSelect(SelectEvent ce) {
        VBoxLayoutContainer c = new VBoxLayoutContainer();
        c.setPadding(new Padding(5));
        c.setVBoxLayoutAlign(VBoxLayoutAlign.CENTER);

BoxLayoutData flex = new BoxLayoutData(new Margins(0, 0, 5, 0));
        flex.setFlex(1);
        c.add(new TextButton(button1Text), flex);
        c.add(new TextButton(button2Text), flex);
        c.add(new TextButton(button3Text), flex);

BoxLayoutData flex2 = new BoxLayoutData(new Margins(0));
        flex2.setFlex(1);
        c.add(new TextButton(button4Text), flex2);

addToCenter(c);
      }

}), vBoxData);

lcwest.add(createToggleButton("Flex: ratio", new SelectHandler() {

public void onSelect(SelectEvent ce) {
        VBoxLayoutContainer c = new VBoxLayoutContainer();
        c.setPadding(new Padding(5));
        c.setVBoxLayoutAlign(VBoxLayoutAlign.CENTER);

BoxLayoutData flex2 = new BoxLayoutData(new Margins(0));
        flex2.setFlex(3);
        c.add(new TextButton(button4Text), flex2);

addToCenter(c);
      }

}), vBoxData);

lcwest.add(createToggleButton("Flex + Stretch", new SelectHandler() {

public void onSelect(SelectEvent ce) {
        VBoxLayoutContainer c = new VBoxLayoutContainer();
        c.setPadding(new Padding(5));
        c.setVBoxLayoutAlign(VBoxLayoutAlign.STRETCH);

BoxLayoutData flex2 = new BoxLayoutData(new Margins(0));
        flex2.setFlex(3);
        c.add(new TextButton(button4Text), flex2);

addToCenter(c);
      }

}), vBoxData);

lcwest.add(createToggleButton("Pack: start", new SelectHandler() {

public void onSelect(SelectEvent ce) {
        VBoxLayoutContainer c = new VBoxLayoutContainer();
        c.setPadding(new Padding(5));
        c.setVBoxLayoutAlign(VBoxLayoutAlign.CENTER);
        c.setPack(BoxLayoutPack.START);

BoxLayoutData layoutData = new BoxLayoutData(new Margins(0, 0, 5, 0));
        c.add(new TextButton(button1Text), layoutData);
        c.add(new TextButton(button2Text), layoutData);
        c.add(new TextButton(button3Text), layoutData);

BoxLayoutData layoutData2 = new BoxLayoutData(new Margins(0));
        c.add(new TextButton(button4Text), layoutData2);

addToCenter(c);
      }

}), vBoxData);

lcwest.add(createToggleButton("Pack: center", new SelectHandler() {

BoxLayoutData layoutData2 = new BoxLayoutData(new Margins(0));
        c.add(new TextButton(button4Text), layoutData2);

addToCenter(c);
      }

}), vBoxData);

lcwest.add(createToggleButton("Pack: end", new SelectHandler() {

BoxLayoutData layoutData2 = new BoxLayoutData(new Margins(0));
        c.add(new TextButton(button4Text), layoutData2);

addToCenter(c);
      }

}), vBoxData);

con.add(panel);

return con;
  }

public void onModuleLoad() {
    RootPanel.get().add(asWidget());
  }
  private void addToCenter(Widget c) {
    lccenter.clear();
    lccenter.add(c);
    lccenter.forceLayout();
  }

private ToggleButton createToggleButton(String name, SelectHandler l) {
    ToggleButton button = new ToggleButton(name);
    toggleGroup.add(button);
    button.addSelectHandler(l);
    button.setAllowDepress(false);
    return button;
  }
}