24275e1cf718d6fff04159fa8cf1f1a72c3e7084sean oneill/**
24275e1cf718d6fff04159fa8cf1f1a72c3e7084sean oneill * The contents of this file are subject to the terms of the Common Development and
24275e1cf718d6fff04159fa8cf1f1a72c3e7084sean oneill * Distribution License (the License). You may not use this file except in compliance with the
24275e1cf718d6fff04159fa8cf1f1a72c3e7084sean oneill * License.
24275e1cf718d6fff04159fa8cf1f1a72c3e7084sean oneill *
24275e1cf718d6fff04159fa8cf1f1a72c3e7084sean oneill * You can obtain a copy of the License at legal/CDDLv1.0.txt. See the License for the
24275e1cf718d6fff04159fa8cf1f1a72c3e7084sean oneill * specific language governing permission and limitations under the License.
24275e1cf718d6fff04159fa8cf1f1a72c3e7084sean oneill *
24275e1cf718d6fff04159fa8cf1f1a72c3e7084sean oneill * When distributing Covered Software, include this CDDL Header Notice in each file and include
24275e1cf718d6fff04159fa8cf1f1a72c3e7084sean oneill * the License file at legal/CDDLv1.0.txt. If applicable, add the following below the CDDL
24275e1cf718d6fff04159fa8cf1f1a72c3e7084sean oneill * Header, with the fields enclosed by brackets [] replaced by your own identifying
24275e1cf718d6fff04159fa8cf1f1a72c3e7084sean oneill * information: "Portions copyright [year] [name of copyright owner]".
24275e1cf718d6fff04159fa8cf1f1a72c3e7084sean oneill *
24275e1cf718d6fff04159fa8cf1f1a72c3e7084sean oneill * Copyright 2016 ForgeRock AS.
24275e1cf718d6fff04159fa8cf1f1a72c3e7084sean oneill */
24275e1cf718d6fff04159fa8cf1f1a72c3e7084sean oneill!function ($) {
24275e1cf718d6fff04159fa8cf1f1a72c3e7084sean oneill
24275e1cf718d6fff04159fa8cf1f1a72c3e7084sean oneill /**
24275e1cf718d6fff04159fa8cf1f1a72c3e7084sean oneill This plugin is for bootstrap and extends the existing plugin, popover. It was created to add
24275e1cf718d6fff04159fa8cf1f1a72c3e7084sean oneill functionality which popover doesn't provide, specifically that, when the user clicks the
24275e1cf718d6fff04159fa8cf1f1a72c3e7084sean oneill popover opens and when the user clicks it closes, UNLESS the user clicked on the open popover's text.
24275e1cf718d6fff04159fa8cf1f1a72c3e7084sean oneill */
24275e1cf718d6fff04159fa8cf1f1a72c3e7084sean oneill "use strict";
24275e1cf718d6fff04159fa8cf1f1a72c3e7084sean oneill
24275e1cf718d6fff04159fa8cf1f1a72c3e7084sean oneill var Popoverclickaway = function (element, options) {
24275e1cf718d6fff04159fa8cf1f1a72c3e7084sean oneill this.initialize("popoverclickaway", element, options);
24275e1cf718d6fff04159fa8cf1f1a72c3e7084sean oneill };
24275e1cf718d6fff04159fa8cf1f1a72c3e7084sean oneill
24275e1cf718d6fff04159fa8cf1f1a72c3e7084sean oneill Popoverclickaway.prototype = $.extend({}, $.fn.popover.Constructor.prototype, {
24275e1cf718d6fff04159fa8cf1f1a72c3e7084sean oneill constructor: Popoverclickaway,
24275e1cf718d6fff04159fa8cf1f1a72c3e7084sean oneill initialize: function (type, element, options) {
24275e1cf718d6fff04159fa8cf1f1a72c3e7084sean oneill this.init(type, element, options);
24275e1cf718d6fff04159fa8cf1f1a72c3e7084sean oneill this.$element.on("click", this.options.selector, $.proxy(this.clickHandler, this));
24275e1cf718d6fff04159fa8cf1f1a72c3e7084sean oneill },
24275e1cf718d6fff04159fa8cf1f1a72c3e7084sean oneill addClickListener : function (handler) {
24275e1cf718d6fff04159fa8cf1f1a72c3e7084sean oneill $("body").on("click", handler);
24275e1cf718d6fff04159fa8cf1f1a72c3e7084sean oneill },
24275e1cf718d6fff04159fa8cf1f1a72c3e7084sean oneill removeClickListener : function (handler) {
24275e1cf718d6fff04159fa8cf1f1a72c3e7084sean oneill $("body").off("click", handler);
24275e1cf718d6fff04159fa8cf1f1a72c3e7084sean oneill },
24275e1cf718d6fff04159fa8cf1f1a72c3e7084sean oneill clickHandler : function (event) {
24275e1cf718d6fff04159fa8cf1f1a72c3e7084sean oneill if (event) {
24275e1cf718d6fff04159fa8cf1f1a72c3e7084sean oneill event.preventDefault();
24275e1cf718d6fff04159fa8cf1f1a72c3e7084sean oneill }
24275e1cf718d6fff04159fa8cf1f1a72c3e7084sean oneill this.triggerEvent = event;
24275e1cf718d6fff04159fa8cf1f1a72c3e7084sean oneill if (this.isVisible()) {
24275e1cf718d6fff04159fa8cf1f1a72c3e7084sean oneill this.hide();
24275e1cf718d6fff04159fa8cf1f1a72c3e7084sean oneill this.removeClickListener(this.clickawayHandler.bind(this));
24275e1cf718d6fff04159fa8cf1f1a72c3e7084sean oneill } else {
24275e1cf718d6fff04159fa8cf1f1a72c3e7084sean oneill this.show();
24275e1cf718d6fff04159fa8cf1f1a72c3e7084sean oneill this.addClickListener(this.clickawayHandler.bind(this));
24275e1cf718d6fff04159fa8cf1f1a72c3e7084sean oneill }
24275e1cf718d6fff04159fa8cf1f1a72c3e7084sean oneill },
24275e1cf718d6fff04159fa8cf1f1a72c3e7084sean oneill isVisible : function () {
24275e1cf718d6fff04159fa8cf1f1a72c3e7084sean oneill return this.tip().hasClass("in");
24275e1cf718d6fff04159fa8cf1f1a72c3e7084sean oneill },
24275e1cf718d6fff04159fa8cf1f1a72c3e7084sean oneill hasClickedOnOpenPopover : function (event) {
24275e1cf718d6fff04159fa8cf1f1a72c3e7084sean oneill return this.tip().has(event.target).length > 0;
24275e1cf718d6fff04159fa8cf1f1a72c3e7084sean oneill },
24275e1cf718d6fff04159fa8cf1f1a72c3e7084sean oneill clickawayHandler : function (event) {
24275e1cf718d6fff04159fa8cf1f1a72c3e7084sean oneill /** the click event can come from the initial click which opened the popover. we need to check that
24275e1cf718d6fff04159fa8cf1f1a72c3e7084sean oneill it's not the same event, otherwise we are opening the popover and closing it immeadiately.
24275e1cf718d6fff04159fa8cf1f1a72c3e7084sean oneill we also check that we haven't clicked on the popover text itself. */
24275e1cf718d6fff04159fa8cf1f1a72c3e7084sean oneill if (this.triggerEvent.originalEvent !== event.originalEvent && !this.hasClickedOnOpenPopover(event)) {
24275e1cf718d6fff04159fa8cf1f1a72c3e7084sean oneill this.hide();
24275e1cf718d6fff04159fa8cf1f1a72c3e7084sean oneill this.removeClickListener(this.clickawayHandler.bind(this));
24275e1cf718d6fff04159fa8cf1f1a72c3e7084sean oneill }
24275e1cf718d6fff04159fa8cf1f1a72c3e7084sean oneill }
24275e1cf718d6fff04159fa8cf1f1a72c3e7084sean oneill });
24275e1cf718d6fff04159fa8cf1f1a72c3e7084sean oneill
24275e1cf718d6fff04159fa8cf1f1a72c3e7084sean oneill $.fn.popoverclickaway = function (option) {
24275e1cf718d6fff04159fa8cf1f1a72c3e7084sean oneill return this.each(function () {
24275e1cf718d6fff04159fa8cf1f1a72c3e7084sean oneill var $this = $(this), data = $this.data("popoverclickaway"), options = typeof option == "object" && option;
24275e1cf718d6fff04159fa8cf1f1a72c3e7084sean oneill if (!data) {
24275e1cf718d6fff04159fa8cf1f1a72c3e7084sean oneill $this.data("popoverclickaway", (data = new Popoverclickaway(this, options)));
24275e1cf718d6fff04159fa8cf1f1a72c3e7084sean oneill }
24275e1cf718d6fff04159fa8cf1f1a72c3e7084sean oneill if (typeof option == "string") {
24275e1cf718d6fff04159fa8cf1f1a72c3e7084sean oneill data[option]();
24275e1cf718d6fff04159fa8cf1f1a72c3e7084sean oneill }
24275e1cf718d6fff04159fa8cf1f1a72c3e7084sean oneill });
24275e1cf718d6fff04159fa8cf1f1a72c3e7084sean oneill };
24275e1cf718d6fff04159fa8cf1f1a72c3e7084sean oneill
24275e1cf718d6fff04159fa8cf1f1a72c3e7084sean oneill $.fn.popoverclickaway.defaults = $.extend({}, $.fn.popover.defaults, {
24275e1cf718d6fff04159fa8cf1f1a72c3e7084sean oneill trigger: "manual"
24275e1cf718d6fff04159fa8cf1f1a72c3e7084sean oneill });
24275e1cf718d6fff04159fa8cf1f1a72c3e7084sean oneill
24275e1cf718d6fff04159fa8cf1f1a72c3e7084sean oneill $.fn.popoverclickaway.Constructor = Popoverclickaway;
24275e1cf718d6fff04159fa8cf1f1a72c3e7084sean oneill
24275e1cf718d6fff04159fa8cf1f1a72c3e7084sean oneill}(window.jQuery);