2021-10-14 11:34:04 +02:00
|
|
|
package org.gcube.portlets.user.geoportaldataviewer.client.ui.dandd;
|
|
|
|
|
|
|
|
import org.gcube.application.geoportalcommon.shared.products.BaseConcessioneDV;
|
|
|
|
import org.gcube.portlets.user.geoportaldataviewer.client.events.DoActionOnDetailLayersEvent;
|
|
|
|
import org.gcube.portlets.user.geoportaldataviewer.client.events.DoActionOnDetailLayersEvent.DO_LAYER_ACTION;
|
2021-10-15 17:51:09 +02:00
|
|
|
import org.gcube.portlets.user.geoportaldataviewer.client.events.DoActionOnDetailLayersEvent.SwapLayer;
|
2021-10-14 11:34:04 +02:00
|
|
|
import org.gcube.portlets.user.geoportaldataviewer.client.util.StringUtil;
|
|
|
|
import org.gcube.portlets.user.geoportaldataviewer.shared.gis.LayerItem;
|
|
|
|
import org.gcube.portlets.user.geoportaldataviewer.shared.gis.LayerObject;
|
|
|
|
|
|
|
|
import com.github.gwtbootstrap.client.ui.Button;
|
|
|
|
import com.github.gwtbootstrap.client.ui.CheckBox;
|
|
|
|
import com.github.gwtbootstrap.client.ui.Label;
|
|
|
|
import com.github.gwtbootstrap.client.ui.constants.IconType;
|
|
|
|
import com.github.gwtbootstrap.client.ui.constants.LabelType;
|
|
|
|
import com.google.gwt.core.client.GWT;
|
|
|
|
import com.google.gwt.dom.client.Element;
|
|
|
|
import com.google.gwt.dom.client.Style.Unit;
|
|
|
|
import com.google.gwt.event.dom.client.DragLeaveEvent;
|
|
|
|
import com.google.gwt.event.dom.client.DragLeaveHandler;
|
|
|
|
import com.google.gwt.event.dom.client.DragOverEvent;
|
|
|
|
import com.google.gwt.event.dom.client.DragOverHandler;
|
|
|
|
import com.google.gwt.event.dom.client.DragStartEvent;
|
|
|
|
import com.google.gwt.event.dom.client.DragStartHandler;
|
|
|
|
import com.google.gwt.event.dom.client.DropEvent;
|
|
|
|
import com.google.gwt.event.dom.client.DropHandler;
|
|
|
|
import com.google.gwt.event.logical.shared.ValueChangeEvent;
|
|
|
|
import com.google.gwt.event.logical.shared.ValueChangeHandler;
|
|
|
|
import com.google.gwt.event.shared.HandlerManager;
|
|
|
|
import com.google.gwt.user.client.ui.FlexTable;
|
|
|
|
import com.google.gwt.user.client.ui.FlowPanel;
|
|
|
|
import com.google.gwt.user.client.ui.SimplePanel;
|
|
|
|
import com.google.gwt.user.client.ui.Widget;
|
|
|
|
|
|
|
|
public class DragDropLayer extends FlowPanel {
|
|
|
|
|
|
|
|
private static DragDropLayer dragging = null;
|
|
|
|
private static DragDropLayer draggingTarget = null;
|
|
|
|
final boolean droppable;
|
|
|
|
private Label labelLayerName;
|
|
|
|
private CheckBox checkBoxVisibility = new CheckBox();
|
|
|
|
private Button draggableButton = new Button();
|
|
|
|
private HandlerManager applicationBus;
|
|
|
|
private LayerObject layerObject;
|
|
|
|
private LayerItem layerItem;
|
|
|
|
|
|
|
|
public DragDropLayer(HandlerManager applicationBus, LayerObject layerObject, boolean draggable, boolean droppable) {
|
|
|
|
this.applicationBus = applicationBus;
|
|
|
|
this.layerObject = layerObject;
|
|
|
|
this.layerItem = layerObject.getLayerItem();
|
|
|
|
|
|
|
|
String layerName = StringUtil.fullNameToLayerName(layerItem.getName(), ":");
|
|
|
|
|
|
|
|
this.labelLayerName = new Label(layerName);
|
|
|
|
this.labelLayerName.setTitle(layerItem.getName());
|
|
|
|
this.labelLayerName.setType(LabelType.INFO);
|
|
|
|
|
|
|
|
BaseConcessioneDV refConcessione = layerObject.getSourceConcessione();
|
|
|
|
String nameConcessione = StringUtil.ellipsize(refConcessione.getNome(),40);
|
|
|
|
com.google.gwt.user.client.ui.Label labelConcessione = new com.google.gwt.user.client.ui.Label(nameConcessione);
|
|
|
|
labelConcessione.setTitle(refConcessione.getNome());
|
|
|
|
|
|
|
|
getElement().getStyle().setMarginTop(5, Unit.PX);
|
|
|
|
getElement().getStyle().setMarginBottom(10, Unit.PX);
|
|
|
|
this.getElement().addClassName("dand-layer");
|
|
|
|
|
|
|
|
if (draggable) {
|
|
|
|
initDrag();
|
|
|
|
}
|
|
|
|
if (droppable) {
|
|
|
|
initDrop();
|
|
|
|
}
|
|
|
|
this.droppable = droppable;
|
|
|
|
|
|
|
|
if (droppable) {
|
|
|
|
draggableButton.addStyleName("droppable");
|
|
|
|
} else if (draggable) {
|
|
|
|
draggableButton.addStyleName("draggable");
|
|
|
|
}
|
|
|
|
|
|
|
|
RangeSlider rs = new RangeSlider(applicationBus, layerItem);
|
|
|
|
rs.getElement().addClassName("range-slider ");
|
|
|
|
FlexTable ft = new FlexTable();
|
|
|
|
ft.setWidget(0, 0, draggableButton);
|
|
|
|
draggableButton.setTitle("Drag and Drop me up or down to change my position on the Map");
|
|
|
|
checkBoxVisibility.getElement().getStyle().setMarginLeft(10, Unit.PX);
|
|
|
|
checkBoxVisibility.setValue(true);
|
|
|
|
|
|
|
|
//labelLayerName.getElement().getStyle().setMarginLeft(10, Unit.PX);
|
|
|
|
ft.setWidget(0, 1, checkBoxVisibility);
|
|
|
|
ft.setWidget(0, 2, labelConcessione);
|
|
|
|
ft.setWidget(1, 2, labelLayerName);
|
|
|
|
ft.setWidget(2, 2, new SimplePanel(rs));
|
|
|
|
add(ft);
|
|
|
|
draggableButton.setIcon(IconType.MOVE);
|
|
|
|
|
|
|
|
checkBoxVisibility.addValueChangeHandler(new ValueChangeHandler<Boolean>() {
|
|
|
|
|
|
|
|
@Override
|
|
|
|
public void onValueChange(ValueChangeEvent<Boolean> event) {
|
|
|
|
DoActionOnDetailLayersEvent dae = new DoActionOnDetailLayersEvent(DO_LAYER_ACTION.VISIBILITY, layerItem);
|
|
|
|
dae.setVisibility(checkBoxVisibility.getValue());
|
|
|
|
applicationBus.fireEvent(dae);
|
|
|
|
|
|
|
|
}
|
|
|
|
});
|
|
|
|
}
|
|
|
|
|
|
|
|
private void initDrag() {
|
|
|
|
draggableButton.getElement().setDraggable(Element.DRAGGABLE_TRUE);
|
|
|
|
|
|
|
|
addDomHandler(new DragStartHandler() {
|
|
|
|
|
|
|
|
@Override
|
|
|
|
public void onDragStart(DragStartEvent event) {
|
|
|
|
dragging = DragDropLayer.this;
|
|
|
|
event.setData("ID", "UniqueIdentifier");
|
|
|
|
event.getDataTransfer().setDragImage(getElement(), 10, 10);
|
|
|
|
|
|
|
|
}
|
|
|
|
}, DragStartEvent.getType());
|
|
|
|
}
|
|
|
|
|
|
|
|
private void initDrop() {
|
|
|
|
|
|
|
|
addDomHandler(new DragOverHandler() {
|
|
|
|
@Override
|
|
|
|
public void onDragOver(DragOverEvent event) {
|
|
|
|
draggableButton.addStyleName("dropping-over");
|
|
|
|
GWT.log("drag over");
|
|
|
|
draggingTarget = (DragDropLayer) event.getSource();
|
|
|
|
}
|
|
|
|
}, DragOverEvent.getType());
|
|
|
|
|
|
|
|
addDomHandler(new DragLeaveHandler() {
|
|
|
|
@Override
|
|
|
|
public void onDragLeave(DragLeaveEvent event) {
|
|
|
|
draggableButton.removeStyleName("dropping-over");
|
|
|
|
GWT.log("drag leave");
|
|
|
|
// draggingTarget = (DragDropLayer) event.getSource();
|
|
|
|
}
|
|
|
|
}, DragLeaveEvent.getType());
|
|
|
|
|
|
|
|
addDomHandler(new DropHandler() {
|
|
|
|
@Override
|
|
|
|
public void onDrop(DropEvent event) {
|
|
|
|
event.preventDefault();
|
|
|
|
Object dropTarget = event.getSource();
|
|
|
|
GWT.log("on drop");
|
|
|
|
draggableButton.removeStyleName("dropping-over");
|
|
|
|
if (dragging != null) {
|
|
|
|
Widget source = null;
|
|
|
|
Widget target = null;
|
|
|
|
FlowPanel tree = (FlowPanel) DragDropLayer.this.getParent();
|
|
|
|
|
|
|
|
source = dragging;
|
|
|
|
int sourceIndex = tree.getWidgetIndex(source);
|
|
|
|
int targetIndex = tree.getWidgetIndex(draggingTarget);
|
|
|
|
|
|
|
|
GWT.log("sourceIndex: " + sourceIndex+", sourceItem: "+dragging.getLayerItem().getName());
|
|
|
|
GWT.log("targetIndex: " + targetIndex+", targetItem: "+draggingTarget.getLayerItem().getName());
|
|
|
|
if (sourceIndex != targetIndex && targetIndex >= 0) {
|
|
|
|
tree.remove(source);
|
|
|
|
target = tree;
|
|
|
|
|
|
|
|
if (source != null && target != null) {
|
|
|
|
tree.insert(source, targetIndex);
|
|
|
|
// target.setState(true);
|
|
|
|
DoActionOnDetailLayersEvent actionSwapLayers = new DoActionOnDetailLayersEvent(
|
|
|
|
DO_LAYER_ACTION.SWAP, layerItem);
|
2021-10-15 17:51:09 +02:00
|
|
|
SwapLayer swapLS = new DoActionOnDetailLayersEvent.SwapLayer(dragging.getLayerItem(), sourceIndex);
|
|
|
|
SwapLayer swapLT = new DoActionOnDetailLayersEvent.SwapLayer(draggingTarget.getLayerItem(), targetIndex);
|
|
|
|
actionSwapLayers.setSwapLayers(swapLS, swapLT);
|
2021-10-14 11:34:04 +02:00
|
|
|
applicationBus.fireEvent(actionSwapLayers);
|
|
|
|
}
|
|
|
|
dragging = null;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}, DropEvent.getType());
|
|
|
|
}
|
|
|
|
|
|
|
|
public LayerItem getLayerItem() {
|
|
|
|
return layerItem;
|
|
|
|
}
|
|
|
|
|
|
|
|
}
|