META-INF.resources.primefaces-extensions.tooltip.1-tooltip.js Maven / Gradle / Ivy

Go to download
Show more of this group Show more artifacts with this name
Show all versions of primefaces-extensions Show documentation
PrimeFaces Extensions Project for Maven.
There is a newer version: 14.0.7.1
Show newest version
/**
 * PrimeFaces Extensions Tooltip Widget.
 *
 * @author Oleg Varaksin
 * @author Melloware
 */
PrimeFaces.widget.ExtTooltip = PrimeFaces.widget.BaseWidget.extend({

    /**
     * Initializes the widget.
     *
     * @param {object}
     *            cfg The widget configuration.
     */
    init: function (cfg) {
        this._super(cfg);
        this.cfg = cfg;
        var _self = this;
        var targetSelectors = null;

        if (this.cfg.forTarget) {
            this.targetSelectors = PrimeFaces.expressions.CssSelectorResolver.resolveCssSelectors(this.cfg.forTarget);
            this.cfg.forTarget = PrimeFaces.expressions.SearchExpressionFacade.resolveComponentsAsSelector(this.cfg.forTarget);
        }

        if (this.cfg.global) {
            this.cfg.position.container = $(document.body);

            // now select all tooltips on page or just the for="" selector
            var selector = '[title][title!=""]';
            if (this.targetSelectors) {
                selector = this.targetSelectors.join(", ");
            }

            $('body').off('.tooltip').on(this.cfg.show.event + '.tooltip', selector, function (event) {
                var el = $(this);
                if (el.is(':disabled')) {
                    return;
                }

                var extCfg = _self.cfg;
                extCfg.content.text = el.attr('title');
                extCfg.show.ready = true;

                _self.applyTooltip(el, extCfg, event);
            });
        } else if (this.cfg.shared) {
            // remove previous container element to support ajax updates
            $(document.body).children('#ui-tooltip-shared-' + this.jqId).remove();
            // create a new one
            var sharedDiv = $("");
            sharedDiv.appendTo(document.body);

            this.cfg.position.container = sharedDiv;
            $('').qtip(this.cfg);
        } else {
            this.cfg.position.container = $(document.body);

            this.applyTooltip($(this.cfg.forTarget), this.cfg);

            if (this.cfg.autoShow) {
                var nsevent = "debouncedresize.tooltip" + this.jqId;
                $(window).off(nsevent).on(nsevent, function (event) {
                    _self.cfg.forTarget.qtip('reposition');
                });
            }
        }
    },

    /**
     * Apply the QTip to Jquery object by deleting the old tip first. Delete
     * previous tooltip to support ajax updates and create a new one
     *
     * @param jq
     *            the Jquery object to apply to
     * @param cfg
     *            the JSON configuation for the tooltip
     * @param event
     *            the optional event to attach to
     */
    applyTooltip: function (jq, cfg, event) {
        if (event) {
            jq.qtip('destroy').qtip(cfg, event);
        } else {
            jq.qtip('destroy').qtip(cfg);
        }
    },

    show: function () {
        if (this.cfg.forTarget) {
            this.cfg.forTarget.qtip('show');
        }
    },

    hide: function () {
        if (this.cfg.forTarget) {
            this.cfg.forTarget.qtip('hide');
        }
    },

    destroy: function () {
        if (this.cfg.forTarget) {
            this.cfg.forTarget.qtip('destroy');

            if (this.cfg.autoShow) {
                $(window).off("debouncedresize.tooltip" + this.jqId);
            }
        }
    },

    reposition: function () {
        if (this.cfg.forTarget) {
            this.cfg.forTarget.qtip('reposition');
        }
    }

});

/**
 * Converts expressions into an array of Jquery Selectors.
 *
 * e.g. @(div.mystyle :input) @(.ui-inputtext) to 'div.mystyle :input, .ui-inputtext'
 */
PrimeFaces.expressions.CssSelectorResolver = {

    resolveCssSelectors: function (expressions) {
        var splittedExpressions = PrimeFaces.expressions.SearchExpressionFacade.splitExpressions(expressions);
        var elements = [];

        if (splittedExpressions) {
            for (var i = 0; i < splittedExpressions.length; ++i) {
                var expression = (splittedExpressions[i]).trim();
                if (expression.length > 0) {

                    // skip unresolvable keywords
                    if (expression == '@none' || expression == '@all') {
                        continue;
                    }

                    // just a id
                    if (expression.indexOf("@") == -1) {
                        elements.push(expression);
                    }
                    // @widget
                    else if (expression.indexOf("@widgetVar(") == 0) {
                        var widgetVar = expression.substring(11, expression.length - 1);
                        var widget = PrimeFaces.widgets[widgetVar];

                        if (widget) {
                            elements.push(widget.id);
                        } else {
                            PrimeFaces.error("Widget for widgetVar \"" + widgetVar + "\" not avaiable");
                        }
                    }
                    // PFS
                    else if (expression.indexOf("@(") == 0) {
                        // converts pfs to jq selector e.g. @(div.mystyle) to div.mystyle
                        elements.push(expression.substring(2, expression.length - 1));
                    }
                }
            }
        }

        return elements;
    }
};

// qTip2 Global Defaults
$.fn.qtip.defaults.style.widget = true;
$.fn.qtip.defaults.style.classes = "";

/**
 * Handle proper window.resize events.
 *
 * Copied from https://github.com/louisremi/jquery-smartresize/
 */
(function ($) {

    var $event = $.event, $special, resizeTimeout;

    $special = $event.special.debouncedresize = {
        setup: function () {
            $(this).on("resize", $special.handler);
        },
        teardown: function () {
            $(this).off("resize", $special.handler);
        },
        handler: function (event, execAsap) {
            // Save the context
            var context = this, args = arguments, dispatch = function () {
                // set correct event type
                event.type = "debouncedresize";
                $event.dispatch.apply(context, args);
            };

            if (resizeTimeout) {
                clearTimeout(resizeTimeout);
            }

            execAsap ? dispatch() : resizeTimeout = setTimeout(dispatch, $special.threshold);
        },
        threshold: 250
    };

})(jQuery);