;(function ($, window, document, undefined) { 'use strict'; Foundation.libs.reveal = { name : 'reveal', version : '5.0.3', locked : false, settings : { animation: 'fadeAndPop', animation_speed: 250, close_on_background_click: true, close_on_esc: true, dismiss_modal_class: 'close-reveal-modal', bg_class: 'reveal-modal-bg', open: function(){}, opened: function(){}, close: function(){}, closed: function(){}, bg : $('.reveal-modal-bg'), css : { open : { 'opacity': 0, 'visibility': 'visible', 'display' : 'block' }, close : { 'opacity': 1, 'visibility': 'hidden', 'display': 'none' } } }, init : function (scope, method, options) { Foundation.inherit(this, 'delay'); $.extend(true, this.settings, method, options); this.bindings(method, options); }, events : function (scope) { var self = this; $('[data-reveal-id]', this.scope) .off('.reveal') .on('click.fndtn.reveal', function (e) { e.preventDefault(); if (!self.locked) { var element = $(this), ajax = element.data('reveal-ajax'); self.locked = true; if (typeof ajax === 'undefined') { self.open.call(self, element); } else { var url = ajax === true ? element.attr('href') : ajax; self.open.call(self, element, {url: url}); } } }); $(this.scope) .off('.reveal'); $(document) .on('click.fndtn.reveal', this.close_targets(), function (e) { e.preventDefault(); if (!self.locked) { var settings = $('[data-reveal].open').data('reveal-init'), bg_clicked = $(e.target)[0] === $('.' + settings.bg_class)[0]; if (bg_clicked && !settings.close_on_background_click) { return; } self.locked = true; self.close.call(self, bg_clicked ? $('[data-reveal].open') : $(this).closest('[data-reveal]')); } }); if($('[data-reveal]', this.scope).length > 0) { $(this.scope) // .off('.reveal') .on('open.fndtn.reveal', this.settings.open) .on('opened.fndtn.reveal', this.settings.opened) .on('opened.fndtn.reveal', this.open_video) .on('close.fndtn.reveal', this.settings.close) .on('closed.fndtn.reveal', this.settings.closed) .on('closed.fndtn.reveal', this.close_video); } else { $(this.scope) // .off('.reveal') .on('open.fndtn.reveal', '[data-reveal]', this.settings.open) .on('opened.fndtn.reveal', '[data-reveal]', this.settings.opened) .on('opened.fndtn.reveal', '[data-reveal]', this.open_video) .on('close.fndtn.reveal', '[data-reveal]', this.settings.close) .on('closed.fndtn.reveal', '[data-reveal]', this.settings.closed) .on('closed.fndtn.reveal', '[data-reveal]', this.close_video); } return true; }, // PATCH #3: turning on key up capture only when a reveal window is open key_up_on : function (scope) { var self = this; // PATCH #1: fixing multiple keyup event trigger from single key press $('body').off('keyup.fndtn.reveal').on('keyup.fndtn.reveal', function ( event ) { var open_modal = $('[data-reveal].open'), settings = open_modal.data('reveal-init'); // PATCH #2: making sure that the close event can be called only while unlocked, // so that multiple keyup.fndtn.reveal events don't prevent clean closing of the reveal window. if ( settings && event.which === 27 && settings.close_on_esc && !self.locked) { // 27 is the keycode for the Escape key self.close.call(self, open_modal); } }); return true; }, // PATCH #3: turning on key up capture only when a reveal window is open key_up_off : function (scope) { $('body').off('keyup.fndtn.reveal'); return true; }, open : function (target, ajax_settings) { var self = this; if (target) { if (typeof target.selector !== 'undefined') { var modal = $('#' + target.data('reveal-id')); } else { var modal = $(this.scope); ajax_settings = target; } } else { var modal = $(this.scope); } var settings = modal.data('reveal-init'); if (!modal.hasClass('open')) { var open_modal = $('[data-reveal].open'); if (typeof modal.data('css-top') === 'undefined') { modal.data('css-top', parseInt(modal.css('top'), 10)) .data('offset', this.cache_offset(modal)); } this.key_up_on(modal); // PATCH #3: turning on key up capture only when a reveal window is open modal.trigger('open'); if (open_modal.length < 1) { this.toggle_bg(modal); } if (typeof ajax_settings === 'string') { ajax_settings = { url: ajax_settings }; } if (typeof ajax_settings === 'undefined' || !ajax_settings.url) { if (open_modal.length > 0) { var open_modal_settings = open_modal.data('reveal-init'); this.hide(open_modal, open_modal_settings.css.close); } this.show(modal, settings.css.open); } else { var old_success = typeof ajax_settings.success !== 'undefined' ? ajax_settings.success : null; $.extend(ajax_settings, { success: function (data, textStatus, jqXHR) { if ( $.isFunction(old_success) ) { old_success(data, textStatus, jqXHR); } modal.html(data); $(modal).foundation('section', 'reflow'); if (open_modal.length > 0) { var open_modal_settings = open_modal.data('reveal-init'); self.hide(open_modal, open_modal_settings.css.close); } self.show(modal, settings.css.open); } }); $.ajax(ajax_settings); } } }, close : function (modal) { var modal = modal && modal.length ? modal : $(this.scope), open_modals = $('[data-reveal].open'), settings = modal.data('reveal-init'); if (open_modals.length > 0) { this.locked = true; this.key_up_off(modal); // PATCH #3: turning on key up capture only when a reveal window is open modal.trigger('close'); this.toggle_bg(modal); this.hide(open_modals, settings.css.close, settings); } }, close_targets : function () { var base = '.' + this.settings.dismiss_modal_class; if (this.settings.close_on_background_click) { return base + ', .' + this.settings.bg_class; } return base; }, toggle_bg : function (modal) { var settings = modal.data('reveal-init'); if ($('.' + this.settings.bg_class).length === 0) { this.settings.bg = $('
', {'class': this.settings.bg_class}) .appendTo('body'); } if (this.settings.bg.filter(':visible').length > 0) { this.hide(this.settings.bg); } else { this.show(this.settings.bg); } }, show : function (el, css) { // is modal if (css) { var settings = el.data('reveal-init'); if (el.parent('body').length === 0) { var placeholder = el.wrap('
').parent(), rootElement = this.settings.rootElement || 'body';; el.on('closed.fndtn.reveal.wrapped', function() { el.detach().appendTo(placeholder); el.unwrap().unbind('closed.fndtn.reveal.wrapped'); }); el.detach().appendTo(rootElement); } if (/pop/i.test(settings.animation)) { css.top = $(window).scrollTop() - el.data('offset') + 'px'; var end_css = { top: $(window).scrollTop() + el.data('css-top') + 'px', opacity: 1 }; return this.delay(function () { return el .css(css) .animate(end_css, settings.animation_speed, 'linear', function () { this.locked = false; el.trigger('opened'); }.bind(this)) .addClass('open'); }.bind(this), settings.animation_speed / 2); } if (/fade/i.test(settings.animation)) { var end_css = {opacity: 1}; return this.delay(function () { return el .css(css) .animate(end_css, settings.animation_speed, 'linear', function () { this.locked = false; el.trigger('opened'); }.bind(this)) .addClass('open'); }.bind(this), settings.animation_speed / 2); } return el.css(css).show().css({opacity: 1}).addClass('open').trigger('opened'); } var settings = this.settings; // should we animate the background? if (/fade/i.test(settings.animation)) { return el.fadeIn(settings.animation_speed / 2); } return el.show(); }, hide : function (el, css) { // is modal if (css) { var settings = el.data('reveal-init'); if (/pop/i.test(settings.animation)) { var end_css = { top: - $(window).scrollTop() - el.data('offset') + 'px', opacity: 0 }; return this.delay(function () { return el .animate(end_css, settings.animation_speed, 'linear', function () { this.locked = false; el.css(css).trigger('closed'); }.bind(this)) .removeClass('open'); }.bind(this), settings.animation_speed / 2); } if (/fade/i.test(settings.animation)) { var end_css = {opacity: 0}; return this.delay(function () { return el .animate(end_css, settings.animation_speed, 'linear', function () { this.locked = false; el.css(css).trigger('closed'); }.bind(this)) .removeClass('open'); }.bind(this), settings.animation_speed / 2); } return el.hide().css(css).removeClass('open').trigger('closed'); } var settings = this.settings; // should we animate the background? if (/fade/i.test(settings.animation)) { return el.fadeOut(settings.animation_speed / 2); } return el.hide(); }, close_video : function (e) { var video = $(this).find('.flex-video'), iframe = video.find('iframe'); if (iframe.length > 0) { iframe.attr('data-src', iframe[0].src); iframe.attr('src', 'about:blank'); video.hide(); } }, open_video : function (e) { var video = $(this).find('.flex-video'), iframe = video.find('iframe'); if (iframe.length > 0) { var data_src = iframe.attr('data-src'); if (typeof data_src === 'string') { iframe[0].src = iframe.attr('data-src'); } else { var src = iframe[0].src; iframe[0].src = undefined; iframe[0].src = src; } video.show(); } }, cache_offset : function (modal) { var offset = modal.show().height() + parseInt(modal.css('top'), 10); modal.hide(); return offset; }, off : function () { $(this.scope).off('.fndtn.reveal'); }, reflow : function () {} }; }(jQuery, this, this.document));