Java Code Examples for gwt.material.design.jquery.client.api.JQueryElement

/**
 * Will scroll to target offset.
 */
public void scrollTo(double offset) {
    this.offset = offset;

    ScrollOption option = new ScrollOption();
    JQueryElement target = getContainerElement();
    if (containerElement != getDefaultContainer()) {
        offset = target.scrollTop() - target.offset().top + offset;
    } else {
        target = $("html, body");
    }
    option.scrollTop = offset - addedScrollOffset;

    target.animate(option, duration, easing, () -> {
        if (completeCallback != null) {
            completeCallback.call();
        }
    });
}
 

/**
 * Will get the Selection Results ul element containing all the combobox items.
 */
public JQueryElement getDropdownResultElement() {
    String dropdownId = getDropdownContainerElement().attr("id").toString();
    if (dropdownId != null && !(dropdownId.isEmpty())) {
        dropdownId = dropdownId.replace("container", "results");
        return $("#" + dropdownId);
    } else {
        GWT.log("The element dropdown-result ul element is undefined.", new NullPointerException());
    }
    return null;
}
 

public MaterialWidget(JQueryElement jQueryElement) {
    this();

    setElement(jQueryElement.asElement());

    // We are already attached to the DOM.
    // This will happen in instances where
    // we are taking an element from JQuery.
    onAttach();
}
 

public boolean isInViewPort(Element element, double addedHeight) {
    double elementTop = getElementTop(element) + addedHeight;
    double elementBottom = elementTop + $(element).outerHeight() + addedHeight;

    JQueryElement target = getContainerElement();
    double viewportTop = target.scrollTop();

    if (target.asElement() != getDefaultContainer()) {
        viewportTop = getElementTop(target.asElement());
    }

    double viewportBottom = viewportTop + target.height();

    return elementBottom > viewportTop && elementTop < viewportBottom;
}
 

protected void applySplitterLineColor(Color splitterLineColor) {
    if (splitterLineColor != null) {
        JQueryElement splitterBar = $(getElement()).find(".splitter-bar");
        if (splitterBar != null) {
            MaterialWidget widget = new MaterialWidget(splitterBar);
            widget.setBackgroundColor(splitterLineColor);
        }
    }
}
 

public void addTooltipClass(String... classes) {
    JQueryElement tooltipElement = this.tooltip.getTooltipElement();
    if (tooltipElement != null) {
        for (String tooltipClass : classes) {
            tooltipElement.addClass(tooltipClass);
        }
    }
}
 

@Override
public void applyOverlayStyle(JQueryElement overlayElement) {
    this.overlayElement = overlayElement;

    applyBackgroundColor(overlayOption.getBackgroundColor());
    applyBlur(overlayOption.getBlur(), false);
    applyOpacity(overlayOption.getOpacity());
    applyVisibility(overlayOption.getVisibility());
}
 

/**
 * Will apply the blur into the provided list of {@link JQueryElement}.
 * If reset was true then we set the filter property to empty value.
 */
protected void applyBlur(Blur blur, boolean reset) {
    if (blur != null && blur.getTargets() != null) {
        for (JQueryElement target : blur.getTargets()) {
            String blurValue = "blur(" + blur.getValue() + "px)";
            if (reset) {
                 blurValue = "";
            }
            target.css("filter",  blurValue != null ? blurValue : "");
        }
    }
}
 

@Override
public void load() {
    JQueryElement listBoxElement = $(listBox.getElement());
    JsMaterialElement.$(listBox.getElement()).material_select(() -> $("input.select-dropdown").trigger("close", true));
    listBoxElement.change((e, param) -> {
        try {
            ValueChangeEvent.fire(this, getValue());
        } catch (IndexOutOfBoundsException ex) {
            GWT.log("ListBox value change handler threw an exception.", ex);
        }
        return true;
    });

    JQueryElement selectDropdown = listBoxElement.siblings("input.select-dropdown");
    selectDropdown.mousedown((event, o) -> {
        $("input[data-activates!='" + listBoxElement.attr("data-activates") + "'].select-dropdown").trigger("close", true);
        return true;
    });

    selectDropdown.blur((e, param1) -> {
        DomEvent.fireNativeEvent(Document.get().createBlurEvent(), this);
        return true;
    });

    selectDropdown.focus((e, param1) -> {
        DomEvent.fireNativeEvent(Document.get().createFocusEvent(), this);

        if (isAsynchronous() && !isLoaded()) {
            load(getAsyncCallback());
        }

        return true;
    });

    if (isAllowBlank()) {
        addBlankItemIfNeeded();
    }
}
 

