aboutsummaryrefslogtreecommitdiffstats
path: root/uitest/src/com/vaadin/tests/widgetset/client/RunOverflowFixConnector.java
blob: a6789ebaf64c9c27bf362e0f12f5a46aadf5ad81 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
package com.vaadin.tests.widgetset.client;

import com.google.gwt.dom.client.Style;
import com.google.gwt.dom.client.Style.Unit;
import com.google.gwt.event.dom.client.ClickEvent;
import com.google.gwt.event.dom.client.ClickHandler;
import com.google.gwt.user.client.DOM;
import com.google.gwt.user.client.Element;
import com.google.gwt.user.client.ui.Button;
import com.google.gwt.user.client.ui.FlowPanel;
import com.google.gwt.user.client.ui.HTML;
import com.google.gwt.user.client.ui.Panel;
import com.vaadin.client.ComponentConnector;
import com.vaadin.client.ConnectorHierarchyChangeEvent;
import com.vaadin.client.WidgetUtil;
import com.vaadin.client.ui.AbstractComponentContainerConnector;
import com.vaadin.client.ui.VVerticalLayout;
import com.vaadin.shared.ui.Connect;
import com.vaadin.shared.ui.orderedlayout.VerticalLayoutState;
import com.vaadin.tests.components.customlayout.OverflowAutoFix;

@SuppressWarnings("deprecation")
@Connect(OverflowAutoFix.RunOverflowFix.class)
public class RunOverflowFixConnector extends
        AbstractComponentContainerConnector {

    private static final String CONTENT1 = "Overflow:<br>Fix1 (scroll): Both scrollbars should be shown<br>Fix2 (visible): no scrollbars should be shown";
    private static final String CONTENT2 = "OverflowX:<br>Fix1 (hidden): Horizontal scrollbar should be hidden, vertical shown<br>Fix2 (scroll): Both scrollbars should be shown";
    private static final String CONTENT3 = "OverflowY:<br>Fix1 (hidden): Vertical scrollbar should be hidden, horizontal shown<br>Fix2 (auto): Both scrollbars should be shown";
    private static final String BACKGROUND = "#ddd";

    @Override
    public void init() {
        super.init();

        final Panel overflow = createScrollPanel(CONTENT1);
        overflow.addStyleName("first-scrollbar");
        final Panel overflowX = createScrollPanel(CONTENT2);
        overflowX.addStyleName("second-scrollbar");
        final Panel overflowY = createScrollPanel(CONTENT3);
        overflowY.addStyleName("third-scrollbar");

        Button runFix = new Button("Click to runWebkitOverflowAutoFix",
                new ClickHandler() {
                    @Override
                    public void onClick(ClickEvent event) {
                        overflow.getElement().getStyle()
                                .setOverflow(Style.Overflow.SCROLL);
                        WidgetUtil.runWebkitOverflowAutoFix(overflow
                                .getElement());

                        overflowX.getElement().getStyle()
                                .setOverflowX(Style.Overflow.HIDDEN);
                        WidgetUtil.runWebkitOverflowAutoFix(overflowX
                                .getElement());

                        overflowY.getElement().getStyle()
                                .setOverflowY(Style.Overflow.HIDDEN);
                        WidgetUtil.runWebkitOverflowAutoFix(overflowY
                                .getElement());
                    }
                });
        runFix.addStyleName("run-button-one");
        getWidget().add(runFix);

        Button runFix2 = new Button("Click to runWebkitOverflowAutoFix 2",
                new ClickHandler() {
                    @Override
                    public void onClick(ClickEvent event) {
                        overflow.getElement().getStyle()
                                .setOverflow(Style.Overflow.VISIBLE);
                        WidgetUtil.runWebkitOverflowAutoFix(overflow
                                .getElement());

                        overflowX.getElement().getStyle()
                                .setOverflowX(Style.Overflow.SCROLL);
                        WidgetUtil.runWebkitOverflowAutoFix(overflowX
                                .getElement());

                        overflowY.getElement().getStyle()
                                .setOverflowY(Style.Overflow.AUTO);
                        WidgetUtil.runWebkitOverflowAutoFix(overflowY
                                .getElement());
                    }
                });
        runFix2.addStyleName("run-button-two");
        getWidget().add(runFix2);

        addSpacer(10);
        getWidget().add(overflow);
        addSpacer(60);
        getWidget().add(overflowX);
        addSpacer(60);
        getWidget().add(overflowY);
    }

    private void addSpacer(double height) {
        Element spacer = DOM.createDiv();
        spacer.getStyle().setHeight(height, Unit.PX);
        spacer.getStyle().setWidth(10, Unit.PX);
        getWidget().getElement().appendChild(spacer);
    }

    private Panel createScrollPanel(String info) {
        FlowPanel outer = new FlowPanel();
        outer.setPixelSize(300, 200);
        getWidget().add(outer);

        HTML inner = new HTML(info);
        inner.setPixelSize(350, 250);
        inner.getElement().getStyle().setBackgroundColor(BACKGROUND);
        // for some reason theme sets size to 0
        inner.getElement().getStyle().setFontSize(12, Style.Unit.PX);
        outer.add(inner);

        return outer;
    }

    @Override
    public VVerticalLayout getWidget() {
        return (VVerticalLayout) super.getWidget();
    }

    @Override
    public VerticalLayoutState getState() {
        return (VerticalLayoutState) super.getState();
    }

    @Override
    public void updateCaption(ComponentConnector connector) {
    }

    @Override
    public void onConnectorHierarchyChange(
            ConnectorHierarchyChangeEvent connectorHierarchyChangeEvent) {
    }
}