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

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

import com.google.gwt.cell.client.AbstractCell;
import com.google.gwt.cell.client.DateCell;
import com.google.gwt.core.client.EntryPoint;
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.i18n.client.DateTimeFormat;
import com.google.gwt.i18n.client.NumberFormat;
import com.google.gwt.safehtml.shared.SafeHtmlBuilder;
import com.google.gwt.user.client.ui.HTML;
import com.google.gwt.user.client.ui.IsWidget;
import com.google.gwt.user.client.ui.RootPanel;
import com.google.gwt.user.client.ui.Widget;
import com.sencha.gxt.data.shared.ListStore;
import com.sencha.gxt.examples.resources.client.ExampleStyles;
import com.sencha.gxt.examples.resources.client.TestData;
import com.sencha.gxt.examples.resources.client.model.Stock;
import com.sencha.gxt.examples.resources.client.model.StockProperties;
import com.sencha.gxt.explorer.client.model.Example.Detail;
import com.sencha.gxt.widget.core.client.Portlet;
import com.sencha.gxt.widget.core.client.button.ToolButton;
import com.sencha.gxt.widget.core.client.container.PortalLayoutContainer;
import com.sencha.gxt.widget.core.client.grid.ColumnConfig;
import com.sencha.gxt.widget.core.client.grid.ColumnModel;
import com.sencha.gxt.widget.core.client.grid.Grid;
import com.sencha.gxt.widget.core.client.tips.QuickTip;

public class PortalLayoutContainerExample implements IsWidget, EntryPoint {

private static final StockProperties props = GWT.create(StockProperties.class);

@Override
  public Widget asWidget() {
    PortalLayoutContainer portal = new PortalLayoutContainer(3);
    portal.getElement().getStyle().setBackgroundColor("white");
    portal.setColumnWidth(0, .40);
    portal.setColumnWidth(1, .30);
    portal.setColumnWidth(2, .30);

Portlet portlet = new Portlet();
    portlet.setHeadingText("Grid in a Portlet");
    configPanel(portlet);
    portlet.add(createGrid());
    portlet.setHeight(250);
    portal.add(portlet, 0);

portlet = new Portlet();
    portlet.setHeadingText("Another Panel 1");
    configPanel(portlet);
    portlet.add(getBogusText());
    portal.add(portlet, 0);

portlet = new Portlet();
    portlet.setHeadingText("Panel 2");
    configPanel(portlet);
    portlet.add(getBogusText());
    portal.add(portlet, 1);

portlet = new Portlet();
    portlet.setHeadingText("Another Panel 2");
    configPanel(portlet);
    portlet.add(getBogusText());
    portal.add(portlet, 1);

return portal;
  }

public Widget createGrid() {
    final NumberFormat number = NumberFormat.getFormat("0.00");

ColumnConfig<Stock, String> nameCol = new ColumnConfig<Stock, String>(props.name(), 200, "Company");
    ColumnConfig<Stock, String> symbolCol = new ColumnConfig<Stock, String>(props.symbol(), 100, "Symbol");
    ColumnConfig<Stock, Double> lastCol = new ColumnConfig<Stock, Double>(props.last(), 75, "Last");

ColumnConfig<Stock, Double> changeCol = new ColumnConfig<Stock, Double>(props.change(), 100, "Change");
    changeCol.setCell(new AbstractCell<Double>() {

@Override
      public void render(Context context, Double value, SafeHtmlBuilder sb) {
        String style = "style='color: " + (value < 0 ? "red" : "green") + "'";
        String v = number.format(value);
        sb.appendHtmlConstant("<span " + style + " qtitle='Change' qtip='" + v + "'>" + v + "</span>");
      }
    });

ColumnConfig<Stock, Date> lastTransCol = new ColumnConfig<Stock, Date>(props.lastTrans(), 100, "Last Updated");
    lastTransCol.setCell(new DateCell(DateTimeFormat.getFormat("MM/dd/yyyy")));

List<ColumnConfig<Stock, ?>> l = new ArrayList<ColumnConfig<Stock, ?>>();
    l.add(nameCol);
    l.add(symbolCol);
    l.add(lastCol);
    l.add(changeCol);
    l.add(lastTransCol);
    ColumnModel<Stock> cm = new ColumnModel<Stock>(l);

ListStore<Stock> store = new ListStore<Stock>(props.key());
    store.addAll(TestData.getStocks());

final Grid<Stock> grid = new Grid<Stock>(store, cm);
    grid.getView().setAutoExpandColumn(nameCol);
    grid.setBorders(false);
    grid.setStripeRows(true);
    grid.setColumnLines(true);

// needed to enable quicktips (qtitle for the heading and qtip for the
    // content) that are setup in the change GridCellRenderer
    new QuickTip(grid);

return grid;
  }

@Override
  public void onModuleLoad() {
    RootPanel.get().add(this);
  }
  private void configPanel(final Portlet panel) {
    panel.setCollapsible(true);
    panel.setAnimCollapse(false);
    panel.getHeader().addTool(new ToolButton(ToolButton.GEAR));
    panel.getHeader().addTool(new ToolButton(ToolButton.CLOSE, new ClickHandler() {

@Override
      public void onClick(ClickEvent event) {
        panel.removeFromParent();
      }
    }));
  }

private HTML getBogusText() {
    HTML html = new HTML(TestData.DUMMY_TEXT_SHORT);
    html.addStyleName(ExampleStyles.get().paddedText());
    return html;
  }

}