From d4e537496ce0bd7543caa04b1c5fb53fe11dc62a Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Bj=C3=B8rn=20Madsen?= Date: Thu, 22 May 2014 13:54:05 +0200 Subject: [PATCH] Update bootstrap-lightbox to v0.7.0 --- .../0.7.0/bootstrap-lightbox.css | 89 +++++ .../0.7.0/bootstrap-lightbox.js | 363 ++++++++++++++++++ .../0.7.0/bootstrap-lightbox.min.css | 6 + .../0.7.0/bootstrap-lightbox.min.js | 6 + ajax/libs/bootstrap-lightbox/package.json | 2 +- 5 files changed, 465 insertions(+), 1 deletion(-) create mode 100644 ajax/libs/bootstrap-lightbox/0.7.0/bootstrap-lightbox.css create mode 100644 ajax/libs/bootstrap-lightbox/0.7.0/bootstrap-lightbox.js create mode 100644 ajax/libs/bootstrap-lightbox/0.7.0/bootstrap-lightbox.min.css create mode 100644 ajax/libs/bootstrap-lightbox/0.7.0/bootstrap-lightbox.min.js diff --git a/ajax/libs/bootstrap-lightbox/0.7.0/bootstrap-lightbox.css b/ajax/libs/bootstrap-lightbox/0.7.0/bootstrap-lightbox.css new file mode 100644 index 000000000..81f3f8568 --- /dev/null +++ b/ajax/libs/bootstrap-lightbox/0.7.0/bootstrap-lightbox.css @@ -0,0 +1,89 @@ +/*! +* bootstrap-lightbox.css v0.7.0 +* Copyright 2014 Jason Butz +* http://www.apache.org/licenses/LICENSE-2.0.txt +*/ +.lightbox-open { + overflow: hidden; +} + +body.lightbox-open, +.lightbox-open .navbar-fixed-top, +.lightbox-open .navbar-fixed-bottom { + margin-right: 15px; +} + +.lightbox { + position: fixed; + top: 0; + right: 0; + bottom: 0; + left: 0; + z-index: 1040; + display: none; + overflow: auto; + overflow-y: scroll; +} + +.lightbox .fade .lightbox-dialog { + -webkit-transform: translate(0, -25%); + -ms-transform: translate(0, -25%); + transform: translate(0, -25%); + -webkit-transition: -webkit-transform 0.3s ease-out; + -moz-transition: -moz-transform 0.3s ease-out; + -o-transition: -o-transform 0.3s ease-out; + transition: transform 0.3s ease-out; +} + +.lightbox .in .lightbox-dialog { + -webkit-transform: translate(0, 0); + -ms-transform: translate(0, 0); + transform: translate(0, 0); +} + +.lightbox .lightbox-dialog { + z-index: 1050; + width: auto; + /*padding: 10px;*/ + + margin-right: auto; + margin-left: auto; +} + +.lightbox .lightbox-dialog .lightbox-header { + float: right; +} + +.lightbox .lightbox-dialog .lightbox-header .close { + margin-top: -2px; +} + +.lightbox .lightbox-dialog .lightbox-content { + position: relative; + display: inline-block; + padding: 10px; + background-color: #ffffff; + border: 1px solid #999999; + border: 1px solid rgba(0, 0, 0, 0.2); + border-radius: 6px; + outline: none; + -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); + box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); + background-clip: padding-box; +} + +.lightbox .lightbox-dialog .lightbox-content .lightbox-caption { + position: absolute; + right: 8px; + bottom: 8px; + left: 10px; + padding: 2%; + font-size: 14px; + line-height: 18px; + color: white; + text-align: center; + text-shadow: 0 -1px 0 #000000; + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3); + background: #000; + background: rgba(0, 0, 0, 0.6); +} diff --git a/ajax/libs/bootstrap-lightbox/0.7.0/bootstrap-lightbox.js b/ajax/libs/bootstrap-lightbox/0.7.0/bootstrap-lightbox.js new file mode 100644 index 000000000..e38f82c36 --- /dev/null +++ b/ajax/libs/bootstrap-lightbox/0.7.0/bootstrap-lightbox.js @@ -0,0 +1,363 @@ +/*! +* bootstrap-lightbox.js v0.7.0 +* Copyright 2014 Jason Butz +* http://www.apache.org/licenses/LICENSE-2.0.txt +*/ + ++function ($) { "use strict"; + + // LIGHTBOX CLASS DEFINITION + // ====================== + + var Lightbox = function (element, options) + { + this.options = options + this.$element = $(element) + this.$backdrop = null + this.isShown = null + + if (this.options.remote) this.$element.load(this.options.remote) + } + + // We depend upon Twitter Bootstrap's Modal library to simplify things here + Lightbox.prototype = $.extend({},$.fn.modal.Constructor.prototype); + + Lightbox.prototype.constructor = Lightbox; + + Lightbox.DEFAULTS = { + backdrop: true, + keyboard: true, + show: true + } + + Lightbox.prototype.show = function (_relatedTarget) + { + var that = this; + var e = $.Event('show.bs.lightbox', { relatedTarget: _relatedTarget }); + + this.$element.trigger(e); + + if (this.isShown || e.isDefaultPrevented()) return; + + this.isShown = true; + + this.escape(); + + this.$element.on('click.dismiss.lightbox', '[data-dismiss="lightbox"]', $.proxy(this.hide, this)); + + // This bit is added since we don't display until we have the size + // which prevents image jumping + this.preloadSize(function() + { + that.backdrop(function () + { + var transition = $.support.transition && that.$element.hasClass('fade'); + + if (!that.$element.parent().length) + { + that.$element.appendTo(document.body); // don't move modals dom position + } + + that.$element.show(); + + if (transition) + { + that.$element[0].offsetWidth; // force reflow + } + + that.$element + .addClass('in') + .attr('aria-hidden', false); + + that.enforceFocus(); + + var e = $.Event('shown.bs.lightbox', { relatedTarget: _relatedTarget }); + + transition ? + that.$element.find('.lightbox-dialog') // wait for modal to slide in + .one($.support.transition.end, function () + { + that.$element.focus().trigger(e); + }) + .emulateTransitionEnd(300) : + that.$element.focus().trigger(e); + }); + }); + }; + + Lightbox.prototype.hide = function (e, slide) + { + if (e) e.preventDefault(); + + e = $.Event('hide.bs.lightbox'); + + this.$element.trigger(e); + + if (!this.isShown || e.isDefaultPrevented()) return; + + this.isShown = false; + + this.escape(); + + $(document).off('focusin.bs.lightbox'); + + this.$element + .removeClass('in') + .attr('aria-hidden', true) + .off('click.dismiss.lightbox'); + + $.support.transition && this.$element.hasClass('fade') ? + this.$element + .one($.support.transition.end, $.proxy(this.hideModal(slide), this)) + .emulateTransitionEnd(300) : + this.hideModal(slide); + }; + + Lightbox.prototype.enforceFocus = function () { + $(document) + .off('focusin.bs.lightbox') // guard against infinite focus loop + .on('focusin.bs.lightbox', $.proxy(function (e) + { + if (this.$element[0] !== e.target && !this.$element.has(e.target).length) + { + this.$element.focus(); + } + }, this)); + }; + + Lightbox.prototype.escape = function () + { + if (this.isShown && this.options.keyboard) + { + this.$element.on('keyup.dismiss.bs.lightbox', $.proxy(function (e) + { + e.which == 27 && this.hide(); + }, this)); + } + else if (!this.isShown) + { + this.$element.off('keyup.dismiss.bs.lightbox'); + } + } + + Lightbox.prototype.hideModal = function (slide) + { + var that = this; + this.$element.hide(); + this.backdrop(function () + { + that.removeBackdrop(); + + // Don't trigger hidden event if sliding between lightboxes + if(!slide) that.$element.trigger('hidden.bs.lightbox'); + }); + }; + + Lightbox.prototype.backdrop = function (callback) + { + var that = this + var animate = this.$element.hasClass('fade') ? 'fade' : '' + if (this.isShown && this.options.backdrop) + { + var doAnimate = $.support.transition && animate; + + this.$backdrop = $('
') + .appendTo(document.body); + + this.$element.on('click.dismiss.lightbox', $.proxy(function (e) + { + if (e.target !== e.currentTarget) return; + this.options.backdrop == 'static' + ? this.$element[0].focus.call(this.$element[0]) + : this.hide.call(this); + }, this)); + + if (doAnimate) this.$backdrop[0].offsetWidth; // force reflow + + this.$backdrop.addClass('in'); + + if (!callback) return; + + doAnimate ? + this.$backdrop + .one($.support.transition.end, callback) + .emulateTransitionEnd(150) : + callback(); + + } + else if (!this.isShown && this.$backdrop) + { + this.$backdrop.removeClass('in'); + + $.support.transition && this.$element.hasClass('fade')? + this.$backdrop + .one($.support.transition.end, callback) + .emulateTransitionEnd(150) : + callback(); + + } + else if (callback) + { + callback(); + } + }; + + Lightbox.prototype.preloadSize = function(callback) + { + var callbacks = $.Callbacks(); + if(callback) callbacks.add( callback ); + var that = this; + + var windowHeight, + windowWidth, + padTop, + padBottom, + padLeft, + padRight, + $image, + preloader, + originalWidth, + originalHeight; + // Get the window width and height. + windowHeight = $(window).height(); + windowWidth = $(window).width(); + + // Get the top, bottom, right, and left padding + padTop = parseInt( that.$element.find('.lightbox-content').css('padding-top') , 10); + padBottom = parseInt( that.$element.find('.lightbox-content').css('padding-bottom') , 10); + padLeft = parseInt( that.$element.find('.lightbox-content').css('padding-left') , 10); + padRight = parseInt( that.$element.find('.lightbox-content').css('padding-right') , 10); + + // Load the image, we have to do this because if the image isn't already loaded we get a bad size + $image = that.$element.find('.lightbox-content').find('img:first'); + if($image.length <= 0) return callbacks.fire(); + preloader = new Image(); + preloader.onload = function() + { + //$image.width = preloader.width; + //$image.height = preloader.height; + //return _this.sizeContainer(preloader.width, preloader.height); + + // The image could be bigger than the window, that is an issue. + if( (preloader.width + padLeft + padRight) >= windowWidth) + { + originalWidth = preloader.width; + originalHeight = preloader.height; + preloader.width = windowWidth - padLeft - padRight; + preloader.height = originalHeight / originalWidth * preloader.width; + } + + if( (preloader.height + padTop + padBottom) >= windowHeight) + { + originalWidth = preloader.width; + originalHeight = preloader.height; + preloader.height = windowHeight - padTop - padBottom; + preloader.width = originalWidth / originalHeight * preloader.height; + } + that.$element.find('.lightbox-dialog').css({ + 'position': 'fixed', + 'width': preloader.width + padLeft + padRight, + 'height': preloader.height + padTop + padBottom, + 'top' : (windowHeight / 2) - ( (preloader.height + padTop + padBottom) / 2), + 'left' : '50%', + 'margin-left' : -1 * (preloader.width + padLeft + padRight) / 2 + }); + that.$element.find('.lightbox-content').css({ + 'width': preloader.width + padLeft + padRight, + 'height': preloader.height + padTop + padBottom + }); + $image.css({ + 'width': preloader.width, + 'height': preloader.height + }) + + // We have everything sized! + callbacks.fire(); + }; + preloader.src = $image.attr('src'); + }; + + Lightbox.prototype.slide = function(direction) + { + var that = this; + + that.hide(that.event, true); + + if (direction == 'next' && that.$element.next('.lightbox').length) { + that.$element.next('.lightbox').lightbox('show'); + } else if(direction == 'prev' && that.$element.prev('.lightbox').length) { + that.$element.prev('.lightbox').lightbox('show'); + } else { + // Trigger hidden event because there is no next / previous slide + that.$element.trigger('hidden.bs.lightbox'); + } + } + + + // LIGHTBOX PLUGIN DEFINITION + // ======================= + + var old = $.fn.lightbox + + $.fn.lightbox = function (option, _relatedTarget) + { + return this.each(function () + { + var $this = $(this); + var data = $this.data('bs.lightbox'); + var options = $.extend({}, Lightbox.DEFAULTS, $this.data(), typeof option == 'object' && option); + + if (!data) $this.data('bs.lightbox', (data = new Lightbox(this, options))); + if (typeof option == 'string') data[option](_relatedTarget); + else if (options.show) data.show(_relatedTarget) + }) + } + + $.fn.lightbox.Constructor = Lightbox; + + + // MODAL NO CONFLICT + // ================= + + $.fn.lightbox.noConflict = function () + { + $.fn.lightbox = old; + return this; + } + + + // MODAL DATA-API + // ============== + + $(document).on('click.bs.lightbox.data-api', '[data-toggle="lightbox"]', function (e) + { + var $this = $(this); + var href = $this.attr('href'); + var $target = $($this.attr('data-target') || (href && href.replace(/.*(?=#[^\s]+$)/, ''))); //strip for ie7 + var option = $target.data('lightbox') ? 'toggle' : $.extend({ remote: !/#/.test(href) && href }, $target.data(), $this.data()); + + e.preventDefault() + + $target + .lightbox(option, this) + .one('hide', function () + { + $this.is(':visible') && $this.focus() + }); + }); + + $(document).on('click', '.lightbox-control', function (e) + { + e.preventDefault(); + + var $this = $(this); + + $this.parents('.lightbox') + .lightbox('slide', $(this).data('lightbox-slide')); + }); + + $(document) + .on('show.bs.lightbox', '.lightbox', function () { $(document.body).addClass('lightbox-open') }) + .on('hidden.bs.lightbox', '.lightbox', function () { $(document.body).removeClass('lightbox-open') }) + +}(window.jQuery); diff --git a/ajax/libs/bootstrap-lightbox/0.7.0/bootstrap-lightbox.min.css b/ajax/libs/bootstrap-lightbox/0.7.0/bootstrap-lightbox.min.css new file mode 100644 index 000000000..d85382a5c --- /dev/null +++ b/ajax/libs/bootstrap-lightbox/0.7.0/bootstrap-lightbox.min.css @@ -0,0 +1,6 @@ +/*! +* bootstrap-lightbox.css v0.7.0 +* Copyright 2014 Jason Butz +* http://www.apache.org/licenses/LICENSE-2.0.txt +*/ +.lightbox-open{overflow:hidden}body.lightbox-open,.lightbox-open .navbar-fixed-top,.lightbox-open .navbar-fixed-bottom{margin-right:15px}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;display:none;overflow:auto;overflow-y:scroll}.lightbox .fade .lightbox-dialog{-webkit-transform:translate(0,-25%);-ms-transform:translate(0,-25%);transform:translate(0,-25%);-webkit-transition:-webkit-transform .3s ease-out;-moz-transition:-moz-transform .3s ease-out;-o-transition:-o-transform .3s ease-out;transition:transform .3s ease-out}.lightbox .in .lightbox-dialog{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0)}.lightbox .lightbox-dialog{z-index:1050;width:auto;margin-right:auto;margin-left:auto}.lightbox .lightbox-dialog .lightbox-header{float:right}.lightbox .lightbox-dialog .lightbox-header .close{margin-top:-2px}.lightbox .lightbox-dialog .lightbox-content{position:relative;display:inline-block;padding:10px;background-color:#fff;border:1px solid #999;border:1px solid rgba(0,0,0,0.2);border-radius:6px;outline:0;-webkit-box-shadow:0 3px 9px rgba(0,0,0,0.5);box-shadow:0 3px 9px rgba(0,0,0,0.5);background-clip:padding-box}.lightbox .lightbox-dialog .lightbox-content .lightbox-caption{position:absolute;right:8px;bottom:8px;left:10px;padding:2%;font-size:14px;line-height:18px;color:white;text-align:center;text-shadow:0 -1px 0 #000;text-shadow:0 -1px 0 rgba(0,0,0,0.3);background:#000;background:rgba(0,0,0,0.6)} diff --git a/ajax/libs/bootstrap-lightbox/0.7.0/bootstrap-lightbox.min.js b/ajax/libs/bootstrap-lightbox/0.7.0/bootstrap-lightbox.min.js new file mode 100644 index 000000000..d238f5b5e --- /dev/null +++ b/ajax/libs/bootstrap-lightbox/0.7.0/bootstrap-lightbox.min.js @@ -0,0 +1,6 @@ +/*! +* bootstrap-lightbox.js v0.7.0 +* Copyright 2014 Jason Butz +* http://www.apache.org/licenses/LICENSE-2.0.txt +*/ ++function(e){"use strict";var t=function(t,n){this.options=n,this.$element=e(t),this.$backdrop=null,this.isShown=null,this.options.remote&&this.$element.load(this.options.remote)};t.prototype=e.extend({},e.fn.modal.Constructor.prototype),t.prototype.constructor=t,t.DEFAULTS={backdrop:!0,keyboard:!0,show:!0},t.prototype.show=function(t){var n=this,r=e.Event("show.bs.lightbox",{relatedTarget:t});this.$element.trigger(r);if(this.isShown||r.isDefaultPrevented())return;this.isShown=!0,this.escape(),this.$element.on("click.dismiss.lightbox",'[data-dismiss="lightbox"]',e.proxy(this.hide,this)),this.preloadSize(function(){n.backdrop(function(){var r=e.support.transition&&n.$element.hasClass("fade");n.$element.parent().length||n.$element.appendTo(document.body),n.$element.show(),r&&n.$element[0].offsetWidth,n.$element.addClass("in").attr("aria-hidden",!1),n.enforceFocus();var i=e.Event("shown.bs.lightbox",{relatedTarget:t});r?n.$element.find(".lightbox-dialog").one(e.support.transition.end,function(){n.$element.focus().trigger(i)}).emulateTransitionEnd(300):n.$element.focus().trigger(i)})})},t.prototype.hide=function(t,n){t&&t.preventDefault(),t=e.Event("hide.bs.lightbox"),this.$element.trigger(t);if(!this.isShown||t.isDefaultPrevented())return;this.isShown=!1,this.escape(),e(document).off("focusin.bs.lightbox"),this.$element.removeClass("in").attr("aria-hidden",!0).off("click.dismiss.lightbox"),e.support.transition&&this.$element.hasClass("fade")?this.$element.one(e.support.transition.end,e.proxy(this.hideModal(n),this)).emulateTransitionEnd(300):this.hideModal(n)},t.prototype.enforceFocus=function(){e(document).off("focusin.bs.lightbox").on("focusin.bs.lightbox",e.proxy(function(e){this.$element[0]!==e.target&&!this.$element.has(e.target).length&&this.$element.focus()},this))},t.prototype.escape=function(){this.isShown&&this.options.keyboard?this.$element.on("keyup.dismiss.bs.lightbox",e.proxy(function(e){e.which==27&&this.hide()},this)):this.isShown||this.$element.off("keyup.dismiss.bs.lightbox")},t.prototype.hideModal=function(e){var t=this;this.$element.hide(),this.backdrop(function(){t.removeBackdrop(),e||t.$element.trigger("hidden.bs.lightbox")})},t.prototype.backdrop=function(t){var n=this,r=this.$element.hasClass("fade")?"fade":"";if(this.isShown&&this.options.backdrop){var i=e.support.transition&&r;this.$backdrop=e('
').appendTo(document.body),this.$element.on("click.dismiss.lightbox",e.proxy(function(e){if(e.target!==e.currentTarget)return;this.options.backdrop=="static"?this.$element[0].focus.call(this.$element[0]):this.hide.call(this)},this)),i&&this.$backdrop[0].offsetWidth,this.$backdrop.addClass("in");if(!t)return;i?this.$backdrop.one(e.support.transition.end,t).emulateTransitionEnd(150):t()}else!this.isShown&&this.$backdrop?(this.$backdrop.removeClass("in"),e.support.transition&&this.$element.hasClass("fade")?this.$backdrop.one(e.support.transition.end,t).emulateTransitionEnd(150):t()):t&&t()},t.prototype.preloadSize=function(t){var n=e.Callbacks();t&&n.add(t);var r=this,i,s,o,u,a,f,l,c,h,p;i=e(window).height(),s=e(window).width(),o=parseInt(r.$element.find(".lightbox-content").css("padding-top"),10),u=parseInt(r.$element.find(".lightbox-content").css("padding-bottom"),10),a=parseInt(r.$element.find(".lightbox-content").css("padding-left"),10),f=parseInt(r.$element.find(".lightbox-content").css("padding-right"),10),l=r.$element.find(".lightbox-content").find("img:first");if(l.length<=0)return n.fire();c=new Image,c.onload=function(){c.width+a+f>=s&&(h=c.width,p=c.height,c.width=s-a-f,c.height=p/h*c.width),c.height+o+u>=i&&(h=c.width,p=c.height,c.height=i-o-u,c.width=h/p*c.height),r.$element.find(".lightbox-dialog").css({position:"fixed",width:c.width+a+f,height:c.height+o+u,top:i/2-(c.height+o+u)/2,left:"50%","margin-left":-1*(c.width+a+f)/2}),r.$element.find(".lightbox-content").css({width:c.width+a+f,height:c.height+o+u}),l.css({width:c.width,height:c.height}),n.fire()},c.src=l.attr("src")},t.prototype.slide=function(e){var t=this;t.hide(t.event,!0),e=="next"&&t.$element.next(".lightbox").length?t.$element.next(".lightbox").lightbox("show"):e=="prev"&&t.$element.prev(".lightbox").length?t.$element.prev(".lightbox").lightbox("show"):t.$element.trigger("hidden.bs.lightbox")};var n=e.fn.lightbox;e.fn.lightbox=function(n,r){return this.each(function(){var i=e(this),s=i.data("bs.lightbox"),o=e.extend({},t.DEFAULTS,i.data(),typeof n=="object"&&n);s||i.data("bs.lightbox",s=new t(this,o)),typeof n=="string"?s[n](r):o.show&&s.show(r)})},e.fn.lightbox.Constructor=t,e.fn.lightbox.noConflict=function(){return e.fn.lightbox=n,this},e(document).on("click.bs.lightbox.data-api",'[data-toggle="lightbox"]',function(t){var n=e(this),r=n.attr("href"),i=e(n.attr("data-target")||r&&r.replace(/.*(?=#[^\s]+$)/,"")),s=i.data("lightbox")?"toggle":e.extend({remote:!/#/.test(r)&&r},i.data(),n.data());t.preventDefault(),i.lightbox(s,this).one("hide",function(){n.is(":visible")&&n.focus()})}),e(document).on("click",".lightbox-control",function(t){t.preventDefault();var n=e(this);n.parents(".lightbox").lightbox("slide",e(this).data("lightbox-slide"))}),e(document).on("show.bs.lightbox",".lightbox",function(){e(document.body).addClass("lightbox-open")}).on("hidden.bs.lightbox",".lightbox",function(){e(document.body).removeClass("lightbox-open")})}(window.jQuery); \ No newline at end of file diff --git a/ajax/libs/bootstrap-lightbox/package.json b/ajax/libs/bootstrap-lightbox/package.json index 20a27e990..72e34795f 100644 --- a/ajax/libs/bootstrap-lightbox/package.json +++ b/ajax/libs/bootstrap-lightbox/package.json @@ -1,7 +1,7 @@ { "name": "bootstrap-lightbox", "filename": "bootstrap-lightbox.js", - "version": "0.6.1", + "version": "0.7.0", "description": "A simple lightbox plugin based on the bootstrap modal plugin.", "homepage": "http://jbutz.github.com/bootstrap-lightbox/", "keywords": [