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

import com.google.gwt.core.client.EntryPoint;
import com.google.gwt.core.client.GWT;
import com.google.gwt.resources.client.ImageResource;
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.VerticalPanel;
import com.google.gwt.user.client.ui.Widget;
import com.sencha.gxt.core.client.GXT;
import com.sencha.gxt.core.client.ValueProvider;
import com.sencha.gxt.data.shared.IconProvider;
import com.sencha.gxt.data.shared.TreeStore;
import com.sencha.gxt.examples.resources.client.TestData;
import com.sencha.gxt.examples.resources.client.images.ExampleImages;
import com.sencha.gxt.examples.resources.client.model.NameImageModel;
import com.sencha.gxt.explorer.client.model.Example.Detail;
import com.sencha.gxt.widget.core.client.ContentPanel;
import com.sencha.gxt.widget.core.client.container.AccordionLayoutContainer;
import com.sencha.gxt.widget.core.client.container.AccordionLayoutContainer.AccordionLayoutAppearance;
import com.sencha.gxt.widget.core.client.tree.Tree;

public class AccordionLayoutExample implements IsWidget, EntryPoint {

public Widget asWidget() {
    if (GXT.isIE6()) {
      Label lbl = new Label("This example not working in IE6 at this time");
      lbl.addStyleName("margin-10");
      return lbl;
    }

ContentPanel panel = new ContentPanel();
    panel.setHeadingText("AccordionLayout");
    panel.setBodyBorder(false);
    panel.setPixelSize(200, 325);
    panel.getHeader().setIcon(ExampleImages.INSTANCE.accordion());

AccordionLayoutContainer con = new AccordionLayoutContainer();
    con.setFill(true);
    panel.add(con);

AccordionLayoutAppearance appearance = GWT.<AccordionLayoutAppearance> create(AccordionLayoutAppearance.class);

ContentPanel cp = new ContentPanel(appearance);
    cp.setAnimCollapse(false);
    cp.setHeadingText("Online Users");
    con.add(cp);
    con.setWidget(cp);

TreeStore<NameImageModel> store = new TreeStore<NameImageModel>(NameImageModel.KP);

Tree<NameImageModel, String> tree = new Tree<NameImageModel, String>(store,
        new ValueProvider<NameImageModel, String>() {

@Override
          public String getValue(NameImageModel object) {
            return object.getName();
          }

@Override
          public void setValue(NameImageModel object, String value) {
          }

@Override
          public String getPath() {
            return "name";
          }
        });

tree.setIconProvider(new IconProvider<NameImageModel>() {
      public ImageResource getIcon(NameImageModel model) {
        if (null == model.getImage()) {
          return null;
        } else if ("user-girl" == model.getImage()) {
          return ExampleImages.INSTANCE.userFemale();
        } else if ("user-kid" == model.getImage()) {
          return ExampleImages.INSTANCE.userKid();
        } else {
          return ExampleImages.INSTANCE.user();
        }
      }
    });

NameImageModel m = newItem("Family", null);
    store.add(m);

store.add(m, newItem("Darrell", "user"));
    store.add(m, newItem("Maro", "user-girl"));
    store.add(m, newItem("Lia", "user-kid"));
    store.add(m, newItem("Alec", "user-kid"));
    store.add(m, newItem("Andrew", "user-kid"));

tree.setExpanded(m, true);

m = newItem("Friends", null);
    store.add(m);

store.add(m, newItem("Bob", "user"));
    store.add(m, newItem("Mary", "user-girl"));
    store.add(m, newItem("Sally", "user-girl"));
    store.add(m, newItem("Jack", "user"));

tree.setExpanded(m, true);

cp.add(tree);

cp = new ContentPanel(appearance);
    cp.setAnimCollapse(false);
    cp.setBodyStyleName("pad-text");
    cp.setHeadingText("Settings");
    cp.add(new Label(TestData.DUMMY_TEXT_SHORT));
    con.add(cp);

cp = new ContentPanel(appearance);
    cp.setAnimCollapse(false);
    cp.setBodyStyleName("pad-text");
    cp.setHeadingText("Stuff");
    cp.add(new Label(TestData.DUMMY_TEXT_SHORT));
    con.add(cp);

cp = new ContentPanel(appearance);
    cp.setAnimCollapse(false);
    cp.setBodyStyleName("pad-text");
    cp.setHeadingText("More Stuff");
    cp.add(new Label(TestData.DUMMY_TEXT_SHORT));
    con.add(cp);

VerticalPanel vp = new VerticalPanel();
    vp.setSpacing(10);
    vp.add(panel);
    return vp;
  }

private NameImageModel newItem(String text, String iconStyle) {
    return new NameImageModel(text, iconStyle);
  }

public void onModuleLoad() {
    RootPanel.get().add(asWidget());
  }

}