@Override
public Widget asWidget() {
final Window complex = new Window();
complex.setMaximizable(true);
complex.setHeadingText("Accordion Window");
complex.setWidth(200);
complex.setHeight(350);
AccordionLayoutContainer con = new AccordionLayoutContainer();
con.setExpandMode(ExpandMode.SINGLE_FILL);
complex.add(con);
AccordionLayoutAppearance appearance =
GWT.<AccordionLayoutAppearance>create(AccordionLayoutAppearance.class);
ContentPanel cp = new ContentPanel(appearance);
cp.setAnimCollapse(false);
cp.setHeadingText("Online Users");
cp.getHeader().addStyleName(ThemeStyles.getStyle().borderTop());
con.add(cp);
con.setActiveWidget(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);
TextButton b = new TextButton("Open");
b.addSelectHandler(
new SelectHandler() {
@Override
public void onSelect(SelectEvent event) {
complex.show();
}
});
VerticalPanel vp = new VerticalPanel();
vp.setSpacing(10);
vp.add(b);
return vp;
}
@Override
public Widget asWidget() {
if (panel == null) {
final NumberFormat number = NumberFormat.getFormat("0.00");
final String desc =
"Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed metus nibh, sodales a, porta at, vulputate eget, dui. Pellentesque ut nisl. Maecenas tortor turpis, interdum non, sodales non, iaculis ac, lacus. Vestibulum auctor, tortor quis iaculis malesuada, libero lectus bibendum purus, sit amet tincidunt quam turpis vel lacus. In pellentesque nisl non sem. Suspendisse nunc sem, pretium eget, cursus a, fringilla vel, urna.<br/><br/>Aliquam commodo ullamcorper erat. Nullam vel justo in neque porttitor laoreet. Aenean lacus dui, consequat eu, adipiscing eget, nonummy non, nisi. Morbi nunc est, dignissim non, ornare sed, luctus eu, massa. Vivamus eget quam. Vivamus tincidunt diam nec urna. Curabitur velit.";
RowExpander<Stock> expander =
new RowExpander<Stock>(
new AbstractCell<Stock>() {
@Override
public void render(Context context, Stock value, SafeHtmlBuilder sb) {
sb.appendHtmlConstant(
"<p style='margin: 5px 5px 10px'><b>Company:</b>" + value.getName() + "</p>");
sb.appendHtmlConstant("<p style='margin: 5px 5px 10px'><b>Summary:</b> " + desc);
}
});
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(expander);
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());
panel = new ContentPanel();
panel.setHeadingText("RowExpander Grid");
panel.getHeader().setIcon(ExampleImages.INSTANCE.table());
panel.setPixelSize(600, 320);
panel.addStyleName("margin-10");
final Grid<Stock> grid = new Grid<Stock>(store, cm);
grid.getView().setAutoExpandColumn(nameCol);
grid.setBorders(false);
grid.getView().setStripeRows(true);
grid.getView().setColumnLines(true);
expander.initPlugin(grid);
panel.setWidget(grid);
}
return panel;
}
@Override
public Widget asWidget() {
final ListStore<Data> store = new ListStore<Data>(dataAccess.nameKey());
store.addAll(TestData.getData(12, 20, 100));
final Chart<Data> chart = new Chart<Data>();
chart.setStore(store);
chart.setShadowChart(true);
NumericAxis<Data> axis = new NumericAxis<Data>();
axis.setPosition(Position.BOTTOM);
axis.addField(dataAccess.data1());
axis.addField(dataAccess.data2());
axis.addField(dataAccess.data3());
TextSprite title = new TextSprite("Number of Hits");
title.setFontSize(18);
axis.setTitleConfig(title);
axis.setDisplayGrid(true);
axis.setMinimum(0);
axis.setMaximum(100);
chart.addAxis(axis);
CategoryAxis<Data, String> catAxis = new CategoryAxis<Data, String>();
catAxis.setPosition(Position.LEFT);
catAxis.setField(dataAccess.name());
title = new TextSprite("Month of the Year");
title.setFontSize(18);
catAxis.setTitleConfig(title);
chart.addAxis(catAxis);
final BarSeries<Data> bar = new BarSeries<Data>();
bar.setYAxisPosition(Position.BOTTOM);
bar.addYField(dataAccess.data1());
bar.addYField(dataAccess.data2());
bar.addYField(dataAccess.data3());
bar.addColor(new RGB(148, 174, 10));
bar.addColor(new RGB(17, 95, 166));
bar.addColor(new RGB(166, 17, 32));
chart.addSeries(bar);
final Legend<Data> legend = new Legend<Data>();
legend.setPosition(Position.RIGHT);
legend.setItemHighlighting(true);
legend.setItemHiding(true);
chart.setLegend(legend);
TextButton regenerate = new TextButton("Reload Data");
regenerate.addSelectHandler(
new SelectHandler() {
@Override
public void onSelect(SelectEvent event) {
store.clear();
store.addAll(TestData.getData(12, 0, 100));
chart.redrawChart();
}
});
ToggleButton animation = new ToggleButton("Animate");
animation.addValueChangeHandler(
new ValueChangeHandler<Boolean>() {
@Override
public void onValueChange(ValueChangeEvent<Boolean> event) {
chart.setAnimated(event.getValue());
}
});
animation.setValue(true, true);
ToggleButton shadow = new ToggleButton("Shadow");
shadow.addValueChangeHandler(
new ValueChangeHandler<Boolean>() {
@Override
public void onValueChange(ValueChangeEvent<Boolean> event) {
chart.setShadowChart(event.getValue());
chart.redrawChart();
}
});
shadow.setValue(true);
ToolBar toolBar = new ToolBar();
toolBar.add(regenerate);
toolBar.add(animation);
toolBar.add(shadow);
ContentPanel panel = new FramedPanel();
panel.getElement().getStyle().setMargin(10, Unit.PX);
panel.setCollapsible(true);
panel.setHeadingText("Grouped Bar Chart");
panel.setPixelSize(620, 500);
panel.setBodyBorder(true);
final Resizable resize = new Resizable(panel, Dir.E, Dir.SE, Dir.S);
resize.setMinHeight(400);
resize.setMinWidth(400);
panel.addExpandHandler(
new ExpandHandler() {
@Override
public void onExpand(ExpandEvent event) {
resize.setEnabled(true);
}
});
panel.addCollapseHandler(
new CollapseHandler() {
@Override
public void onCollapse(CollapseEvent event) {
resize.setEnabled(false);
}
});
new Draggable(panel, panel.getHeader()).setUseProxy(false);
VerticalLayoutContainer layout = new VerticalLayoutContainer();
panel.add(layout);
toolBar.setLayoutData(new VerticalLayoutData(1, -1));
layout.add(toolBar);
chart.setLayoutData(new VerticalLayoutData(1, 1));
layout.add(chart);
return panel;
}
public static void setPlainHeader(ContentPanel panel) {
Style style = panel.getHeader().getElement().getStyle();
String color = ThemeStyles.getStyle().borderColor();
style.setProperty("backgroundImage", "none");
style.setProperty("borderTop", "1px solid " + color);
}
