').append($tabs.clone()).remove().html());
self.$dialogTitlebar.append($tabs);
if ($tabs.is('.primary')) {
$tabs.find('a').removeClass('overlay-processed');
Drupal.attachBehaviors($tabs);
}
// Remove any classes from the list element to avoid theme styles
// clashing with our styling.
$tabs.removeAttr('class');
}
// Try to enhance keyboard based navigation of the overlay.
// Logic inspired by the open() method in ui.dialog.js, and
// http://wiki.codetalks.org/wiki/index.php/Docs/Keyboard_navigable_JS_widgets
// Get a reference to the close button.
var $closeButton = self.$dialogTitlebar.find('.ui-dialog-titlebar-close');
// Search tabbable elements on the iframed document to speed up related
// keyboard events.
// @todo: Do we need to provide a method to update these references when
// AJAX requests update the DOM on the child document?
var $iframeTabbables = self.$iframeWindow(':tabbable:not(form)');
var $firstTabbable = $iframeTabbables.filter(':first');
var $lastTabbable = $iframeTabbables.filter(':last');
// Unbind keyboard event handlers that may have been enabled previously.
$(document).unbind('keydown.overlay-event');
$closeButton.unbind('keydown.overlay-event');
// When the focus leaves the close button, then we want to jump to the
// first/last inner tabbable element of the child window.
$closeButton.bind('keydown.overlay-event', function (event) {
if (event.keyCode && event.keyCode == $.ui.keyCode.TAB) {
var $target = (event.shiftKey ? $lastTabbable : $firstTabbable);
if (!$target.size()) {
$target = self.$iframeDocument;
}
setTimeout(function () { $target.focus(); }, 10);
return false;
}
});
// When the focus leaves the child window, then drive the focus to the
// close button of the dialog.
self.$iframeDocument.bind('keydown.overlay-event', function (event) {
if (event.keyCode) {
if (event.keyCode == $.ui.keyCode.TAB) {
if (event.shiftKey && event.target == $firstTabbable.get(0)) {
setTimeout(function () { $closeButton.focus(); }, 10);
return false;
}
else if (!event.shiftKey && event.target == $lastTabbable.get(0)) {
setTimeout(function () { $closeButton.focus(); }, 10);
return false;
}
}
else if (event.keyCode == $.ui.keyCode.ESCAPE) {
setTimeout(function () { self.close(); }, 10);
return false;
}
}
});
// When the focus is captured by the parent document, then try
// to drive the focus back to the first tabbable element, or the
// close button of the dialog (default).
$(document).bind('keydown.overlay-event', function (event) {
if (event.keyCode && event.keyCode == $.ui.keyCode.TAB) {
setTimeout(function () {
if (!self.$iframeWindow(':tabbable:not(form):first').focus().size()) {
$closeButton.focus();
}
}, 10);
return false;
}
});
// Adjust overlay to fit the iframe content?
if (self.options.autoFit) {
self.innerResize();
var delayedResize = function() {
if (!self.isOpen) {
clearTimeout(self.resizeTimeoutID);
return;
}
self.innerResize();
iframeWindow.scrollTo(0, 0);
self.resizeTimeoutID = setTimeout(delayedResize, 150);
};
clearTimeout(self.resizeTimeoutID);
self.resizeTimeoutID = setTimeout(delayedResize, 150);
}
// Scroll to anchor in overlay. This needs to be done after delayedResize().
if (iframeWindow.document.location.hash) {
window.scrollTo(0, self.$iframeWindow(iframeWindow.document.location.hash).position().top);
}
};
/**
* Unbind the child window.
*
* Remove keyboard event handlers, reset title and hide the iframe.
*/
Drupal.overlay.unbindChild = function (iframeWindow) {
var self = this;
var $iframeDocument = iframeWindow.jQuery(iframeWindow.document);
// Prevent memory leaks by explicitly unbinding keyboard event handler
// on the child document.
$iframeDocument.unbind('keydown.overlay-event');
// Change the overlay title.
self.$container.dialog('option', 'title', Drupal.t('Please wait...'));
// Hide the iframe element.
self.$iframe.fadeOut('fast');
};
/**
* Check if the given link is in the administrative section of the site.
*
* @param url
* The url to be tested.
* @return boolean
* TRUE if the URL represents an administrative link, FALSE otherwise.
*/
Drupal.overlay.isAdminLink = function (url) {
var self = this;
// Create a native Link object, so we can use its object methods.
var link = $(url.link(url)).get(0);
var path = link.pathname;
// Ensure a leading slash on the path, omitted in some browsers.
if (path.substr(0, 1) != '/') {
path = '/' + path;
}
path = path.replace(new RegExp(Drupal.settings.basePath), '');
if (path == '') {
// If the path appears empty, it might mean the path is represented in the
// query string (clean URLs are not used).
var match = new RegExp("(\\?|&)q=(.+)(&|$)").exec(link.search);
if (match && match.length == 4) {
path = match[2];
}
}
// Turn the list of administrative paths into a regular expression.
if (!self.adminPathRegExp) {
var adminPaths = '^(' + Drupal.settings.overlay.paths.admin.replace(/\s+/g, ')$|^(') + ')$';
var nonAdminPaths = '^(' + Drupal.settings.overlay.paths.non_admin.replace(/\s+/g, ')$|^(') + ')$';
adminPaths = adminPaths.replace(/\*/g, '.*');
nonAdminPaths = nonAdminPaths.replace(/\*/g, '.*');
self.adminPathRegExp = new RegExp(adminPaths);
self.nonAdminPathRegExp = new RegExp(nonAdminPaths);
}
return self.adminPathRegExp.exec(path) && !self.nonAdminPathRegExp.exec(path);
};
/**
* Resize overlay according to the size of its content.
*
* @todo: Watch for experience in the way we compute the size of the iframed
* document. There are many ways to do it, and none of them seem to be perfect.
* Note, though, that the size of the iframe itself may affect the size of the
* child document, especially on fluid layouts.
*/
Drupal.overlay.innerResize = function () {
var self = Drupal.overlay;
// Proceed only if the dialog still exists.
if (!(self.isOpen || self.isOpening) || self.isClosing) {
return;
}
var height;
// Only set height when iframe content is loaded.
if ($.isObject(self.$iframeBody)) {
height = self.$iframeBody.outerHeight() + 25;
// Only resize when height actually is changed.
if (height != self.lastHeight) {
// Resize the container.
self.$container.height(height);
// Keep the dim background grow or shrink with the dialog.
$.ui.dialog.overlay.resize();
}
self.lastHeight = height;
}
};
/**
* Resize overlay according to the size of the parent window.
*/
Drupal.overlay.outerResize = function () {
var self = Drupal.overlay;
// Proceed only if the dialog still exists.
if (!(self.isOpen || self.isOpening) || self.isClosing) {
return;
}
// Consider any region that should be visible above the overlay (such as
// an admin toolbar).
var $displaceTop = $('.overlay-displace-top');
var displaceTopHeight = 0;
$displaceTop.each(function () {
displaceTopHeight += $(this).height();
});
self.$wrapper.css('top', displaceTopHeight);
// When the overlay has no height yet, make it fit exactly in the window,
// or the configured height when autoFit is disabled.
if (!self.lastHeight) {
var titleBarHeight = self.$dialogTitlebar.outerHeight(true);
if (self.options.autoFit || self.options.height == undefined ||!isNan(self.options.height)) {
self.lastHeight = parseInt($(window).height() - displaceTopHeight - titleBarHeight - 45);
}
else {
self.lastHeight = self.options.height;
}
self.$container.height(self.lastHeight);
}
if (self.options.autoFit) {
self.innerResize();
}
// Make the dim background grow or shrink with the dialog.
$.ui.dialog.overlay.resize();
};
/**
* Add overlay rendering GET parameter to the given href.
*/
Drupal.overlay.addOverlayParam = function (href) {
return $.param.querystring(href, {'render': 'overlay'});
// Do not process links with an empty href, or that only have the fragment or
// which are external links.
if (href.length > 0 && href.charAt(0) != '#' && href.indexOf('http') != 0 && href.indexOf('https') != 0) {
var fragmentIndex = href.indexOf('#');
var fragment = '';
if (fragmentIndex != -1) {
fragment = href.substr(fragmentIndex);
href = href.substr(0, fragmentIndex);
}
href += (href.indexOf('?') > -1 ? '&' : '?') + 'render=overlay' + fragment;
}
return href;
};
/**
* Open, reload, or close the overlay, based on the current URL fragment.
*/
Drupal.overlay.trigger = function () {
// Get the overlay URL from the current URL fragment.
var state = $.bbq.getState('overlay');
if (state) {
// Append render variable, so the server side can choose the right
// rendering and add child modal frame code to the page if needed.
var linkURL = Drupal.overlay.addOverlayParam(Drupal.settings.basePath + state);
// If the modal frame is already open, replace the loaded document with
// this new one.
if (Drupal.overlay.isOpen) {
Drupal.overlay.load(linkURL);
}
else {
// There is not an overlay opened yet; we should open a new one.
var overlayOptions = {
url: linkURL,
onOverlayClose: function () {
// Clear the overlay URL fragment.
$.bbq.pushState();
// Remove active class from all header buttons.
$('a.overlay-processed').each(function () {
$(this).removeClass('active');
});
}
};
Drupal.overlay.open(overlayOptions);
}
}
// If there is no overlay URL in the fragment and the overlay is (still)
// open, close the overlay.
else if (Drupal.overlay.isOpen && !Drupal.overlay.isClosing) {
Drupal.overlay.close();
}
};
/**
* Make a regular admin link into a URL that will trigger the overlay to open.
*
* @param link
* A Javascript Link object (i.e. an
element).
* @return
* A URL that will trigger the overlay (in the form
* /node/1#overlay=admin/config).
*/
Drupal.overlay.fragmentizeLink = function (link) {
// Don't operate on links that are already overlay-ready.
var params = $.deparam.fragment(link.href);
if (params.overlay) {
return link.href;
}
// Determine the link's original destination, and make it relative to the
// Drupal site.
var path = link.pathname;
// Ensure a leading slash on the path, omitted in some browsers.
if (path.substr(0, 1) != '/') {
path = '/' + path;
}
path = path.replace(new RegExp(Drupal.settings.basePath), '');
// Preserve existing query and fragment parameters in the URL.
var fragment = link.hash;
var querystring = link.search;
// If the query includes ?render=overlay, leave it out.
if (querystring.indexOf('render=overlay') !== -1) {
querystring = querystring.replace(/render=overlay/, '');
if (querystring === '?') {
querystring = '';
}
}
var destination = path + querystring + fragment;
// Assemble the overlay-ready link.
var base = window.location.href;
return $.param.fragment(base, {'overlay':destination});
};
/**
* Make sure the internal overlay URL is reflected in the parent URL fragment.
*
* Normally the parent URL fragment determines the overlay location. However, if
* the overlay redirects internally, the parent doesn't get informed, and the
* parent URL fragment will be out of date. This is a sanity check to make
* sure we're in the right place.
*
* @param childLocation
* The child window's location object.
*/
Drupal.overlay.syncChildLocation = function (childLocation) {
var expected = $.bbq.getState('overlay');
// This is just a sanity check, so we're comparing paths, not query strings.
expected = Drupal.settings.basePath + expected.replace(/\?.+/, '');
var actual = childLocation.pathname;
if (expected !== actual) {
// There may have been a redirect inside the child overlay window that the
// parent wasn't aware of. Update the parent URL fragment appropriately.
var newLocation = Drupal.overlay.fragmentizeLink(childLocation);
// Set a 'redirect' flag on the new location so the hashchange event handler
// knows not to change the overlay's content.
$.data(window.location, newLocation, 'redirect');
window.location.href = newLocation;
}
};
/**
* Refresh any regions of the page that are displayed outside the overlay.
*
* @param data
* An array of objects with information on the page regions to be refreshed.
* For each object, the key is a CSS class identifying the region to be
* refreshed, and the value represents the section of the Drupal $page array
* corresponding to this region.
*/
Drupal.overlay.refreshRegions = function (data) {
$.each(data, function () {
var region_info = this;
$.each(region_info, function (regionClass) {
var regionName = region_info[regionClass];
var regionSelector = '.' + regionClass;
$.get(Drupal.settings.basePath + Drupal.settings.overlay.ajaxCallback + '/' + regionName, function (newElement) {
$(regionSelector).replaceWith($(newElement));
Drupal.attachBehaviors($(regionSelector), Drupal.settings);
});
});
});
};
/**
* Theme function to create the overlay iframe element.
*/
Drupal.theme.prototype.overlayElement = function () {
return '';
};
/**
* Theme function to create a container for the overlay iframe element.
*/
Drupal.theme.prototype.overlayContainer = function () {
return '';
};
/**
* Theme function for the overlay title markup.
*/
Drupal.theme.prototype.overlayTitleHeader = function (text) {
return '' + text + '
';
};
/**
* Theme function to create a wrapper for the jquery UI dialog.
*/
Drupal.theme.prototype.overlayWrapper = function () {
return '';
};
})(jQuery);