protected void updateDom(Integer value) {
    JQueryElement sliderFill = $(getElement()).find(".slider-fill");
    JQueryElement sliderHandler = $(getElement()).find(".slider-handle");
    double percent = (value * 1.0 / getMax()) * 100;
    if (sliderFill != null && sliderHandler != null) {
        sliderFill.css("width", percent + "%");
        sliderHandler.css("left", percent + "%");
    }
}
 

public void fireDragLeaveEvent(JQueryElement relatedTarget) {
    target.fireEvent(new GwtEvent<DragLeaveEvent.DragLeaveHandler>() {
        @Override
        public Type<DragLeaveEvent.DragLeaveHandler> getAssociatedType() {
            return DragLeaveEvent.TYPE;
        }

        @Override
        protected void dispatch(DragLeaveEvent.DragLeaveHandler handler) {
            handler.onDragLeave(new DragLeaveEvent(relatedTarget));
        }
    });
}
 

public void fireDropEvent(JQueryElement relatedTarget) {
    target.fireEvent(new GwtEvent<DropEvent.DropHandler>() {
        @Override
        public Type<DropEvent.DropHandler> getAssociatedType() {
            return DropEvent.TYPE;
        }

        @Override
        protected void dispatch(DropEvent.DropHandler handler) {
            handler.onDrop(new DropEvent(relatedTarget));
        }
    });
}
 

/**
 * Will get the Selection dropdown container rendered
 */
public JQueryElement getDropdownContainerElement() {
    JQueryElement element = $(getElement()).find(".select2 .selection .select2-selection__rendered");
    if (element == null) {
        GWT.log("The element dropdown-container element is undefined.", new NullPointerException());
    }
    return element;
}
 

public static JQueryElement window() {
    if (window == null) {
        window = $(JQuery.window());
    }
    return window;
}
 

public JQueryElement $this() {
    if ($this == null) {
        $this = JQuery.$(this);
    }
    return $this;
}
 

@Override
public JQueryElement getTooltipElement() {
    return getTooltipMixin().getTooltipElement();
}
 

public JQueryElement getContainerElement() {
    if (containerElement == null) {
        return $("html, body");
    }
    return $(containerElement);
}
 

public JQueryElement getOverlayElement() {
    return $("#sidenav-overlay");
}
 

@JsMethod
public native JQueryElement bubble(JsBubbleOptions options);
 

@Override
public JQueryElement getTooltipElement() {
    return tooltip.getTooltipElement();
}
 

@Override
public void applyOverlayStyle(JQueryElement overlayElement) {
    getOverlayStyleMixin().applyOverlayStyle(overlayElement);
}
 

public JQueryElement getTooltipElement() {
    return tooltipElement;
}
 

public JQueryElement getElement() {
    return element;
}
 

public void setOverlayElement(JQueryElement overlayElement) {
    this.overlayElement = overlayElement;
}
 

public JQueryElement getOverlayElement() {
    return overlayElement;
}
 

@Override
public void applyOverlayStyle(JQueryElement overlayElement) {
    getOverlayStyleMixin().applyOverlayStyle(overlayElement);
}
 

@Override
public void applyOverlayStyle(JQueryElement overlayElement) {
    getOverlayStyleMixin().applyOverlayStyle(overlayElement);
}
 

@JsMethod(name = "$", namespace = JsPackage.GLOBAL)
public static native JsMaterialElement $(JQueryElement element);
 

@JsMethod
public native JQueryElement tabs(String method, String id);
 

@JsMethod(name = "$", namespace = JsPackage.GLOBAL)
public static native JsCarousel $(JQueryElement element);