1 /**
2 * This file Copyright (c) 2018 Magnolia International
3 * Ltd. (http://www.magnolia-cms.com). All rights reserved.
4 *
5 *
6 * This file is dual-licensed under both the Magnolia
7 * Network Agreement and the GNU General Public License.
8 * You may elect to use one or the other of these licenses.
9 *
10 * This file is distributed in the hope that it will be
11 * useful, but AS-IS and WITHOUT ANY WARRANTY; without even the
12 * implied warranty of MERCHANTABILITY or FITNESS FOR A
13 * PARTICULAR PURPOSE, TITLE, or NONINFRINGEMENT.
14 * Redistribution, except as permitted by whichever of the GPL
15 * or MNA you select, is prohibited.
16 *
17 * 1. For the GPL license (GPL), you can redistribute and/or
18 * modify this file under the terms of the GNU General
19 * Public License, Version 3, as published by the Free Software
20 * Foundation. You should have received a copy of the GNU
21 * General Public License, Version 3 along with this program;
22 * if not, write to the Free Software Foundation, Inc., 51
23 * Franklin St, Fifth Floor, Boston, MA 02110-1301 USA.
24 *
25 * 2. For the Magnolia Network Agreement (MNA), this file
26 * and the accompanying materials are made available under the
27 * terms of the MNA which accompanies this distribution, and
28 * is available at http://www.magnolia-cms.com/mna.html
29 *
30 * Any modifications to this file must keep this entire header
31 * intact.
32 *
33 */
34 package info.magnolia.ui.incub.client;
35
36 import info.magnolia.ui.incub.FieldCaptionActiveExtension;
37
38 import com.google.gwt.dom.client.Element;
39 import com.google.gwt.event.dom.client.BlurEvent;
40 import com.google.gwt.event.dom.client.FocusEvent;
41 import com.google.gwt.query.client.GQuery;
42 import com.google.gwt.user.client.DOM;
43 import com.google.gwt.user.client.EventListener;
44 import com.google.gwt.user.client.ui.Widget;
45 import com.vaadin.client.ComponentConnector;
46 import com.vaadin.client.ServerConnector;
47 import com.vaadin.client.extensions.AbstractExtensionConnector;
48 import com.vaadin.shared.ui.Connect;
49
50 /**
51 * Client-side connector for the {@link FieldCaptionActiveExtensionConnector}.
52 */
53 @Connect(FieldCaptionActiveExtension.class)
54 public class FieldCaptionActiveExtensionConnector extends AbstractExtensionConnector {
55
56 @Override
57 protected void extend(ServerConnector target) {
58
59 final Widget widget = ((ComponentConnector) target).getWidget();
60
61 target.addStateChangeHandler(handler -> {
62 if (handler.getConnector().getState().enabled) {
63 final GQuery gQuery = GQuery.$("div[class*='v-caption']", GQuery.$(widget).getContext());
64 final Element[] elements = gQuery.elements();
65 for (int i = 0; i < elements.length; i++) {
66 final Element element = elements[i];
67 final Element spanLabel = element.getFirstChildElement();
68 final Element control = DOM.getElementById(spanLabel.getAttribute("for"));
69 if (control == null) {
70 continue;
71 }
72
73 final EventListener eventListener = DOM.getEventListener(control);
74 if (eventListener != null && eventListener instanceof Widget) {
75 ((Widget) eventListener).addHandler(event -> {
76 element.addClassName("v-caption-focus");
77 }, FocusEvent.getType());
78 ((Widget) eventListener).addHandler(event -> {
79 element.removeClassName("v-caption-focus");
80 }, BlurEvent.getType());
81 }
82 }
83 }
84 });
85
86 }
87
88 }