526 lines
16 KiB
Java
526 lines
16 KiB
Java
/**
|
|
*
|
|
*/
|
|
package org.gcube.portlets.user.td.client.ribbon;
|
|
|
|
import org.gcube.portlets.user.td.client.resource.TabularDataResources;
|
|
import org.gcube.portlets.user.td.widgetcommonevent.client.event.RibbonEvent;
|
|
import org.gcube.portlets.user.td.widgetcommonevent.client.event.UIStateEvent;
|
|
import org.gcube.portlets.user.td.widgetcommonevent.client.type.RibbonType;
|
|
import org.gcube.portlets.user.td.widgetcommonevent.client.type.UIStateType;
|
|
|
|
import com.allen_sauer.gwt.log.client.Log;
|
|
import com.google.gwt.dom.client.Element;
|
|
import com.google.gwt.dom.client.NodeList;
|
|
import com.google.gwt.event.logical.shared.SelectionEvent;
|
|
import com.google.gwt.event.logical.shared.SelectionHandler;
|
|
import com.google.gwt.user.client.ui.FlexTable;
|
|
import com.google.web.bindery.event.shared.EventBus;
|
|
import com.sencha.gxt.cell.core.client.ButtonCell.ButtonArrowAlign;
|
|
import com.sencha.gxt.cell.core.client.ButtonCell.ButtonScale;
|
|
import com.sencha.gxt.cell.core.client.ButtonCell.IconAlign;
|
|
import com.sencha.gxt.core.client.dom.XElement;
|
|
import com.sencha.gxt.widget.core.client.button.ButtonGroup;
|
|
import com.sencha.gxt.widget.core.client.button.TextButton;
|
|
import com.sencha.gxt.widget.core.client.event.SelectEvent;
|
|
import com.sencha.gxt.widget.core.client.event.SelectEvent.SelectHandler;
|
|
import com.sencha.gxt.widget.core.client.menu.Item;
|
|
import com.sencha.gxt.widget.core.client.menu.Menu;
|
|
import com.sencha.gxt.widget.core.client.menu.MenuItem;
|
|
import com.sencha.gxt.widget.core.client.toolbar.ToolBar;
|
|
|
|
/**
|
|
*
|
|
* @author giancarlo email: <a
|
|
* href="mailto:g.panichi@isti.cnr.it">g.panichi@isti.cnr.it</a>
|
|
*
|
|
*/
|
|
public class ModifyToolBar {
|
|
|
|
private EventBus eventBus;
|
|
private ToolBar toolBar;
|
|
|
|
// Tool
|
|
private TextButton replaceButton;
|
|
private TextButton deleteButton;
|
|
private TextButton filterButton;
|
|
private TextButton unionButton;
|
|
private TextButton addRowButton;
|
|
|
|
// Group
|
|
private TextButton groupbyButton;
|
|
private TextButton timeAggregationButton;
|
|
|
|
// Geospatial
|
|
private TextButton csquareButton;
|
|
private TextButton oceanAreaButton;
|
|
private TextButton downscaleCSquareButton;
|
|
|
|
// Geometry
|
|
private TextButton pointButton;
|
|
|
|
// Menu
|
|
|
|
// Replace Menu
|
|
private MenuItem replaceBatchItem;
|
|
private MenuItem replaceByExpressionItem;
|
|
private MenuItem replaceByExternalColItem;
|
|
// Delete Menu
|
|
|
|
private MenuItem deleteSelectedRowsItem;
|
|
private MenuItem deleteDuplicateItem;
|
|
private MenuItem deleteByExpression;
|
|
|
|
public ModifyToolBar(EventBus eventBus) {
|
|
this.eventBus = eventBus;
|
|
build();
|
|
}
|
|
|
|
public ToolBar getToolBar() {
|
|
return toolBar;
|
|
}
|
|
|
|
protected void build() {
|
|
toolBar = new ToolBar();
|
|
toolBar.setSpacing(1);
|
|
toolBar.setEnableOverflow(false);
|
|
|
|
// Tools Group
|
|
ButtonGroup toolsGroup = new ButtonGroup();
|
|
toolsGroup.setId("Tools");
|
|
toolsGroup.setStyleName("ribbon");
|
|
toolsGroup.setHeadingText("Tools");
|
|
toolsGroup.enable();
|
|
toolBar.add(toolsGroup);
|
|
|
|
FlexTable toolsLayout = new FlexTable();
|
|
toolsGroup.add(toolsLayout);
|
|
|
|
replaceButton = new TextButton("Replace",
|
|
TabularDataResources.INSTANCE.tableReplaceRows32());
|
|
replaceButton.disable();
|
|
replaceButton.setScale(ButtonScale.LARGE);
|
|
replaceButton.setIconAlign(IconAlign.TOP);
|
|
replaceButton.setToolTip("Replace rows");
|
|
replaceButton.setArrowAlign(ButtonArrowAlign.RIGHT);
|
|
replaceButton.setMenu(createReplaceMenu());
|
|
|
|
toolsLayout.setWidget(0, 0, replaceButton);
|
|
toolsLayout.getFlexCellFormatter().setRowSpan(0, 0, 2);
|
|
|
|
deleteButton = new TextButton("Delete",
|
|
TabularDataResources.INSTANCE.tableRowDelete32());
|
|
deleteButton.disable();
|
|
deleteButton.setScale(ButtonScale.LARGE);
|
|
deleteButton.setIconAlign(IconAlign.TOP);
|
|
deleteButton.setToolTip("Delete rows");
|
|
deleteButton.setArrowAlign(ButtonArrowAlign.RIGHT);
|
|
deleteButton.setMenu(createDeleteMenu());
|
|
|
|
toolsLayout.setWidget(0, 1, deleteButton);
|
|
toolsLayout.getFlexCellFormatter().setRowSpan(0, 1, 2);
|
|
|
|
|
|
addRowButton = new TextButton("Add Row",
|
|
TabularDataResources.INSTANCE.rowInsert32());
|
|
addRowButton.disable();
|
|
addRowButton.setScale(ButtonScale.LARGE);
|
|
addRowButton.setIconAlign(IconAlign.TOP);
|
|
addRowButton.setToolTip("Add row");
|
|
addRowButton.setArrowAlign(ButtonArrowAlign.BOTTOM);
|
|
addRowButton.addSelectHandler(new SelectHandler() {
|
|
|
|
public void onSelect(SelectEvent event) {
|
|
eventBus.fireEvent(new RibbonEvent(RibbonType.ROW_ADD));
|
|
}
|
|
});
|
|
|
|
toolsLayout.setWidget(0, 2, addRowButton);
|
|
toolsLayout.getFlexCellFormatter().setRowSpan(0, 2, 2);
|
|
|
|
|
|
filterButton = new TextButton("Filter",
|
|
TabularDataResources.INSTANCE.filter32());
|
|
filterButton.disable();
|
|
filterButton.setScale(ButtonScale.LARGE);
|
|
filterButton.setIconAlign(IconAlign.TOP);
|
|
filterButton.setToolTip("Filter rows");
|
|
filterButton.setArrowAlign(ButtonArrowAlign.BOTTOM);
|
|
filterButton.addSelectHandler(new SelectHandler() {
|
|
|
|
public void onSelect(SelectEvent event) {
|
|
eventBus.fireEvent(new RibbonEvent(RibbonType.COLUMN_FILTER));
|
|
}
|
|
});
|
|
|
|
toolsLayout.setWidget(0, 3, filterButton);
|
|
toolsLayout.getFlexCellFormatter().setRowSpan(0, 3, 2);
|
|
|
|
unionButton = new TextButton("Union",
|
|
TabularDataResources.INSTANCE.union32());
|
|
unionButton.disable();
|
|
unionButton.setScale(ButtonScale.LARGE);
|
|
unionButton.setIconAlign(IconAlign.TOP);
|
|
unionButton.setToolTip("Merge tables data");
|
|
unionButton.setArrowAlign(ButtonArrowAlign.BOTTOM);
|
|
unionButton.addSelectHandler(new SelectHandler() {
|
|
|
|
public void onSelect(SelectEvent event) {
|
|
eventBus.fireEvent(new RibbonEvent(RibbonType.TABLE_UNION));
|
|
}
|
|
});
|
|
|
|
toolsLayout.setWidget(0, 4, unionButton);
|
|
toolsLayout.getFlexCellFormatter().setRowSpan(0, 4, 2);
|
|
|
|
cleanCells(toolsLayout.getElement());
|
|
|
|
// Group Group
|
|
ButtonGroup groupGroup = new ButtonGroup();
|
|
groupGroup.setId("Group");
|
|
groupGroup.setStyleName("ribbon");
|
|
groupGroup.setHeadingText("Group");
|
|
groupGroup.enable();
|
|
toolBar.add(groupGroup);
|
|
|
|
FlexTable groupLayout = new FlexTable();
|
|
groupGroup.add(groupLayout);
|
|
|
|
groupbyButton = new TextButton("Group By",
|
|
TabularDataResources.INSTANCE.group32());
|
|
groupbyButton.disable();
|
|
groupbyButton.setScale(ButtonScale.LARGE);
|
|
groupbyButton.setIconAlign(IconAlign.TOP);
|
|
groupbyButton.setToolTip("Perform data grouping");
|
|
groupbyButton.setArrowAlign(ButtonArrowAlign.BOTTOM);
|
|
groupbyButton.addSelectHandler(new SelectHandler() {
|
|
|
|
public void onSelect(SelectEvent event) {
|
|
eventBus.fireEvent(new RibbonEvent(RibbonType.TABLE_GROUPBY));
|
|
}
|
|
});
|
|
|
|
groupLayout.setWidget(0, 0, groupbyButton);
|
|
groupLayout.getFlexCellFormatter().setRowSpan(0, 0, 2);
|
|
|
|
timeAggregationButton = new TextButton("Time Aggregation",
|
|
TabularDataResources.INSTANCE.timeAggregate32());
|
|
timeAggregationButton.disable();
|
|
timeAggregationButton.setScale(ButtonScale.LARGE);
|
|
timeAggregationButton.setIconAlign(IconAlign.TOP);
|
|
timeAggregationButton.setToolTip("Performs time aggregation");
|
|
timeAggregationButton.setArrowAlign(ButtonArrowAlign.BOTTOM);
|
|
timeAggregationButton.addSelectHandler(new SelectHandler() {
|
|
|
|
public void onSelect(SelectEvent event) {
|
|
eventBus.fireEvent(new RibbonEvent(
|
|
RibbonType.TABLE_TIME_AGGREGATE));
|
|
}
|
|
});
|
|
|
|
groupLayout.setWidget(0, 1, timeAggregationButton);
|
|
groupLayout.getFlexCellFormatter().setRowSpan(0, 1, 2);
|
|
cleanCells(groupLayout.getElement());
|
|
|
|
// Geospatial Group
|
|
ButtonGroup geospatialGroup = new ButtonGroup();
|
|
geospatialGroup.setId("Geospatial");
|
|
geospatialGroup.setStyleName("ribbon");
|
|
geospatialGroup.setHeadingText("Geospatial");
|
|
geospatialGroup.enable();
|
|
geospatialGroup.setVisible(true);
|
|
toolBar.add(geospatialGroup);
|
|
|
|
FlexTable geospatialLayout = new FlexTable();
|
|
geospatialGroup.add(geospatialLayout);
|
|
|
|
csquareButton = new TextButton("C-Square",
|
|
TabularDataResources.INSTANCE.geospatialCSquare32());
|
|
csquareButton.disable();
|
|
csquareButton.setScale(ButtonScale.LARGE);
|
|
csquareButton.setIconAlign(IconAlign.TOP);
|
|
csquareButton.setToolTip("Create C-Square Coordinates");
|
|
csquareButton.setArrowAlign(ButtonArrowAlign.BOTTOM);
|
|
csquareButton.addSelectHandler(new SelectHandler() {
|
|
|
|
public void onSelect(SelectEvent event) {
|
|
eventBus.fireEvent(new RibbonEvent(
|
|
RibbonType.GEOSPATIAL_CSQUARE));
|
|
}
|
|
});
|
|
|
|
geospatialLayout.setWidget(0, 0, csquareButton);
|
|
geospatialLayout.getFlexCellFormatter().setRowSpan(0, 0, 2);
|
|
|
|
downscaleCSquareButton = new TextButton("Downscale",
|
|
TabularDataResources.INSTANCE.downscaleCSquare32());
|
|
downscaleCSquareButton.disable();
|
|
downscaleCSquareButton.setScale(ButtonScale.LARGE);
|
|
downscaleCSquareButton.setIconAlign(IconAlign.TOP);
|
|
downscaleCSquareButton.setToolTip("Downscale C-Square Coordinates");
|
|
downscaleCSquareButton.setArrowAlign(ButtonArrowAlign.BOTTOM);
|
|
downscaleCSquareButton.addSelectHandler(new SelectHandler() {
|
|
|
|
public void onSelect(SelectEvent event) {
|
|
eventBus.fireEvent(new RibbonEvent(RibbonType.DOWNSCALE_CSQUARE));
|
|
}
|
|
});
|
|
|
|
geospatialLayout.setWidget(0, 1, downscaleCSquareButton);
|
|
geospatialLayout.getFlexCellFormatter().setRowSpan(0, 1, 2);
|
|
|
|
|
|
oceanAreaButton = new TextButton("Ocean Area",
|
|
TabularDataResources.INSTANCE.geospatialOceanArea32());
|
|
oceanAreaButton.disable();
|
|
oceanAreaButton.setScale(ButtonScale.LARGE);
|
|
oceanAreaButton.setIconAlign(IconAlign.TOP);
|
|
oceanAreaButton.setToolTip("Create Ocean Area Coordinates");
|
|
oceanAreaButton.setArrowAlign(ButtonArrowAlign.BOTTOM);
|
|
oceanAreaButton.addSelectHandler(new SelectHandler() {
|
|
|
|
public void onSelect(SelectEvent event) {
|
|
eventBus.fireEvent(new RibbonEvent(
|
|
RibbonType.GEOSPATIAL_OCEAN_AREA));
|
|
}
|
|
});
|
|
|
|
geospatialLayout.setWidget(0, 2, oceanAreaButton);
|
|
geospatialLayout.getFlexCellFormatter().setRowSpan(0, 2, 2);
|
|
|
|
cleanCells(geospatialLayout.getElement());
|
|
|
|
// Geometry Group
|
|
ButtonGroup geometryGroup = new ButtonGroup();
|
|
geometryGroup.setId("Geometry");
|
|
geometryGroup.setStyleName("ribbon");
|
|
geometryGroup.setHeadingText("Geometry");
|
|
geometryGroup.enable();
|
|
geometryGroup.setVisible(true);
|
|
toolBar.add(geometryGroup);
|
|
|
|
FlexTable geometryLayout = new FlexTable();
|
|
geometryGroup.add(geometryLayout);
|
|
|
|
pointButton = new TextButton("Points",
|
|
TabularDataResources.INSTANCE.geometryPoint32());
|
|
pointButton.disable();
|
|
pointButton.setScale(ButtonScale.LARGE);
|
|
pointButton.setIconAlign(IconAlign.TOP);
|
|
pointButton.setToolTip("Create Points");
|
|
pointButton.setArrowAlign(ButtonArrowAlign.BOTTOM);
|
|
pointButton.addSelectHandler(new SelectHandler() {
|
|
|
|
public void onSelect(SelectEvent event) {
|
|
eventBus.fireEvent(new RibbonEvent(RibbonType.GEOMETRY_POINT));
|
|
}
|
|
});
|
|
|
|
geometryLayout.setWidget(0, 0, pointButton);
|
|
geometryLayout.getFlexCellFormatter().setRowSpan(0, 0, 2);
|
|
|
|
cleanCells(geospatialLayout.getElement());
|
|
|
|
eventBus.addHandler(UIStateEvent.TYPE,
|
|
new UIStateEvent.UIStateHandler() {
|
|
|
|
public void onUIState(UIStateEvent event) {
|
|
setUI(event);
|
|
|
|
}
|
|
});
|
|
|
|
}
|
|
|
|
private Menu createReplaceMenu() {
|
|
Menu menuReplace = new Menu();
|
|
replaceBatchItem = new MenuItem("Batch",
|
|
TabularDataResources.INSTANCE.columnReplaceBatch());
|
|
replaceByExpressionItem = new MenuItem("By Expression",
|
|
TabularDataResources.INSTANCE.columnReplaceByExpression());
|
|
replaceByExternalColItem = new MenuItem("By External",
|
|
TabularDataResources.INSTANCE.replaceByExternalCol());
|
|
|
|
replaceBatchItem
|
|
.addSelectionHandler(new SelectionHandler<Item>() {
|
|
|
|
@Override
|
|
public void onSelection(SelectionEvent<Item> event) {
|
|
eventBus.fireEvent(new RibbonEvent(
|
|
RibbonType.TABLE_REPLACE_BATCH));
|
|
|
|
}
|
|
});
|
|
|
|
replaceByExpressionItem
|
|
.addSelectionHandler(new SelectionHandler<Item>() {
|
|
|
|
@Override
|
|
public void onSelection(SelectionEvent<Item> event) {
|
|
eventBus.fireEvent(new RibbonEvent(
|
|
RibbonType.TABLE_REPLACE_BY_EXPRESSION));
|
|
|
|
}
|
|
});
|
|
|
|
replaceByExternalColItem
|
|
.addSelectionHandler(new SelectionHandler<Item>() {
|
|
|
|
@Override
|
|
public void onSelection(SelectionEvent<Item> event) {
|
|
eventBus.fireEvent(new RibbonEvent(
|
|
RibbonType.TABLE_REPLACE_BY_EXTERNAL_COL));
|
|
|
|
}
|
|
});
|
|
|
|
menuReplace.add(replaceBatchItem);
|
|
menuReplace.add(replaceByExpressionItem);
|
|
menuReplace.add(replaceByExternalColItem);
|
|
return menuReplace;
|
|
}
|
|
|
|
private Menu createDeleteMenu() {
|
|
Menu menuDelete = new Menu();
|
|
deleteSelectedRowsItem = new MenuItem("Selected Rows",
|
|
TabularDataResources.INSTANCE.tableRowDeleteSelected());
|
|
deleteDuplicateItem = new MenuItem("Duplicate",
|
|
TabularDataResources.INSTANCE.tableDuplicateRowsRemove());
|
|
deleteByExpression = new MenuItem("By Expression",
|
|
TabularDataResources.INSTANCE.tableRowDeleteByExpression());
|
|
|
|
deleteSelectedRowsItem
|
|
.addSelectionHandler(new SelectionHandler<Item>() {
|
|
|
|
@Override
|
|
public void onSelection(SelectionEvent<Item> event) {
|
|
eventBus.fireEvent(new RibbonEvent(RibbonType.ROW_DELETE));
|
|
|
|
}
|
|
});
|
|
|
|
deleteDuplicateItem
|
|
.addSelectionHandler(new SelectionHandler<Item>() {
|
|
|
|
@Override
|
|
public void onSelection(SelectionEvent<Item> event) {
|
|
eventBus.fireEvent(new RibbonEvent(RibbonType.DUPLICATE_DELETE));
|
|
|
|
}
|
|
});
|
|
|
|
deleteByExpression
|
|
.addSelectionHandler(new SelectionHandler<Item>() {
|
|
|
|
@Override
|
|
public void onSelection(SelectionEvent<Item> event) {
|
|
eventBus.fireEvent(new RibbonEvent(RibbonType.BYEXPRESSION_DELETE));
|
|
|
|
}
|
|
});
|
|
|
|
menuDelete.add(deleteSelectedRowsItem);
|
|
menuDelete.add(deleteDuplicateItem);
|
|
menuDelete.add(deleteByExpression);
|
|
return menuDelete;
|
|
}
|
|
|
|
protected void cleanCells(Element elem) {
|
|
NodeList<Element> tds = elem.<XElement> cast().select("td");
|
|
for (int i = 0; i < tds.getLength(); i++) {
|
|
Element td = tds.getItem(i);
|
|
|
|
if (!td.hasChildNodes() && td.getClassName().equals("")) {
|
|
td.removeFromParent();
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
|
|
public void setUI(UIStateEvent event) {
|
|
UIStateType uiStateType = event.getUIStateType();
|
|
try {
|
|
switch (uiStateType) {
|
|
case START:
|
|
// Tools
|
|
replaceButton.disable();
|
|
deleteButton.disable();
|
|
filterButton.disable();
|
|
unionButton.disable();
|
|
addRowButton.disable();
|
|
//Group
|
|
groupbyButton.disable();
|
|
timeAggregationButton.disable();
|
|
// Geospatial
|
|
csquareButton.disable();
|
|
downscaleCSquareButton.disable();
|
|
oceanAreaButton.disable();
|
|
// Geometry
|
|
pointButton.disable();
|
|
break;
|
|
case TR_CLOSE:
|
|
case TR_READONLY:
|
|
// Tools
|
|
replaceButton.disable();
|
|
deleteButton.disable();
|
|
filterButton.disable();
|
|
unionButton.disable();
|
|
addRowButton.disable();
|
|
//Group
|
|
groupbyButton.disable();
|
|
timeAggregationButton.disable();
|
|
// Geospatial
|
|
csquareButton.disable();
|
|
downscaleCSquareButton.disable();
|
|
oceanAreaButton.disable();
|
|
// Geometry
|
|
pointButton.disable();
|
|
break;
|
|
case TR_OPEN:
|
|
case TABLEUPDATE:
|
|
case TABLECURATION:
|
|
// Tools
|
|
replaceButton.enable();
|
|
deleteButton.enable();
|
|
filterButton.enable();
|
|
unionButton.enable();
|
|
addRowButton.enable();
|
|
//Group
|
|
groupbyButton.enable();
|
|
timeAggregationButton.enable();
|
|
// Geospatial
|
|
csquareButton.enable();
|
|
downscaleCSquareButton.enable();
|
|
oceanAreaButton.enable();
|
|
// Geometry
|
|
pointButton.enable();
|
|
break;
|
|
case WIZARD_OPEN:
|
|
// Tools
|
|
replaceButton.disable();
|
|
deleteButton.disable();
|
|
filterButton.disable();
|
|
unionButton.disable();
|
|
addRowButton.disable();
|
|
//Group
|
|
groupbyButton.disable();
|
|
timeAggregationButton.disable();
|
|
// Geospatial
|
|
csquareButton.disable();
|
|
downscaleCSquareButton.disable();
|
|
oceanAreaButton.disable();
|
|
// Geometry
|
|
pointButton.disable();
|
|
break;
|
|
default:
|
|
break;
|
|
}
|
|
} catch (Exception e) {
|
|
Log.error("setUI Error on Ribbon Curation: "
|
|
+ e.getLocalizedMessage());
|
|
}
|
|
}
|
|
|
|
}
|