org.wicketstuff.openlayers3.api.overlay.Popover Maven / Gradle / Ivy

Go to download
Show more of this group Show more artifacts with this name
Show all versions of wicketstuff-openlayers3-bootstrap Show documentation
Openlayer3 components that leverage Wicket Bootstrap
The newest version!
package org.wicketstuff.openlayers3.api.overlay;

import org.apache.wicket.Component;
import org.apache.wicket.ajax.AjaxRequestTarget;
import org.apache.wicket.model.IModel;
import org.apache.wicket.util.string.Strings;
import org.wicketstuff.openlayers3.api.coordinate.LongLat;

/**
 * Provides an object that models an overlay containing a popover.
 */
public class Popover extends Overlay {

    /**
     * The placement position of the popover relative to the overlay's position.
     */
    private String placement;

    /**
     * Flag indicating that the content to be displayed is HTML.
     */
    private boolean html = true;

    /**
     * Backing model for this popover's title.
     */
    private IModel titleModel;

    /**
     * Backing model for this popover.
     */
    private IModel model;

    /**
     * Creates a new instance.
     *
     * @param component
     *         Target component for the overlay
     */
    public Popover(Component component, IModel titleModel, IModel model) {
        super(component);
        this.titleModel = titleModel;
        this.model = model;
    }

    /**
     * Returns the placement of this popover.
     *
     * @return String with placement value
     */
    public String getPlacement() {
        return placement;
    }

    /**
     * Sets the placement of this popover.
     *
     * @param placement
     *         New value
     */
    public void setPlacement(String placement) {
        this.placement = placement;
    }

    /**
     * Sets the placement of this popover.
     *
     * @param placement
     *         New value
     * @return This instance
     */
    public Popover placement(String placement) {
        setPlacement(placement);
        return this;
    }

    /**
     * Returns the value of the HTML flag for this popover.
     *
     * @return Value of the HTML flag
     */
    public boolean getHtml() {
        return html;
    }

    /**
     * Sets the value of the HTML flag for this popover.
     *
     * @param html
     *         New value
     */
    public void setHtml(boolean html) {
        this.html = html;
    }

    /**
     * Sets the value of the HTML flag for this popover.
     *
     * @param html
     *         New value
     * @return This instance
     */
    public Popover html(boolean html) {
        setHtml(html);
        return this;
    }

    /**
     * Returns the model for this popover.
     *
     * @return Backing model for the popover
     */
    public IModel getModel() {
        return model;
    }

    /**
     * Sets the model for this popover.
     *
     * @param model
     *         New value
     */
    public void setModel(IModel model) {
        this.model = model;
    }

    /**
     * Sets the model for this popover.
     *
     * @param model
     *         New value
     * @return This instance
     */
    public Popover model(IModel model) {
        setModel(model);
        return this;
    }

    /**
     * Sets the position of the overlay.
     *
     * @param position
     *         Coordinate for the overlay's position
     * @return This instance
     */
    @Override
    public Popover position(LongLat position) {
        setPosition(position);
        return this;
    }

    /**
     * Sets the positioning of this overlay.
     *
     * @param positioning
     *         New value
     * @return This instance
     */
    @Override
    public Popover positioning(Positioning positioning) {
        setPositioning(positioning);
        return this;
    }

    /**
     * Sets the element tied to this popover.
     *
     * @param element
     *         Wicket component
     * @return This instance
     */
    @Override
    public Popover element(Component element) {
        setElement(element);
        return this;
    }

    /**
     * Sets the stopEvent value.
     *
     * @param stopEvent
     *         New value
     * @return this instance
     */
    @Override
    public Popover stopEvent(Boolean stopEvent) {
        setStopEvent(stopEvent);
        return this;
    }

    /**
     * Displays the popover.
     *
     * @param target
     *         Ajax request target
     * @return This instance
     */
    public Popover show(AjaxRequestTarget target) {
		hide(target);
        target.appendJavaScript(renderPopoverJs());
        return this;
    }

    /**
     * Hides this popover.
     *
     * @param target
     *         Ajax request target
     * @return This instance
     */
    public Popover hide(AjaxRequestTarget target) {
        target.appendJavaScript("$(" + getJsId() + ".getElement()).popover('dispose');");
        return this;
    }

    @Override
    public String getJsId() {
        return "popup_" + element.getMarkupId();
    }

    /**
     * Renders the Javascript for the popover.
     *
     * @return String with the rendered Javascript
     */
    private String renderPopoverJs() {

        StringBuilder builder = new StringBuilder();

		// get a handle on our popup
        builder.append("var popup = " + getJsId() + ";");
        builder.append("var element = popup.getElement();");

		// set the new position of the popup
        builder.append("popup.setPosition(" + position.renderJs() + ");");

		// inital popup settings
        builder.append("$(element).popover({");
		builder.append("'trigger': 'manual', 'animation': false,");
        if (titleModel != null) {
            builder.append("'title': '" + escapeQuoteJs(titleModel.getObject()) + "',");
        }
        if (placement != null) {
            builder.append("'placement': '" + placement + "',");
        }
        builder.append("'html': " + html + ",");
        if (html) {
            builder.append("'content': '" + escapeQuoteJs(model.getObject()) + "',");
        } else {
            builder.append("'content': '" + Strings.escapeMarkup(model.getObject()) + "',");
        }
        builder.append("});");

		// update popup content
        if(titleModel != null) {
            builder.append("$(element).data('original-title', '");
			builder.append(escapeQuoteJs(titleModel.getObject()));
			builder.append("');");
        } else {
            builder.append("$(element).data('original-title', '');");
		}
        if (html) {
            builder.append("$(element).attr('data-content', '" + escapeQuoteJs(model.getObject()) + "');");
        } else {
            builder.append("$(element).attr('data-content', '" + Strings.escapeMarkup(model.getObject()) + "');");
        }

		// show our popup
		builder.append("$(element).popover('show');");

        return builder.toString();
    }
}