/*
* Copyright 2000-2016 Vaadin Ltd.
*
* Licensed under the Apache License, Version 2.0 (the "License"); you may not
* use this file except in compliance with the License. You may obtain a copy of
* the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
* WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the
* License for the specific language governing permissions and limitations under
* the License.
*/
package com.vaadin.tests.themes.valo;
import java.util.ArrayList;
import java.util.Iterator;
import java.util.List;
import com.vaadin.event.Transferable;
import com.vaadin.event.dd.DragAndDropEvent;
import com.vaadin.event.dd.DropHandler;
import com.vaadin.event.dd.DropTarget;
import com.vaadin.event.dd.TargetDetails;
import com.vaadin.event.dd.acceptcriteria.AcceptCriterion;
import com.vaadin.event.dd.acceptcriteria.Not;
import com.vaadin.event.dd.acceptcriteria.SourceIsTarget;
import com.vaadin.navigator.View;
import com.vaadin.navigator.ViewChangeListener.ViewChangeEvent;
import com.vaadin.server.ThemeResource;
import com.vaadin.shared.ui.dd.HorizontalDropLocation;
import com.vaadin.ui.AbstractOrderedLayout;
import com.vaadin.ui.Alignment;
import com.vaadin.ui.Button;
import com.vaadin.ui.Button.ClickEvent;
import com.vaadin.ui.Component;
import com.vaadin.ui.CssLayout;
import com.vaadin.ui.CustomComponent;
import com.vaadin.ui.DragAndDropWrapper;
import com.vaadin.ui.Embedded;
import com.vaadin.ui.HorizontalLayout;
import com.vaadin.ui.Label;
import com.vaadin.ui.MenuBar;
import com.vaadin.ui.MenuBar.MenuItem;
import com.vaadin.ui.Notification;
import com.vaadin.ui.VerticalLayout;
import com.vaadin.ui.themes.ValoTheme;
/**
*
* @since
* @author Vaadin Ltd
*/
public class Dragging extends VerticalLayout implements View {
SortableLayout sample;
public Dragging() {
Label h1 = new Label("Dragging Components");
h1.addStyleName(ValoTheme.LABEL_H1);
addComponent(h1);
MenuBar options = new MenuBar();
options.setCaption("Drop Hints");
addComponent(options);
// Use these styles to hide irrelevant drag hints
// Can be used either on a parent or directly on the DnDWrapper
MenuItem opt = options.addItem("Vertical", new MenuBar.Command() {
@Override
public void menuSelected(MenuItem selectedItem) {
if (selectedItem.isChecked()) {
sample.removeStyleName(
ValoTheme.DRAG_AND_DROP_WRAPPER_NO_VERTICAL_DRAG_HINTS);
} else {
sample.addStyleName(
ValoTheme.DRAG_AND_DROP_WRAPPER_NO_VERTICAL_DRAG_HINTS);
}
}
});
opt.setCheckable(true);
opt.setChecked(true);
opt = options.addItem("Horizontal", new MenuBar.Command() {
@Override
public void menuSelected(MenuItem selectedItem) {
if (selectedItem.isChecked()) {
sample.removeStyleName(
ValoTheme.DRAG_AND_DROP_WRAPPER_NO_HORIZONTAL_DRAG_HINTS);
} else {
sample.addStyleName(
ValoTheme.DRAG_AND_DROP_WRAPPER_NO_HORIZONTAL_DRAG_HINTS);
}
}
});
opt.setCheckable(true);
opt.setChecked(true);
opt = options.addItem("Box", new MenuBar.Command() {
@Override
public void menuSelected(MenuItem selectedItem) {
if (selectedItem.isChecked()) {
sample.removeStyleName(
ValoTheme.DRAG_AND_DROP_WRAPPER_NO_BOX_DRAG_HINTS);
} else {
sample.addStyleName(
ValoTheme.DRAG_AND_DROP_WRAPPER_NO_BOX_DRAG_HINTS);
}
}
});
opt.setCheckable(true);
opt.setChecked(true);
sample = new SortableLayout();
sample.setSizeUndefined();
sample.setHeight("100px");
for (final Component component : createComponents()) {
sample.addComponent(component);
}
addComponent(sample);
}
private List<Component> createComponents() {
final List<Component> components = new ArrayList<>();
final Label label = new Label(
"This is a long text block that will wrap.");
label.setWidth("120px");
components.add(label);
final Embedded image = new Embedded("",
new ThemeResource("../runo/icons/64/document.png"));
components.add(image);
final CssLayout documentLayout = new CssLayout();
documentLayout.setWidth("19px");
for (int i = 0; i < 5; ++i) {
final Embedded e = new Embedded(null,
new ThemeResource("../runo/icons/16/document.png"));
e.setHeight("16px");
e.setWidth("16px");
documentLayout.addComponent(e);
}
components.add(documentLayout);
final VerticalLayout buttonLayout = new VerticalLayout();
buttonLayout.setSpacing(false);
buttonLayout.setMargin(false);
final Button button = new Button("Button");
button.addClickListener(new Button.ClickListener() {
@Override
public void buttonClick(final ClickEvent event) {
Notification.show("Button clicked");
}
});
buttonLayout.addComponent(button);
buttonLayout.setComponentAlignment(button, Alignment.MIDDLE_CENTER);
components.add(buttonLayout);
return components;
}
private static class ReorderLayoutDropHandler implements DropHandler {
private final AbstractOrderedLayout layout;
public ReorderLayoutDropHandler(final AbstractOrderedLayout layout) {
this.layout = layout;
}
@Override
public AcceptCriterion getAcceptCriterion() {
return new Not(SourceIsTarget.get());
}
@Override
public void drop(final DragAndDropEvent dropEvent) {
final Transferable transferable = dropEvent.getTransferable();
final Component sourceComponent = transferable.getSourceComponent();
if (sourceComponent instanceof WrappedComponent) {
final TargetDetails dropTargetData = dropEvent
.getTargetDetails();
final DropTarget target = dropTargetData.getTarget();
// find the location where to move the dragged component
boolean sourceWasAfterTarget = true;
int index = 0;
final Iterator<Component> componentIterator = layout
.getComponentIterator();
Component next = null;
while (next != target && componentIterator.hasNext()) {
next = componentIterator.next();
if (next != sourceComponent) {
index++;
} else {
sourceWasAfterTarget = false;
}
}
if (next == null || next != target) {
// component not found - if dragging from another layout
return;
}
// drop on top of target?
if (dropTargetData.getData("horizontalLocation")
.equals(HorizontalDropLocation.CENTER.toString())) {
if (sourceWasAfterTarget) {
index--;
}
}
// drop before the target?
else if (dropTargetData.getData("horizontalLocation")
.equals(HorizontalDropLocation.LEFT.toString())) {
index--;
if (index < 0) {
index = 0;
}
}
// move component within the layout
layout.removeComponent(sourceComponent);
layout.addComponent(sourceComponent, index);
}
}
}
private static class SortableLayout extends CustomComponent {
private final AbstractOrderedLayout layout;
private final DropHandler dropHandler;
public SortableLayout() {
layout = new HorizontalLayout();
layout.setMargin(true);
layout.setSpacing(false);
dropHandler = new ReorderLayoutDropHandler(layout);
// final DragAndDropWrapper pane = new DragAndDropWrapper(layout);
setCompositionRoot(layout);
}
public void addComponent(final Component component) {
final WrappedComponent wrapper = new WrappedComponent(component,
dropHandler);
wrapper.setSizeUndefined();
component.setHeight("100%");
wrapper.setHeight("100%");
layout.addComponent(wrapper);
}
}
private static class WrappedComponent extends DragAndDropWrapper {
private final DropHandler dropHandler;
public WrappedComponent(final Component content,
final DropHandler dropHandler) {
super(content);
this.dropHandler = dropHandler;
setDragStartMode(DragStartMode.WRAPPER);
}
@Override
public DropHandler getDropHandler() {
return dropHandler;
}
}
@Override
public void enter(ViewChangeEvent event) {
// TODO Auto-generated method stub
}
}