';
var defaults = {
message: '',
state: 'success',
displayTime: 1000, //in ms
selfClose: true
};
$.widget("nl.notify", {
options: {
},
_create: function () {
var self = this;
},
note: function (opts) {
var options = $.extend(defaults, opts);
var alert = $(alertHtml);
$('span', alert).append(options.message);
alert.addClass("alert-" + options.state);
$(document.body).prepend(alert);
var hideTimeout = setTimeout(function () {
if (options.selfClose) {
alert.remove();
}
}, options.displayTime);
$('.close', alert).click(function (e) {
e.preventDefault();
alert.remove();
clearTimeout(hideTimeout);
});
},
destroy: function () {
this._trigger("destroy", { type: "destroy" }, { options: this.options });
$.Widget.prototype.destroy.call(this);
},
_setOption: function (key, value) {
$.Widget.prototype._setOption.apply(this, arguments);
}
});
})(jQuery);
//___________.__ .__ __________
//\__ ___/|__| _____ ____ | | ___.__.\______ \____ ______
// | | | |/ \_/ __ \| |< | | | ___/ _ \\____ \
// | | | | Y Y \ ___/| |_\___ | | | ( <_> ) |_> >
// |____| |__|__|_| /\___ >____/ ____| |____| \____/| __/
// \/ \/ \/ |__|
// PURPOSE -----
// Looks through the page's markup to identify links that have popover content
// It then binds the links and hides the content.
// Finally, creates and positions popovers when the links are clicked.
// IN ----------
// An optional object literal specifying script settings.
// OUT ---------
// Returns an object with the following methods:
// close: closes popovers matching the jQuery selector passed to the function.
// activate: activates the popover link matching the jQuery selector passed to the function.
// INFO --------
// Forked from BigFoot.js which is developed and maintained by Chris Sauve (http://pxldot.com)
// and has Documentation, license, and other information at http://cmsauve.com/projects/bigfoot.
(function ($) {
$.timelyPop = function (options) {
// _________ __ __ .__
// / _____/ _____/ |__/ |_|__| ____ ____ ______
// \_____ \_/ __ \ __\ __\ |/ \ / ___\/ ___/
// / \ ___/| | | | | | | \/ /_/ >___ \
// /_______ /\___ >__| |__| |__|___| /\___ /____ >
// \/ \/ \//_____/ \/
//
var timelyPop;
var settings = $.extend(
{
actionOriginalTP: "hide", // "delete", "hide", or "ignore"
activateCallback: function () { },
activateOnHover: false,
allowMultipleTP: false,
appendPopoversTo: undefined,
breakpoints: {},
deleteOnUnhover: false,
hoverDelay: 250,
popoverDeleteDelay: 300,
popoverCreateDelay: 100,
positionNextToBlock: true,
positionContent: true,
preventPageScroll: true,
scope: false,
contentMarkup: ""
}, options);
function isTouchDevice() {
return (('ontouchstart' in window)
|| (navigator.MaxTouchPoints > 0)
|| (navigator.msMaxTouchPoints > 0));
}
// .___ .__ __
// | | ____ |__|/ |_
// | |/ \| \ __\
// | | | \ || |
// |___|___| /__||__|
// \/
// FUNCTION ----
// popover button/ content initializer (run on doc.ready)
// PURPOSE -----
// Finds the likely popover links and then uses their target to find the content
var timelyPopInit = function () {
// Get all of the possible footnote links
var linkSearchQuery;
linkSearchQuery = !settings.scope ? "a.timelypop" : settings.scope + " a.timelypop";
// Filter down to links that:
// - have a rel attribute of popover
var $popoverAnchors = $(linkSearchQuery).filter(function () {
var $this = $(this);
var relAttr = $this.attr("rel");
return (relAttr).match(/(popover)/gi);
}); // End of popover link .filter()
$popoverAnchors.each(function(index) {
var currentLink = $(this);
currentLink.attr('data-popover-id', index);
}); // end of loop through footnotes
};
// _____ __ .__ __
// / _ \ _____/ |_|__|__ _______ _/ |_ ____
// / /_\ \_/ ___\ __\ \ \/ /\__ \\ __\/ __ \
// / | \ \___| | | |\ / / __ \| | \ ___/
// \____|__ /\___ >__| |__| \_/ (____ /__| \___ >
// \/ \/ \/ \/
//
// FUNCTION ----
// buttonHover
// PURPOSE -----
// To activate the popover of a hovered popover link
// Also removes other popovers, if allowMultipleTP is false
// IN ----------
// Event that contains the target of the mouseenter event
var buttonHover = function (e) {
if (settings.activateOnHover) {
var $buttonHovered = $(e.target).closest(".timelypop"),
dataIdentifier = "[data-popover-id=\"" + $buttonHovered.attr("data-popover-id") + "\"]";
if ($buttonHovered.hasClass("active")) return;
$buttonHovered.addClass("hover-instantiated");
// Delete other popovers, unless overriden in the settings
if (!settings.allowMultipleTP) {
//var otherPopoverSelector = ".timelypop-content:not(" + dataIdentifier + ")";
removePopovers();
}
createPopover(".timelypop" + dataIdentifier).addClass("hover-instantiated");
}
};
// FUNCTION ----
// touchClick
// PURPOSE -----
// Activates the button the was clicked/ taps
// Also removes other popovers, if allowMultipleTP is false
// Finally, removes all popovers if something popover related was clicked/ tapped
// IN ----------
// Event that contains the target of the tap/click event
var lastClick = new Date();
var touchClick = function (e) {
var $target = $(e.target),
$nearButton = $target.closest(".timelypop"),
$nearPopover = $target.closest(".timelypop-content"),
$nearClose = $target.closest(".timelypop-close"),
thisClick = new Date(),
isDouble = false,
popoversVisible = $(".timelypop-content").length > 0;
//Check if this is actually a double click (common android issue firing both a click and a touch)
if (thisClick - lastClick < 500 & popoversVisible) {
isDouble = true;
}
lastClick = thisClick;
if ($nearClose.length > 0) {
if (popoversVisible) {
removePopovers();
}
} else if ($nearButton.length > 0 && !isDouble) {
// Button was clicked
// Cancel the link, if it exists
var ignoreClick = $nearButton.attr('data-popover-ignore-click') != 'false';
if (ignoreClick) e.preventDefault();
// Do the button clicking
clickButton($nearButton);
} else if ($nearPopover.length < 1 && !isDouble) {
// Something other than a button or popover was pressed
if (popoversVisible) {
removePopovers();
}
}
};
// FUNCTION ----
// clickButton
// PURPOSE -----
// Handles the logic of clicking/ tapping the popover link
// That is, activates the popover if it isn't already active (+ deactivate others, if appropriate)
// or, deactivates the popover if it is already active
// IN ----------
// Button being clicked/ pressed
var clickButton = function ($button) {
// Cancel blur
$button.blur();
// Get the identifier of the footnote
var dataIdentifier = "data-popover-id=\"" + $button.attr("data-popover-id") + "\"";
// Only create popover if it's not already active
// If it's activating, ignore the new activation until the popover is fully formed.
if ($button.hasClass("changing")) {
return;
} else if (!$button.hasClass("active")) {
$button.addClass("changing");
setTimeout(function () {
$button.removeClass("changing");
}, settings.popoverCreateDelay);
createPopover(".timelypop[" + dataIdentifier + "]");
$button.addClass("click-instantiated");
// Delete all other footnote popovers if we are only allowing one
if (!settings.allowMultipleTP) {
removePopovers(".timelypop-content:not([" + dataIdentifier + "])");
}
} else {
// A fully instantiated popover; either remove it or all popovers, depending on settings
if (!settings.allowMultipleTP) {
removePopovers();
} else {
removePopovers(".timelypop-content[" + dataIdentifier + "]");
}
}
};
// FUNCTION ----
// createPopover
// PURPOSE -----
// Instantiates the popover of the link matching the passed selector.
// This includes replacing any variables in the content markup, decoding any special characters,
// Adding the new element to the page, calling the position function, and adding the scroll handler
// IN ----------
// Selector of links that are to be activated
// OUT ---------
// All popovers activated by the function
var createPopover = function (selector) {
selector = selector || ".timelypop";
// Activate all matching if multiple footnotes are allowed
// Or only the first matching element otherwise
var $buttons;
if (typeof (selector) !== "string" && settings.allowMultipleTP) {
$buttons = selector;
} else if (typeof (selector) !== "string") {
$buttons = selector.first();
} else if (settings.allowMultipleTP) {
$buttons = $(selector).closest(".timelypop");
} else {
$buttons = $(selector + ":first").closest(".timelypop");
}
var $popoversCreated = $();
$buttons.each(function () {
var $this = $(this),
content = '',
$content,
$nearestBlock;
try {
// Gets the easy replacements out of the way (try is there to ignore the "replacing undefined" error if it's activated too freuqnetly)
content = settings.contentMarkup
.replace(/\{\{TIMELYPOPID\}\}/g, $this.attr("data-popover-id"))
.replace(/\{\{TIMELYPOPCONTENT\}\}/g, $this.attr("data-popover-content"))
.replace(/\{\{TIMELYPOPHEADER\}\}/g, $this.attr("data-popover-header"))
.replace(/>sym;/, ">").replace(/<sym;/, "<");
} finally {
// Create content and activate user-defined callback on it
$content = $(content);
try { settings.activateCallback($content); } catch (err) { }
if (!settings.appendPopoversTo) {
// Insert content after next block-level element, or after the nearest popover
$nearestBlock = $this.closest("p, div, pre, li, ul, section, article, main, aside");
$content.insertAfter($nearestBlock);
} else {
$content.appendTo(settings.appendPopoversTo + ":first");
}
// Instantiate the max-height for storage and use in repositioning
$content.attr("data-timelypop-max-height", $content.height());
repositionFeet();
$this.addClass("active");
// Bind the scroll handler to the popover
$content.find(".timelypop-content-wrapper").bindScrollHandler();
$popoversCreated = $popoversCreated.add($content);
}
});
// Add active class after a delay to give it time to transition
setTimeout(function () {
$popoversCreated.addClass("active");
}, settings.popoverCreateDelay);
return $popoversCreated;
};
// FUNCTION ----
// bindScrollHandler
// PURPOSE -----
// Prevents scrolling of the page when you reach the top/ bottom
// of scrolling a scrollable popover
// IN ----------
// Run on popover(s) that are to have the event bound
// SOURCE ------
// adapted from: http://stackoverflow.com/questions/16323770/stop-page-from-scrolling-if-hovering-div
$.fn.bindScrollHandler = function () {
// Don't even bother checking if option is set to false
if (!settings.preventPageScroll) { return; }
$(this).on("DOMMouseScroll mousewheel", function (e) {
var $this = $(this),
scrollTop = $this.scrollTop(),
scrollHeight = $this[0].scrollHeight,
height = parseInt($this.css("height")),
$popover = $this.closest(".timelypop-content");
// Fix for Safari 7 not properly calculating scrollHeight()
// Just add the class as soon as there is any scrolling
if ($this.scrollTop() > 0 && $this.scrollTop() < 10) {
$popover.addClass("scrollable");
}
// Return if the element isn't scrollable
if (!$popover.hasClass("scrollable")) { return; }
var delta = (e.type == 'DOMMouseScroll' ?
e.originalEvent.detail * -40 :
e.originalEvent.wheelDelta), // Get the change in scroll position
up = delta > 0; // Decide whether the scroll was up or down
var prevent = function () {
e.stopPropagation();
e.preventDefault();
e.returnValue = false;
return false;
};
if (!up && -delta > scrollHeight - height - scrollTop) {
// Scrolling down, but this will take us past the bottom.
$this.scrollTop(scrollHeight);
$popover.addClass("fully-scrolled"); // Give a class for removal of scroll-related styles
return prevent();
} else if (up && delta > scrollTop) {
// Scrolling up, but this will take us past the top.
$this.scrollTop(0);
$popover.removeClass("fully-scrolled");
return prevent();
} else {
$popover.removeClass("fully-scrolled");
}
});
};
// ________ __ .__ __
// \______ \ ____ _____ _____/ |_|__|__ _______ _/ |_ ____
// | | \_/ __ \\__ \ _/ ___\ __\ \ \/ /\__ \\ __\/ __ \
// | ` \ ___/ / __ \\ \___| | | |\ / / __ \| | \ ___/
// /_______ /\___ >____ /\___ >__| |__| \_/ (____ /__| \___ >
// \/ \/ \/ \/ \/ \/
//
// FUNCTION ----
// unhoverFeet
// PURPOSE -----
// Removes the unhovered popover content if deleteOnUnhover is true
// IN ----------
// Event that contains the target of the mouseout event
var unhoverFeet = function (e) {
if (settings.deleteOnUnhover && settings.activateOnHover) {
setTimeout(function () {
// If the new element is NOT a descendant of the footnote button
var $target = $(e.target).closest(".timelypop-content, .timelypop");
if ($(".timelypop:hover, .timelypop-content:hover").length < 1) {
removePopovers();
}
}, settings.hoverDelay);
}
};
// FUNCTION ----
// escapeKeypress
// PURPOSE -----
// Removes all popovers on keypress
// IN ----------
// Event that contains the key that was pressed
var escapeKeypress = function (e) {
if (e.keyCode == 27) {
removePopovers();
}
};
// FUNCTION ----
// removePopovers
// PURPOSE -----
// Removes/ adds appropriate classes to the footnote content and button
// After a delay (to allow for transitions) it removes the actual footnote content
// IN ----------
// Selector of footnotes to deactivate and timeout before deleting actual elements
// OUT ---------
// Footnote buttons that were deactivated
var removePopovers = function (popovers, timeout) {
popovers = popovers || ".timelypop-content";
timeout = timeout || settings.popoverDeleteDelay;
var $buttonsClosed = $();
$(popovers).each(function () {
var $this = $(this);
var footnoteId = $this.attr("data-popover-id");
var $linkedButton = $(".timelypop[data-popover-id=\"" + footnoteId + "\"]");
if (!$linkedButton.hasClass("changing")) {
$buttonsClosed = $buttonsClosed.add($linkedButton);
$linkedButton.removeClass("active hover-instantiated click-instantiated").addClass("changing");
$this.removeClass("active").addClass("disapearing");
// Gets rid of the footnote after the timeout
setTimeout(function () {
$this.remove();
$linkedButton.removeClass("changing");
}, timeout);
}
});
return $buttonsClosed;
};
// __________ .__ __ .__
// \______ \ ____ ______ ____ _____|__|/ |_|__| ____ ____
// | _// __ \\____ \ / _ \/ ___/ \ __\ |/ _ \ / \
// | | \ ___/| |_> > <_> )___ \| || | | ( <_> ) | \
// |____|_ /\___ > __/ \____/____ >__||__| |__|\____/|___| /
// \/ \/|__| \/ \/
//
// FUNCTION ----
// repositionFeet
// PURPOSE -----
// Positions each footnote relative to its button
var repositionFeet = function () {
if (settings.positionContent) {
$(".timelypop-content").each(function () {
// Element Definitions
var $this = $(this),
dataIdentifier = "data-popover-id=\"" + $this.attr("data-popover-id") + "\"",
$contentWrapper = $this.find(".timelypop-content-wrapper"),
$button = $(".timelypop[" + dataIdentifier + "]"),
placement;
// Spacing Information
var roomLeft = roomCalc($button),
contentWidth = parseFloat($this.css("width")),
marginSize = parseFloat($this.css("margin-top")),
maxHeightInCSS = +($this.attr("data-timelypop-max-height")),
totalHeightInCSS = 2 * marginSize + maxHeightInCSS,
maxHeightOnScreen = 10000;
// Position tooltip on top if:
// total space on bottom is not enough to hold footnote AND
// top room is larger than bottom room
if (roomLeft.bottomRoom < totalHeightInCSS && roomLeft.topRoom > roomLeft.bottomRoom) {
$this.css({ "top": "auto", "bottom": roomLeft.bottomRoom + "px" }).addClass("top").removeClass("bottom");
maxHeightOnScreen = roomLeft.topRoom - marginSize - 15;
$this.css({ "transform-origin": (roomLeft.leftRelative * 100) + "% 100%" });
} else {
$this.css({ "bottom": "auto", "top": roomLeft.topRoom + "px" }).addClass("bottom").removeClass("top");
maxHeightOnScreen = roomLeft.bottomRoom - marginSize - 15;
$this.css({ "transform-origin": (roomLeft.leftRelative * 100) + "% 0%" });
}
// Sets the max height so that there is no footnote overflow
$this.find(".timelypop-content-wrapper").css({ "max-height": Math.min(maxHeightOnScreen, maxHeightInCSS) + "px" });
var popLeft = (roomLeft.leftRoom - (roomLeft.leftRelative * contentWidth));
var adj = 0;
if (popLeft < 20) {
adj = popLeft - 2;
popLeft = 2;
}
// Positions the popover
$this.css({ "left": popLeft + "px" });
// Position the tooltip
positionTooltip($this, roomLeft.leftRelative, adj);
// Give scrollable class if the content hight is larger than the container
if (parseInt($this.css("height")) < $this.find(".timelypop-content-wrapper")[0].scrollHeight) {
$this.addClass("scrollable");
}
});
}
};
// FUNCTION ----
// positionTooltip
// PURPOSE -----
// Positions the tooltip at the same relative horizontal position as the button
// IN ----------
// Footnote popover to get the tooltip of and the relative horizontal position (as a decimal)
var positionTooltip = function ($popover, leftRelative, leftMarg) {
leftRelative = leftRelative || 0.5; // default to 50%
var $tooltip = $popover.find(".timelypop-tooltip");
if ($tooltip.length > 0) {
$tooltip.css({ "left": leftRelative * 100 + "%" });
if (leftMarg > 0) {
$tooltip.css({"margin-left": leftMarg + "px" });
}
}
};
// FUNCTION ----
// roomCalc
// PURPOSE -----
// Calculates area on the top, left, bottom and right of the element
// Also calculates the relative position to the left and top of the screen
// IN ----------
// Element to calculate screen position of
// OUT ---------
// Object containing room on all sides and top/ left relative positions
// All measurements are relative to the middle of the element
var roomCalc = function ($el) {
var topLeft = { x: window.pageXOffset, y: window.pageYOffset },
bottomRight = { x: topLeft.x + window.innerWidth, y: topLeft.y + window.innerHeight },
zoom = window.innerHeight / document.documentElement.clientHeight;
var elWidth = parseFloat($el.outerWidth()),
elHeight = parseFloat($el.outerHeight()),
w = viewportSize(),
topRoom = $el.offset().top - $(window).scrollTop() + elHeight / 2,
leftRoom = $el.offset().left + elWidth / 2;
// console.log($el[0].getBoundingClientRect());
// console.log("Window scrolltop: ", $(window).scrollTop());
// console.log("El offset: ", $el.offset().top);
// var $leftGuide = $("").appendTo("body");
// $leftGuide.css({"width": leftRoom + "px", "height": (topRoom) + "px", "top": topLeft.y*zoom + "px"});
return {
topRoom: Math.floor(topRoom),
bottomRoom: Math.floor(w.height - topRoom),
leftRoom: Math.floor(leftRoom),
rightRoom: Math.floor(w.width - leftRoom),
leftRelative: leftRoom / w.width,
topRelative: topRoom / w.height
};
};
// FUNCTION ----
// viewportSize
// PURPOSE -----
// Calculates the height and width of the viewport
// OUT ---------
// Object with .width and .height properties
var viewportSize = function () {
var test = document.createElement("div");
var topLeft = { x: window.pageXOffset, y: window.pageYOffset },
bottomRight = { x: topLeft.x + window.innerWidth, y: topLeft.y + window.innerHeight },
zoom = window.innerWidth / document.documentElement.clientWidth;
// console.log("topLeft: x=", topLeft.x, " y=", topLeft.y);
test.style.cssText = "position: fixed;top: 0;left: 0;bottom: 0;right: 0;";
document.documentElement.insertBefore(test, document.documentElement.firstChild);
var dims = { width: test.offsetWidth, height: test.offsetHeight };
document.documentElement.removeChild(test);
return dims;
};
// __________ __ .__ __
// \______ \_______ ____ _____ | | ________ ____ |__| _____/ |_ ______
// | | _/\_ __ \_/ __ \\__ \ | |/ /\____ \ / _ \| |/ \ __\/ ___/
// | | \ | | \/\ ___/ / __ \| < | |_> > <_> ) | | \ | \___ \
// |______ / |__| \___ >____ /__|_ \| __/ \____/|__|___| /__| /____ >
// \/ \/ \/ \/|__| \/ \/
//
// FUNCTION ----
// addBreakpoint
// PURPOSE -----
// Adds a breakpoint within the HTML at which a user-defined function
// will be called. The minimum requirement is that a min/ max size is
// provided; after that point, the footnote will stop being positioned
// (i.e., to allow for bottom-fixed footnotes on small screens).
// IN ----------
// size: Size to break at. Can be simple (i.e., ">10px" or "<10em"), full
// media query (i.e., "(max-width: 400px)"), or a MediaQueryList object.
// deleteDelay: the delay by which to wait when closing/ reopening footnotes
// on breakpoint changes. Defaults to settings.popoverDeleteDelay.
// removeOpen: whether or not to close (and reopen) footnotes that are open
// at the time the breakpoint changes. Defaults to true.
// trueCallback: function to call when the media query is initially matched.
// will be passed the removeOpen option and a copy of the timelyPop object.
// falseCallback: function to call when the media query is initially not matched.
// The same variables are passed in.
// OUT ---------
// Object indicating whether the breakpoint was added and, if so, the MQList object
// and listener function.
var addBreakpoint = function (size, deleteDelay, removeOpen,
trueCallback, falseCallback) {
if (!window.matchMedia) return false;
// Set defaults
deleteDelay = deleteDelay || settings.popoverDeleteDelay;
if (removeOpen === null || removeOpen !== false) removeOpen = true;
var mql, minMax, s;
// If they passed a string representation
if (typeof (size) === "string") {
// Repalce special strings with corresponding widths
if (size.toLowerCase() === "iphone") {
s = "<320px";
} else if (size.toLowerCase() === "ipad") {
s = "<768px";
} else {
s = size;
}
// Check on the nature of the string (simple or full media query)
if (s.charAt(0) === ">") {
minMax = "min";
} else if (s.charAt(0) === "<") {
minMax = "max";
} else {
minMax = null;
}
// Create the media query
var query = minMax ? "(" + minMax + "-width: " + s.substring(1) + ")" : s;
mql = window.matchMedia(query);
} else {
// Assumption is that a MediaQueryList object was passed.
mql = size;
}
// If a non-MQList object is passed on the media is invalid
if (mql.media && mql.media === "invalid") return {
added: false,
mq: mql,
listener: null
};
// Determine whether to close/ remove popovers on the true/false callbacks
var trueDefaultPositionSetting = minMax === "min",
falseDefaultPositionSetting = minMax === "max";
// Create default trueCallback
trueCallback = trueCallback ||
makeDefaultCallbacks(
removeOpen, deleteDelay,
trueDefaultPositionSetting, function ($popover) {
$popover.addClass("fixed-bottom");
}
);
// Create default falseCallback
falseCallback = falseCallback ||
makeDefaultCallbacks(
removeOpen, deleteDelay,
falseDefaultPositionSetting, function () { }
);
// MQ Listener function
var mqListener = function (mq) {
if (mq.matches) {
trueCallback(removeOpen, timelyPop);
} else {
falseCallback(removeOpen, timelyPop);
}
};
// Attach listener and call it for the initial match/ non-match
if (!mql.addListener) return false;
mql.addListener(mqListener);
mqListener(mql);
// Add to the breakpoints setting
settings.breakpoints[size] = {
added: true,
mq: mql,
listener: mqListener
};
return settings.breakpoints[size];
};
// FUNCTION ----
// makeDefaultCallbacks
// PURPOSE -----
// Creates the default callbacks to attach to the MQ events.
// IN ----------
// See above for the first three variables.
// callback: The function to be assigned to the "activateCallback" setting
// (called when creating new footnotes)
// OUT ---------
// Default MQ matches/ non-matches function.
var makeDefaultCallbacks = function (removeOpen, deleteDelay, positioningBool, callback) {
return function (removeOpen, timelyPop) {
var $closedPopovers;
if (removeOpen) {
$closedPopovers = timelyPop.close();
timelyPop.updateSetting("activateCallback", callback);
}
setTimeout(function () {
timelyPop.updateSetting("positionContent", positioningBool);
// if (removeOpen) timelyPop.activate($closedPopovers);
}, deleteDelay);
};
};
// FUNCTION ----
// removeBreakpoint
// PURPOSE -----
// Removes a previously-created breakpoint, calling the false condition
// before doing so (or, a user-provided function instead).
// IN ----------
// target: the media query to remove, either by passing the string used to create
// the breakpoint initially, or by passing the associated MediaQueryList object.
// callback: the (optional) function to call before removing the listener.
// OUT ---------
// true if a media query was found and deleted, false otherwise.
var removeBreakpoint = function (target, callback) {
var mq = null,
b, mqFound = false;
if (typeof (target) === "string") {
mqFound = settings.breakpoints[target] !== undefined;
} else {
for (b in settings.breakpoints) {
if (settings.breakpoints.hasOwnProperty(b) && settings.breakpoints[b].mq === target) {
mqFound = true;
break;
}
}
}
if (mqFound) {
var breakpoint = settings.breakpoints[b || target];
// Calls the non-matching callback one last time
if (callback) {
callback({ matches: false });
} else {
breakpoint.listener({ matches: false });
}
breakpoint.mq.removeListener(breakpoint.listener);
delete settings.breakpoints[b || target];
}
return mqFound;
};
// ________ __ .__
// \_____ \_/ |_| |__ ___________
// / | \ __\ | \_/ __ \_ __ \
// / | \ | | Y \ ___/| | \/
// \_______ /__| |___| /\___ >__|
// \/ \/ \/
//
// FUNCTION ----
// updateSetting
// PURPOSE -----
// Updates the specified setting(s) with the value(s) you pass
// IN ----------
// Setting to adjust and new value for the setting (or an object
// with all setting-new value pairs)
// OUT ---------
// Returns the old value for the setting (or an object with old settings
// for each assigned property, if more than one were set)
var updateSetting = function (newSettings, value) {
var oldValue;
if (typeof (newSettings) === "string") {
oldValue = settings[newSettings];
settings[newSettings] = value;
} else {
oldValue = {};
for (var prop in newSettings) {
if (newSettings.hasOwnProperty(prop)) {
oldValue[prop] = settings[prop];
settings[prop] = newSettings[prop];
}
}
}
return oldValue;
};
// FUNCTION ----
// getSetting
// PURPOSE -----
// Returns the settings object
var getSetting = function (setting) {
return settings[setting];
};
// __________.__ .___.__
// \______ \__| ____ __| _/|__| ____ ____
// | | _/ |/ \ / __ | | |/ \ / ___\
// | | \ | | \/ /_/ | | | | \/ /_/ >
// |______ /__|___| /\____ | |__|___| /\___ /
// \/ \/ \/ \//_____/
//
$(document).ready(function () {
timelyPopInit();
$(document).off('.timelypop');
$(document).on("mouseenter.timelypop", ".timelypop", buttonHover);
$(document).on("touchend.timelypop click.timelypop", touchClick);
$(document).on("mouseout.timelypop", ".hover-instantiated", unhoverFeet);
$(document).on("keyup.timelypop", escapeKeypress);
$(window).on("scroll.timelypop resize.timelypop", repositionFeet);
});
// __________ __
// \______ \ _____/ |_ __ _________ ____
// | _// __ \ __\ | \_ __ \/ \
// | | \ ___/| | | | /| | \/ | \
// |____|_ /\___ >__| |____/ |__| |___| /
// \/ \/ \/
//
timelyPop = {
close: function (footnotes, timeout) {
return removePopovers(footnotes, timeout);
},
activate: function (button) {
return createPopover(button);
},
reposition: function () {
return repositionFeet();
},
addBreakpoint: function (size, deleteDelay, removeOpen, trueCallback, falseCallback) {
return addBreakpoint(size, deleteDelay, removeOpen, trueCallback, falseCallback);
},
removeBreakpoint: function (target, callback) {
return removeBreakpoint(target, callback);
},
getSetting: function (setting) {
return getSetting(setting);
},
updateSetting: function (setting, newValue) {
return updateSetting(setting, newValue);
}
};
return timelyPop;
};
})(jQuery);
/*
* jQuery showLoading plugin v1.0
*
* Copyright (c) 2009 Jim Keller
* Context - http://www.contextllc.com
*
* Dual licensed under the MIT and GPL licenses.
*
*/
jQuery.fn.showLoading = function (options) {
var indicatorID;
var settings = {
'addClass': '',
'beforeShow': '',
'afterShow': '',
'hPos': 'center',
'vPos': 'center',
'indicatorZIndex': 5001,
'overlayZIndex': 5000,
'parent': '',
'marginTop': 0,
'marginLeft': 0,
'overlayWidth': null,
'overlayHeight': null,
'overlayClass': ''
};
jQuery.extend(settings, options);
var loadingDiv = jQuery('');
var loadingDivInner = jQuery('');
var overlayDiv = jQuery('').addClass(settings.overlayClass);
//
// Set up ID and classes
//
if (settings.indicatorID) {
indicatorID = settings.indicatorID;
}
else {
indicatorID = jQuery(this).attr('id');
}
jQuery(loadingDiv).attr('id', 'loading-indicator-' + indicatorID);
jQuery(loadingDiv).addClass('loading-indicator');
if (settings.addClass) {
jQuery(loadingDiv).addClass(settings.addClass);
}
if (!$.timelyBrowser.msie || $.timelyBrowser.version > 9) {
loadingDiv.addClass('fancy');
}
//
// Create the overlay
//
jQuery(overlayDiv).css('display', 'none');
// Append to body, otherwise position() doesn't work on Webkit-based browsers
jQuery(document.body).append(overlayDiv);
//
// Set overlay classes
//
jQuery(overlayDiv).attr('id', 'loading-indicator-' + indicatorID + '-overlay');
jQuery(overlayDiv).addClass('loading-indicator-overlay');
if (settings.addClass) {
jQuery(overlayDiv).addClass(settings.addClass + '-overlay');
}
//
// Set overlay position
//
var overlay_width;
var overlay_height;
var border_top_width = jQuery(this).css('border-top-width');
var border_left_width = jQuery(this).css('border-left-width');
//
// IE will return values like 'medium' as the default border,
// but we need a number
//
border_top_width = isNaN(parseInt(border_top_width)) ? 0 : border_top_width;
border_left_width = isNaN(parseInt(border_left_width)) ? 0 : border_left_width;
var overlay_left_pos = jQuery(this).offset().left + parseInt(border_left_width);
var overlay_top_pos = jQuery(this).offset().top + parseInt(border_top_width);
if (settings.overlayWidth !== null) {
overlay_width = settings.overlayWidth;
}
else {
overlay_width = parseInt(jQuery(this).width()) + parseInt(jQuery(this).css('padding-right')) + parseInt(jQuery(this).css('padding-left'));
}
if (settings.overlayHeight !== null) {
overlay_height = settings.overlayWidth;
}
else {
overlay_height = parseInt(jQuery(this).height()) + parseInt(jQuery(this).css('padding-top')) + parseInt(jQuery(this).css('padding-bottom'));
}
jQuery(overlayDiv).css('width', overlay_width.toString() + 'px');
jQuery(overlayDiv).css('height', overlay_height.toString() + 'px');
jQuery(overlayDiv).css('left', overlay_left_pos.toString() + 'px');
jQuery(overlayDiv).css('position', 'absolute');
jQuery(overlayDiv).css('top', overlay_top_pos.toString() + 'px');
jQuery(overlayDiv).css('z-index', settings.overlayZIndex);
//
// Set any custom overlay CSS
//
if (settings.overlayCSS) {
jQuery(overlayDiv).css(settings.overlayCSS);
}
//
// We have to append the element to the body first
// or .width() won't work in Webkit-based browsers (e.g. Chrome, Safari)
//
jQuery(loadingDiv).css('display', 'none');
loadingDiv.append(loadingDivInner);
jQuery(document.body).append(loadingDiv);
jQuery(loadingDiv).css('position', 'absolute');
jQuery(loadingDiv).css('z-index', settings.indicatorZIndex);
//
// Set top margin
//
var indicatorTop = overlay_top_pos;
if (settings.marginTop) {
indicatorTop += parseInt(settings.marginTop);
}
var indicatorLeft = overlay_left_pos;
if (settings.marginLeft) {
indicatorLeft += parseInt(settings.marginTop);
}
//
// set horizontal position
//
if (settings.hPos.toString().toLowerCase() == 'center') {
jQuery(loadingDiv).css('left', (indicatorLeft + ((jQuery(overlayDiv).width() - parseInt(jQuery(loadingDiv).width())) / 2)).toString() + 'px');
}
else if (settings.hPos.toString().toLowerCase() == 'left') {
jQuery(loadingDiv).css('left', (indicatorLeft + parseInt(jQuery(overlayDiv).css('margin-left'))).toString() + 'px');
}
else if (settings.hPos.toString().toLowerCase() == 'right') {
jQuery(loadingDiv).css('left', (indicatorLeft + (jQuery(overlayDiv).width() - parseInt(jQuery(loadingDiv).width()))).toString() + 'px');
}
else {
jQuery(loadingDiv).css('left', (indicatorLeft + parseInt(settings.hPos)).toString() + 'px');
}
//
// set vertical position
//
if (settings.vPos.toString().toLowerCase() == 'center') {
jQuery(loadingDiv).css('top', (indicatorTop + ((jQuery(overlayDiv).height() - parseInt(jQuery(loadingDiv).height())) / 2)).toString() + 'px');
}
else if (settings.vPos.toString().toLowerCase() == 'top') {
jQuery(loadingDiv).css('top', indicatorTop.toString() + 'px');
}
else if (settings.vPos.toString().toLowerCase() == 'bottom') {
jQuery(loadingDiv).css('top', (indicatorTop + (jQuery(overlayDiv).height() - parseInt(jQuery(loadingDiv).height()))).toString() + 'px');
}
else {
jQuery(loadingDiv).css('top', (indicatorTop + parseInt(settings.vPos)).toString() + 'px');
}
//
// Set any custom css for loading indicator
//
if (settings.css) {
jQuery(loadingDiv).css(settings.css);
}
//
// Set up callback options
//
var callback_options =
{
'overlay': overlayDiv,
'indicator': loadingDiv,
'element': this
};
//
// beforeShow callback
//
if (typeof (settings.beforeShow) == 'function') {
settings.beforeShow(callback_options);
}
//
// Show the overlay
//
jQuery(overlayDiv).show();
//
// Show the loading indicator
//
jQuery(loadingDiv).show();
//
// afterShow callback
//
if (typeof (settings.afterShow) == 'function') {
settings.afterShow(callback_options);
}
return this;
};
jQuery.fn.hideLoading = function (options) {
var settings = {};
jQuery.extend(settings, options);
if (settings.indicatorID) {
indicatorID = settings.indicatorID;
}
else {
indicatorID = jQuery(this).attr('id');
}
jQuery(document.body).find('#loading-indicator-' + indicatorID).remove();
jQuery(document.body).find('#loading-indicator-' + indicatorID + '-overlay').remove();
return this;
};
/*! jstz - v1.0.5 - 2013-03-18 */
(function (e) { var t = function () { "use strict"; var e = "s", n = function (e) { var t = -e.getTimezoneOffset(); return t !== null ? t : 0 }, r = function (e, t, n) { var r = new Date; return e !== undefined && r.setFullYear(e), r.setDate(n), r.setMonth(t), r }, i = function (e) { return n(r(e, 0, 2)) }, s = function (e) { return n(r(e, 5, 2)) }, o = function (e) { var t = e.getMonth() > 7 ? s(e.getFullYear()) : i(e.getFullYear()), r = n(e); return t - r !== 0 }, u = function () { var t = i(), n = s(), r = i() - s(); return r < 0 ? t + ",1" : r > 0 ? n + ",1," + e : t + ",0" }, a = function () { var e = u(); return new t.TimeZone(t.olson.timezones[e]) }, f = function (e) { var t = new Date(2010, 6, 15, 1, 0, 0, 0), n = { "America/Denver": new Date(2011, 2, 13, 3, 0, 0, 0), "America/Mazatlan": new Date(2011, 3, 3, 3, 0, 0, 0), "America/Chicago": new Date(2011, 2, 13, 3, 0, 0, 0), "America/Mexico_City": new Date(2011, 3, 3, 3, 0, 0, 0), "America/Asuncion": new Date(2012, 9, 7, 3, 0, 0, 0), "America/Santiago": new Date(2012, 9, 3, 3, 0, 0, 0), "America/Campo_Grande": new Date(2012, 9, 21, 5, 0, 0, 0), "America/Montevideo": new Date(2011, 9, 2, 3, 0, 0, 0), "America/Sao_Paulo": new Date(2011, 9, 16, 5, 0, 0, 0), "America/Los_Angeles": new Date(2011, 2, 13, 8, 0, 0, 0), "America/Santa_Isabel": new Date(2011, 3, 5, 8, 0, 0, 0), "America/Havana": new Date(2012, 2, 10, 2, 0, 0, 0), "America/New_York": new Date(2012, 2, 10, 7, 0, 0, 0), "Asia/Beirut": new Date(2011, 2, 27, 1, 0, 0, 0), "Europe/Helsinki": new Date(2011, 2, 27, 4, 0, 0, 0), "Europe/Istanbul": new Date(2011, 2, 28, 5, 0, 0, 0), "Asia/Damascus": new Date(2011, 3, 1, 2, 0, 0, 0), "Asia/Jerusalem": new Date(2011, 3, 1, 6, 0, 0, 0), "Asia/Gaza": new Date(2009, 2, 28, 0, 30, 0, 0), "Africa/Cairo": new Date(2009, 3, 25, 0, 30, 0, 0), "Pacific/Auckland": new Date(2011, 8, 26, 7, 0, 0, 0), "Pacific/Fiji": new Date(2010, 11, 29, 23, 0, 0, 0), "America/Halifax": new Date(2011, 2, 13, 6, 0, 0, 0), "America/Goose_Bay": new Date(2011, 2, 13, 2, 1, 0, 0), "America/Miquelon": new Date(2011, 2, 13, 5, 0, 0, 0), "America/Godthab": new Date(2011, 2, 27, 1, 0, 0, 0), "Europe/Moscow": t, "Asia/Yekaterinburg": t, "Asia/Omsk": t, "Asia/Krasnoyarsk": t, "Asia/Irkutsk": t, "Asia/Yakutsk": t, "Asia/Vladivostok": t, "Asia/Kamchatka": t, "Europe/Minsk": t, "Australia/Perth": new Date(2008, 10, 1, 1, 0, 0, 0) }; return n[e] }; return { determine: a, date_is_dst: o, dst_start_for: f } }(); t.TimeZone = function (e) { "use strict"; var n = { "America/Denver": ["America/Denver", "America/Mazatlan"], "America/Chicago": ["America/Chicago", "America/Mexico_City"], "America/Santiago": ["America/Santiago", "America/Asuncion", "America/Campo_Grande"], "America/Montevideo": ["America/Montevideo", "America/Sao_Paulo"], "Asia/Beirut": ["Asia/Beirut", "Europe/Helsinki", "Europe/Istanbul", "Asia/Damascus", "Asia/Jerusalem", "Asia/Gaza"], "Pacific/Auckland": ["Pacific/Auckland", "Pacific/Fiji"], "America/Los_Angeles": ["America/Los_Angeles", "America/Santa_Isabel"], "America/New_York": ["America/Havana", "America/New_York"], "America/Halifax": ["America/Goose_Bay", "America/Halifax"], "America/Godthab": ["America/Miquelon", "America/Godthab"], "Asia/Dubai": ["Europe/Moscow"], "Asia/Dhaka": ["Asia/Yekaterinburg"], "Asia/Jakarta": ["Asia/Omsk"], "Asia/Shanghai": ["Asia/Krasnoyarsk", "Australia/Perth"], "Asia/Tokyo": ["Asia/Irkutsk"], "Australia/Brisbane": ["Asia/Yakutsk"], "Pacific/Noumea": ["Asia/Vladivostok"], "Pacific/Tarawa": ["Asia/Kamchatka"], "Africa/Johannesburg": ["Asia/Gaza", "Africa/Cairo"], "Asia/Baghdad": ["Europe/Minsk"] }, r = e, i = function () { var e = n[r], i = e.length, s = 0, o = e[0]; for (; s < i; s += 1) { o = e[s]; if (t.date_is_dst(t.dst_start_for(o))) { r = o; return } } }, s = function () { return typeof n[r] != "undefined" }; return s() && i(), { name: function () { return r } } }, t.olson = {}, t.olson.timezones = { "-720,0": "Pacific/Majuro", "-660,0": "Pacific/Pago_Pago", "-600,1": "America/Adak", "-600,0": "Pacific/Honolulu", "-570,0": "Pacific/Marquesas", "-540,0": "Pacific/Gambier", "-540,1": "America/Anchorage", "-480,1": "America/Los_Angeles", "-480,0": "Pacific/Pitcairn", "-420,0": "America/Phoenix", "-420,1": "America/Denver", "-360,0": "America/Guatemala", "-360,1": "America/Chicago", "-360,1,s": "Pacific/Easter", "-300,0": "America/Bogota", "-300,1": "America/New_York", "-270,0": "America/Caracas", "-240,1": "America/Halifax", "-240,0": "America/Santo_Domingo", "-240,1,s": "America/Santiago", "-210,1": "America/St_Johns", "-180,1": "America/Godthab", "-180,0": "America/Argentina/Buenos_Aires", "-180,1,s": "America/Montevideo", "-120,0": "America/Noronha", "-120,1": "America/Noronha", "-60,1": "Atlantic/Azores", "-60,0": "Atlantic/Cape_Verde", "0,0": "UTC", "0,1": "Europe/London", "60,1": "Europe/Berlin", "60,0": "Africa/Lagos", "60,1,s": "Africa/Windhoek", "120,1": "Asia/Beirut", "120,0": "Africa/Johannesburg", "180,0": "Asia/Baghdad", "180,1": "Europe/Moscow", "210,1": "Asia/Tehran", "240,0": "Asia/Dubai", "240,1": "Asia/Baku", "270,0": "Asia/Kabul", "300,1": "Asia/Yekaterinburg", "300,0": "Asia/Karachi", "330,0": "Asia/Kolkata", "345,0": "Asia/Kathmandu", "360,0": "Asia/Dhaka", "360,1": "Asia/Omsk", "390,0": "Asia/Rangoon", "420,1": "Asia/Krasnoyarsk", "420,0": "Asia/Jakarta", "480,0": "Asia/Shanghai", "480,1": "Asia/Irkutsk", "525,0": "Australia/Eucla", "525,1,s": "Australia/Eucla", "540,1": "Asia/Yakutsk", "540,0": "Asia/Tokyo", "570,0": "Australia/Darwin", "570,1,s": "Australia/Adelaide", "600,0": "Australia/Brisbane", "600,1": "Asia/Vladivostok", "600,1,s": "Australia/Sydney", "630,1,s": "Australia/Lord_Howe", "660,1": "Asia/Kamchatka", "660,0": "Pacific/Noumea", "690,0": "Pacific/Norfolk", "720,1,s": "Pacific/Auckland", "720,0": "Pacific/Tarawa", "765,1,s": "Pacific/Chatham", "780,0": "Pacific/Tongatapu", "780,1,s": "Pacific/Apia", "840,0": "Pacific/Kiritimati" }, typeof exports != "undefined" ? exports.jstz = t : e.jstz = t })(this);
/*
* Change tracker
* Detects and keeps a count of all the changed that have happened to the form
* elements that match the passed in selector. Allows for a function to be run
* everytime a change is detected
*
* Usage:
* $('.container-of-elements-to-be-tracked').changeTracker(options)
*
* Options:
* selector = the selector string that determines what elements should be monitored for changes
* eventsToWatch = what events represent a change that should be tracked
* onChange = a function to be run every time a change is detected
*
* Depends:
* jquery.ui.core.js
* jquery.ui.widget.js
*/
(function ($) {
$.widget("timely.changeTracker", {
options: {
selector: 'input, textarea, select',
eventsToWatch: 'keydown change click',
onChange: function (changedElement) {
}
},
_create: function () {
var self = this,
options = self.options;
self.container = self.element;
self.changes = 0;
self.container.on(options.eventsToWatch, options.selector, function () {
self.changes++;
options.onChange(this);
});
},
hasChanged: function () {
var self = this;
return self.changes > 0;
},
destroy: function () {
this._trigger("destroy", { type: "destroy" }, { options: this.options });
$.Widget.prototype.destroy.call(this);
},
_setOption: function (key, value) {
$.Widget.prototype._setOption.apply(this, arguments);
}
});
})(jQuery);
/*
* Character Count Plugin - jQuery plugin
* Dynamic character count for text areas and input fields
* written by Alen Grakalic
* http://cssglobe.com/post/7161/jquery-plugin-simplest-twitterlike-dynamic-character-count-for-textareas
*
* Copyright (c) 2009 Alen Grakalic (http://cssglobe.com)
* Dual licensed under the MIT (MIT-LICENSE.txt)
* and GPL (GPL-LICENSE.txt) licenses.
*
* Built for jQuery library
* http://jquery.com
*
*/
(function($) {
$.fn.charCount = function(options){
// default configuration properties
var defaults = {
allowed: 140,
warning: 25,
css: 'counter',
counterElement: 'span',
cssWarning: 'warning',
cssExceeded: 'exceeded',
counterText: ''
};
var options = $.extend(defaults, options);
function calculate(obj){
var count = $(obj).val().replace(/\r(?!\n)|\n(?!\r)/g, "\r\n").length;
var available = options.allowed - count;
if(available <= options.warning && available >= 0){
$(obj).next().addClass(options.cssWarning);
} else {
$(obj).next().removeClass(options.cssWarning);
}
if(available < 0){
$(obj).next().addClass(options.cssExceeded);
} else {
$(obj).next().removeClass(options.cssExceeded);
}
$(obj).next().html(options.counterText + available);
};
this.each(function() {
$(this).after('<' + options.counterElement + ' style="font-size: 12px;" class="' + options.css + '">' + options.counterText + '');
calculate(this);
$(this).keyup(function(){calculate(this)});
$(this).change(function(){calculate(this)});
});
};
})(jQuery);
/*
* Handles expander elements
*/
(function ($) {
$(document).on('click', '.expander__more', function(e) {
e.preventDefault();
var link = $(this);
link.closest('.expander').addClass('expander--expanded');
});
$(document).on('click', '.expander__less', function (e) {
e.preventDefault();
var link = $(this);
link.closest('.expander').removeClass('expander--expanded');
});
})(jQuery);