' + (this._config.title || " ") + '
'; + var btn = ''; + + var header = ''; + var footer = ''; + var body = '';
+ $(this._config.doc.body).append('');
+
+ this._$modal = $('#' + this._modalId, this._config.doc);
+ this._$modalDialog = this._$modal.find('.modal-dialog').first();
+ this._$modalContent = this._$modal.find('.modal-content').first();
+ this._$modalBody = this._$modal.find('.modal-body').first();
+ this._$modalHeader = this._$modal.find('.modal-header').first();
+ this._$modalFooter = this._$modal.find('.modal-footer').first();
+
+ this._$lightboxContainer = this._$modalBody.find('.ekko-lightbox-container').first();
+ this._$lightboxBodyOne = this._$lightboxContainer.find('> div:first-child').first();
+ this._$lightboxBodyTwo = this._$lightboxContainer.find('> div:last-child').first();
+
+ this._border = this._calculateBorders();
+ this._padding = this._calculatePadding();
+
+ this._galleryName = this._$element.data('gallery');
+ if (this._galleryName) {
+ this._$galleryItems = $(document.body).find('*[data-gallery="' + this._galleryName + '"]');
+ this._galleryIndex = this._$galleryItems.index(this._$element);
+ $(document).on('keydown.ekkoLightbox', this._navigationalBinder.bind(this));
+
+ // add the directional arrows to the modal
+ if (this._config.showArrows && this._$galleryItems.length > 1) {
+ this._$lightboxContainer.append('');
+ this._$modalArrows = this._$lightboxContainer.find('div.ekko-lightbox-nav-overlay').first();
+ this._$lightboxContainer.on('click', 'a:first-child', function (event) {
+ event.preventDefault();
+ return _this.navigateLeft();
+ });
+ this._$lightboxContainer.on('click', 'a:last-child', function (event) {
+ event.preventDefault();
+ return _this.navigateRight();
+ });
+ this.updateNavigation();
+ }
+ }
+
+ this._$modal.on('show.bs.modal', this._config.onShow.bind(this)).on('shown.bs.modal', function () {
+ _this._toggleLoading(true);
+ _this._handle();
+ return _this._config.onShown.call(_this);
+ }).on('hide.bs.modal', this._config.onHide.bind(this)).on('hidden.bs.modal', function () {
+ if (_this._galleryName) {
+ $(document).off('keydown.ekkoLightbox');
+ $(window).off('resize.ekkoLightbox');
+ }
+ _this._$modal.remove();
+ return _this._config.onHidden.call(_this);
+ }).modal(this._config);
+
+ $(window).on('resize.ekkoLightbox', function () {
+ _this._resize(_this._wantedWidth, _this._wantedHeight);
+ });
+ this._$lightboxContainer.on('touchstart', function () {
+ _this._touchstartX = event.changedTouches[0].screenX;
+ }).on('touchend', function () {
+ _this._touchendX = event.changedTouches[0].screenX;
+ _this._swipeGesure();
+ });
+ }
+
+ _createClass(Lightbox, [{
+ key: 'element',
+ value: function element() {
+ return this._$element;
+ }
+ }, {
+ key: 'modal',
+ value: function modal() {
+ return this._$modal;
+ }
+ }, {
+ key: 'navigateTo',
+ value: function navigateTo(index) {
+
+ if (index < 0 || index > this._$galleryItems.length - 1) return this;
+
+ this._galleryIndex = index;
+
+ this.updateNavigation();
+
+ this._$element = $(this._$galleryItems.get(this._galleryIndex));
+ this._handle();
+ }
+ }, {
+ key: 'navigateLeft',
+ value: function navigateLeft() {
+
+ if (!this._$galleryItems) return;
+
+ if (this._$galleryItems.length === 1) return;
+
+ if (this._galleryIndex === 0) {
+ if (this._config.wrapping) this._galleryIndex = this._$galleryItems.length - 1;else return;
+ } else //circular
+ this._galleryIndex--;
+
+ this._config.onNavigate.call(this, 'left', this._galleryIndex);
+ return this.navigateTo(this._galleryIndex);
+ }
+ }, {
+ key: 'navigateRight',
+ value: function navigateRight() {
+
+ if (!this._$galleryItems) return;
+
+ if (this._$galleryItems.length === 1) return;
+
+ if (this._galleryIndex === this._$galleryItems.length - 1) {
+ if (this._config.wrapping) this._galleryIndex = 0;else return;
+ } else //circular
+ this._galleryIndex++;
+
+ this._config.onNavigate.call(this, 'right', this._galleryIndex);
+ return this.navigateTo(this._galleryIndex);
+ }
+ }, {
+ key: 'updateNavigation',
+ value: function updateNavigation() {
+ if (!this._config.wrapping) {
+ var $nav = this._$lightboxContainer.find('div.ekko-lightbox-nav-overlay');
+ if (this._galleryIndex === 0) $nav.find('a:first-child').addClass('disabled');else $nav.find('a:first-child').removeClass('disabled');
+
+ if (this._galleryIndex === this._$galleryItems.length - 1) $nav.find('a:last-child').addClass('disabled');else $nav.find('a:last-child').removeClass('disabled');
+ }
+ }
+ }, {
+ key: 'close',
+ value: function close() {
+ return this._$modal.modal('hide');
+ }
+
+ // helper private methods
+ }, {
+ key: '_navigationalBinder',
+ value: function _navigationalBinder(event) {
+ event = event || window.event;
+ if (event.keyCode === 39) return this.navigateRight();
+ if (event.keyCode === 37) return this.navigateLeft();
+ }
+
+ // type detection private methods
+ }, {
+ key: '_detectRemoteType',
+ value: function _detectRemoteType(src, type) {
+
+ type = type || false;
+
+ if (!type && this._isImage(src)) type = 'image';
+ if (!type && this._getYoutubeId(src)) type = 'youtube';
+ if (!type && this._getVimeoId(src)) type = 'vimeo';
+ if (!type && this._getInstagramId(src)) type = 'instagram';
+ if (type == 'audio' || type == 'video' || !type && this._isMedia(src)) type = 'media';
+ if (!type || ['image', 'youtube', 'vimeo', 'instagram', 'media', 'url'].indexOf(type) < 0) type = 'url';
+
+ return type;
+ }
+ }, {
+ key: '_getRemoteContentType',
+ value: function _getRemoteContentType(src) {
+ var response = $.ajax({
+ type: 'HEAD',
+ url: src,
+ async: false
+ });
+ var contentType = response.getResponseHeader('Content-Type');
+ return contentType;
+ }
+ }, {
+ key: '_isImage',
+ value: function _isImage(string) {
+ return string && string.match(/(^data:image\/.*,)|(\.(jp(e|g|eg)|gif|png|bmp|webp|svg)((\?|#).*)?$)/i);
+ }
+ }, {
+ key: '_isMedia',
+ value: function _isMedia(string) {
+ return string && string.match(/(\.(mp3|mp4|ogg|webm|wav)((\?|#).*)?$)/i);
+ }
+ }, {
+ key: '_containerToUse',
+ value: function _containerToUse() {
+ var _this2 = this;
+
+ // if currently showing an image, fade it out and remove
+ var $toUse = this._$lightboxBodyTwo;
+ var $current = this._$lightboxBodyOne;
+
+ if (this._$lightboxBodyTwo.hasClass('in')) {
+ $toUse = this._$lightboxBodyOne;
+ $current = this._$lightboxBodyTwo;
+ }
+
+ $current.removeClass('in show');
+ setTimeout(function () {
+ if (!_this2._$lightboxBodyTwo.hasClass('in')) _this2._$lightboxBodyTwo.empty();
+ if (!_this2._$lightboxBodyOne.hasClass('in')) _this2._$lightboxBodyOne.empty();
+ }, 500);
+
+ $toUse.addClass('in show');
+ return $toUse;
+ }
+ }, {
+ key: '_handle',
+ value: function _handle() {
+
+ var $toUse = this._containerToUse();
+ this._updateTitleAndFooter();
+
+ var currentRemote = this._$element.attr('data-remote') || this._$element.attr('href');
+ var currentType = this._detectRemoteType(currentRemote, this._$element.attr('data-type') || false);
+
+ if (['image', 'youtube', 'vimeo', 'instagram', 'media', 'url'].indexOf(currentType) < 0) return this._error(this._config.strings.type);
+
+ switch (currentType) {
+ case 'image':
+ this._preloadImage(currentRemote, $toUse);
+ this._preloadImageByIndex(this._galleryIndex, 3);
+ break;
+ case 'youtube':
+ this._showYoutubeVideo(currentRemote, $toUse);
+ break;
+ case 'vimeo':
+ this._showVimeoVideo(this._getVimeoId(currentRemote), $toUse);
+ break;
+ case 'instagram':
+ this._showInstagramVideo(this._getInstagramId(currentRemote), $toUse);
+ break;
+ case 'media':
+ this._showHtml5Media(currentRemote, $toUse);
+ break;
+ default:
+ // url
+ this._loadRemoteContent(currentRemote, $toUse);
+ break;
+ }
+
+ return this;
+ }
+ }, {
+ key: '_getYoutubeId',
+ value: function _getYoutubeId(string) {
+ if (!string) return false;
+ var matches = string.match(/^.*(youtu.be\/|v\/|u\/\w\/|embed\/|watch\?v=|\&v=)([^#\&\?]*).*/);
+ return matches && matches[2].length === 11 ? matches[2] : false;
+ }
+ }, {
+ key: '_getVimeoId',
+ value: function _getVimeoId(string) {
+ return string && string.indexOf('vimeo') > 0 ? string : false;
+ }
+ }, {
+ key: '_getInstagramId',
+ value: function _getInstagramId(string) {
+ return string && string.indexOf('instagram') > 0 ? string : false;
+ }
+
+ // layout private methods
+ }, {
+ key: '_toggleLoading',
+ value: function _toggleLoading(show) {
+ show = show || false;
+ if (show) {
+ this._$modalDialog.css('display', 'none');
+ this._$modal.removeClass('in show');
+ $('.modal-backdrop').append(this._config.loadingMessage);
+ } else {
+ this._$modalDialog.css('display', 'block');
+ this._$modal.addClass('in show');
+ $('.modal-backdrop').find('.ekko-lightbox-loader').remove();
+ }
+ return this;
+ }
+ }, {
+ key: '_calculateBorders',
+ value: function _calculateBorders() {
+ return {
+ top: this._totalCssByAttribute('border-top-width'),
+ right: this._totalCssByAttribute('border-right-width'),
+ bottom: this._totalCssByAttribute('border-bottom-width'),
+ left: this._totalCssByAttribute('border-left-width')
+ };
+ }
+ }, {
+ key: '_calculatePadding',
+ value: function _calculatePadding() {
+ return {
+ top: this._totalCssByAttribute('padding-top'),
+ right: this._totalCssByAttribute('padding-right'),
+ bottom: this._totalCssByAttribute('padding-bottom'),
+ left: this._totalCssByAttribute('padding-left')
+ };
+ }
+ }, {
+ key: '_totalCssByAttribute',
+ value: function _totalCssByAttribute(attribute) {
+ return parseInt(this._$modalDialog.css(attribute), 10) + parseInt(this._$modalContent.css(attribute), 10) + parseInt(this._$modalBody.css(attribute), 10);
+ }
+ }, {
+ key: '_updateTitleAndFooter',
+ value: function _updateTitleAndFooter() {
+ var title = this._$element.data('title') || "";
+ var caption = this._$element.data('footer') || "";
+
+ this._titleIsShown = false;
+ if (title || this._config.alwaysShowClose) {
+ this._titleIsShown = true;
+ this._$modalHeader.css('display', '').find('.modal-title').html(title || " ");
+ } else this._$modalHeader.css('display', 'none');
+
+ this._footerIsShown = false;
+ if (caption) {
+ this._footerIsShown = true;
+ this._$modalFooter.css('display', '').html(caption);
+ } else this._$modalFooter.css('display', 'none');
+
+ return this;
+ }
+ }, {
+ key: '_showYoutubeVideo',
+ value: function _showYoutubeVideo(remote, $containerForElement) {
+ var id = this._getYoutubeId(remote);
+ var query = remote.indexOf('&') > 0 ? remote.substr(remote.indexOf('&')) : '';
+ var width = this._$element.data('width') || 560;
+ var height = this._$element.data('height') || width / (560 / 315);
+ return this._showVideoIframe('//www.youtube.com/embed/' + id + '?badge=0&autoplay=1&html5=1' + query, width, height, $containerForElement);
+ }
+ }, {
+ key: '_showVimeoVideo',
+ value: function _showVimeoVideo(id, $containerForElement) {
+ var width = this._$element.data('width') || 500;
+ var height = this._$element.data('height') || width / (560 / 315);
+ return this._showVideoIframe(id + '?autoplay=1', width, height, $containerForElement);
+ }
+ }, {
+ key: '_showInstagramVideo',
+ value: function _showInstagramVideo(id, $containerForElement) {
+ // instagram load their content into iframe's so this can be put straight into the element
+ var width = this._$element.data('width') || 612;
+ var height = width + 80;
+ id = id.substr(-1) !== '/' ? id + '/' : id; // ensure id has trailing slash
+ $containerForElement.html('');
+ this._resize(width, height);
+ this._config.onContentLoaded.call(this);
+ if (this._$modalArrows) //hide the arrows when showing video
+ this._$modalArrows.css('display', 'none');
+ this._toggleLoading(false);
+ return this;
+ }
+ }, {
+ key: '_showVideoIframe',
+ value: function _showVideoIframe(url, width, height, $containerForElement) {
+ // should be used for videos only. for remote content use loadRemoteContent (data-type=url)
+ height = height || width; // default to square
+ $containerForElement.html('');
+ this._resize(width, height);
+ this._config.onContentLoaded.call(this);
+ if (this._$modalArrows) this._$modalArrows.css('display', 'none'); //hide the arrows when showing video
+ this._toggleLoading(false);
+ return this;
+ }
+ }, {
+ key: '_showHtml5Media',
+ value: function _showHtml5Media(url, $containerForElement) {
+ // should be used for videos only. for remote content use loadRemoteContent (data-type=url)
+ var contentType = this._getRemoteContentType(url);
+ if (!contentType) {
+ return this._error(this._config.strings.type);
+ }
+ var mediaType = '';
+ if (contentType.indexOf('audio') > 0) {
+ mediaType = 'audio';
+ } else {
+ mediaType = 'video';
+ }
+ var width = this._$element.data('width') || 560;
+ var height = this._$element.data('height') || width / (560 / 315);
+ $containerForElement.html('');
+ this._resize(width, height);
+ this._config.onContentLoaded.call(this);
+ if (this._$modalArrows) this._$modalArrows.css('display', 'none'); //hide the arrows when showing video
+ this._toggleLoading(false);
+ return this;
+ }
+ }, {
+ key: '_loadRemoteContent',
+ value: function _loadRemoteContent(url, $containerForElement) {
+ var _this3 = this;
+
+ var width = this._$element.data('width') || 560;
+ var height = this._$element.data('height') || 560;
+
+ var disableExternalCheck = this._$element.data('disableExternalCheck') || false;
+ this._toggleLoading(false);
+
+ // external urls are loading into an iframe
+ // local ajax can be loaded into the container itself
+ if (!disableExternalCheck && !this._isExternal(url)) {
+ $containerForElement.load(url, $.proxy(function () {
+ return _this3._$element.trigger('loaded.bs.modal');l;
+ }));
+ } else {
+ $containerForElement.html('');
+ this._config.onContentLoaded.call(this);
+ }
+
+ if (this._$modalArrows) //hide the arrows when remote content
+ this._$modalArrows.css('display', 'none');
+
+ this._resize(width, height);
+ return this;
+ }
+ }, {
+ key: '_isExternal',
+ value: function _isExternal(url) {
+ var match = url.match(/^([^:\/?#]+:)?(?:\/\/([^\/?#]*))?([^?#]+)?(\?[^#]*)?(#.*)?/);
+ if (typeof match[1] === "string" && match[1].length > 0 && match[1].toLowerCase() !== location.protocol) return true;
+
+ if (typeof match[2] === "string" && match[2].length > 0 && match[2].replace(new RegExp(':(' + ({
+ "http:": 80,
+ "https:": 443
+ })[location.protocol] + ')?$'), "") !== location.host) return true;
+
+ return false;
+ }
+ }, {
+ key: '_error',
+ value: function _error(message) {
+ console.error(message);
+ this._containerToUse().html(message);
+ this._resize(300, 300);
+ return this;
+ }
+ }, {
+ key: '_preloadImageByIndex',
+ value: function _preloadImageByIndex(startIndex, numberOfTimes) {
+
+ if (!this._$galleryItems) return;
+
+ var next = $(this._$galleryItems.get(startIndex), false);
+ if (typeof next == 'undefined') return;
+
+ var src = next.attr('data-remote') || next.attr('href');
+ if (next.attr('data-type') === 'image' || this._isImage(src)) this._preloadImage(src, false);
+
+ if (numberOfTimes > 0) return this._preloadImageByIndex(startIndex + 1, numberOfTimes - 1);
+ }
+ }, {
+ key: '_preloadImage',
+ value: function _preloadImage(src, $containerForImage) {
+ var _this4 = this;
+
+ $containerForImage = $containerForImage || false;
+
+ var img = new Image();
+ if ($containerForImage) {
+ (function () {
+
+ // if loading takes > 200ms show a loader
+ var loadingTimeout = setTimeout(function () {
+ $containerForImage.append(_this4._config.loadingMessage);
+ }, 200);
+
+ img.onload = function () {
+ if (loadingTimeout) clearTimeout(loadingTimeout);
+ loadingTimeout = null;
+ var image = $('
',leftArrow:"❮",rightArrow:"❯",strings:{close:"Close",fail:"Failed to load image:",type:"Could not detect remote target type. Force the type using data-type"},doc:document,onShow:function(){},onShown:function(){},onHide:function(){},onHidden:function(){},onNavigate:function(){},onContentLoaded:function(){}},g=function(){function d(c,e){var g=this;b(this,d),this._config=a.extend({},f,e),this._$modalArrows=null,this._galleryIndex=0,this._galleryName=null,this._padding=null,this._border=null,this._titleIsShown=!1,this._footerIsShown=!1,this._wantedWidth=0,this._wantedHeight=0,this._touchstartX=0,this._touchendX=0,this._modalId="ekkoLightbox-"+Math.floor(1e3*Math.random()+1),this._$element=c instanceof jQuery?c:a(c),this._isBootstrap3=3==a.fn.modal.Constructor.VERSION[0];var h='
'+(this._config.title||" ")+"
",i='',j=''+(this._isBootstrap3?i+h:h+i)+"
",k='",l='";a(this._config.doc.body).append('"),this._$modal=a("#"+this._modalId,this._config.doc),this._$modalDialog=this._$modal.find(".modal-dialog").first(),this._$modalContent=this._$modal.find(".modal-content").first(),this._$modalBody=this._$modal.find(".modal-body").first(),this._$modalHeader=this._$modal.find(".modal-header").first(),this._$modalFooter=this._$modal.find(".modal-footer").first(),this._$lightboxContainer=this._$modalBody.find(".ekko-lightbox-container").first(),this._$lightboxBodyOne=this._$lightboxContainer.find("> div:first-child").first(),this._$lightboxBodyTwo=this._$lightboxContainer.find("> div:last-child").first(),this._border=this._calculateBorders(),this._padding=this._calculatePadding(),this._galleryName=this._$element.data("gallery"),this._galleryName&&(this._$galleryItems=a(document.body).find('*[data-gallery="'+this._galleryName+'"]'),this._galleryIndex=this._$galleryItems.index(this._$element),a(document).on("keydown.ekkoLightbox",this._navigationalBinder.bind(this)),this._config.showArrows&&this._$galleryItems.length>1&&(this._$lightboxContainer.append('"),this._$modalArrows=this._$lightboxContainer.find("div.ekko-lightbox-nav-overlay").first(),this._$lightboxContainer.on("click","a:first-child",function(a){return a.preventDefault(),g.navigateLeft()}),this._$lightboxContainer.on("click","a:last-child",function(a){return a.preventDefault(),g.navigateRight()}),this.updateNavigation())),this._$modal.on("show.bs.modal",this._config.onShow.bind(this)).on("shown.bs.modal",function(){return g._toggleLoading(!0),g._handle(),g._config.onShown.call(g)}).on("hide.bs.modal",this._config.onHide.bind(this)).on("hidden.bs.modal",function(){return g._galleryName&&(a(document).off("keydown.ekkoLightbox"),a(window).off("resize.ekkoLightbox")),g._$modal.remove(),g._config.onHidden.call(g)}).modal(this._config),a(window).on("resize.ekkoLightbox",function(){g._resize(g._wantedWidth,g._wantedHeight)}),this._$lightboxContainer.on("touchstart",function(){g._touchstartX=event.changedTouches[0].screenX}).on("touchend",function(){g._touchendX=event.changedTouches[0].screenX,g._swipeGesure()})}return c(d,null,[{key:"Default",get:function(){return f}}]),c(d,[{key:"element",value:function(){return this._$element}},{key:"modal",value:function(){return this._$modal}},{key:"navigateTo",value:function(b){return b<0||b>this._$galleryItems.length-1?this:(this._galleryIndex=b,this.updateNavigation(),this._$element=a(this._$galleryItems.get(this._galleryIndex)),void this._handle())}},{key:"navigateLeft",value:function(){if(this._$galleryItems&&1!==this._$galleryItems.length){if(0===this._galleryIndex){if(!this._config.wrapping)return;this._galleryIndex=this._$galleryItems.length-1}else this._galleryIndex--;return this._config.onNavigate.call(this,"left",this._galleryIndex),this.navigateTo(this._galleryIndex)}}},{key:"navigateRight",value:function(){if(this._$galleryItems&&1!==this._$galleryItems.length){if(this._galleryIndex===this._$galleryItems.length-1){if(!this._config.wrapping)return;this._galleryIndex=0}else this._galleryIndex++;return this._config.onNavigate.call(this,"right",this._galleryIndex),this.navigateTo(this._galleryIndex)}}},{key:"updateNavigation",value:function(){if(!this._config.wrapping){var a=this._$lightboxContainer.find("div.ekko-lightbox-nav-overlay");0===this._galleryIndex?a.find("a:first-child").addClass("disabled"):a.find("a:first-child").removeClass("disabled"),this._galleryIndex===this._$galleryItems.length-1?a.find("a:last-child").addClass("disabled"):a.find("a:last-child").removeClass("disabled")}}},{key:"close",value:function(){return this._$modal.modal("hide")}},{key:"_navigationalBinder",value:function(a){return a=a||window.event,39===a.keyCode?this.navigateRight():37===a.keyCode?this.navigateLeft():void 0}},{key:"_detectRemoteType",value:function(a,b){return b=b||!1,!b&&this._isImage(a)&&(b="image"),!b&&this._getYoutubeId(a)&&(b="youtube"),!b&&this._getVimeoId(a)&&(b="vimeo"),!b&&this._getInstagramId(a)&&(b="instagram"),("audio"==b||"video"==b||!b&&this._isMedia(a))&&(b="media"),(!b||["image","youtube","vimeo","instagram","media","url"].indexOf(b)<0)&&(b="url"),b}},{key:"_getRemoteContentType",value:function(b){var c=a.ajax({type:"HEAD",url:b,async:!1}),d=c.getResponseHeader("Content-Type");return d}},{key:"_isImage",value:function(a){return a&&a.match(/(^data:image\/.*,)|(\.(jp(e|g|eg)|gif|png|bmp|webp|svg)((\?|#).*)?$)/i)}},{key:"_isMedia",value:function(a){return a&&a.match(/(\.(mp3|mp4|ogg|webm|wav)((\?|#).*)?$)/i)}},{key:"_containerToUse",value:function(){var a=this,b=this._$lightboxBodyTwo,c=this._$lightboxBodyOne;return this._$lightboxBodyTwo.hasClass("in")&&(b=this._$lightboxBodyOne,c=this._$lightboxBodyTwo),c.removeClass("in show"),setTimeout(function(){a._$lightboxBodyTwo.hasClass("in")||a._$lightboxBodyTwo.empty(),a._$lightboxBodyOne.hasClass("in")||a._$lightboxBodyOne.empty()},500),b.addClass("in show"),b}},{key:"_handle",value:function(){var a=this._containerToUse();this._updateTitleAndFooter();var b=this._$element.attr("data-remote")||this._$element.attr("href"),c=this._detectRemoteType(b,this._$element.attr("data-type")||!1);if(["image","youtube","vimeo","instagram","media","url"].indexOf(c)<0)return this._error(this._config.strings.type);switch(c){case"image":this._preloadImage(b,a),this._preloadImageByIndex(this._galleryIndex,3);break;case"youtube":this._showYoutubeVideo(b,a);break;case"vimeo":this._showVimeoVideo(this._getVimeoId(b),a);break;case"instagram":this._showInstagramVideo(this._getInstagramId(b),a);break;case"media":this._showHtml5Media(b,a);break;default:this._loadRemoteContent(b,a)}return this}},{key:"_getYoutubeId",value:function(a){if(!a)return!1;var b=a.match(/^.*(youtu.be\/|v\/|u\/\w\/|embed\/|watch\?v=|\&v=)([^#\&\?]*).*/);return!(!b||11!==b[2].length)&&b[2]}},{key:"_getVimeoId",value:function(a){return!!(a&&a.indexOf("vimeo")>0)&&a}},{key:"_getInstagramId",value:function(a){return!!(a&&a.indexOf("instagram")>0)&&a}},{key:"_toggleLoading",value:function(b){return b=b||!1,b?(this._$modalDialog.css("display","none"),this._$modal.removeClass("in show"),a(".modal-backdrop").append(this._config.loadingMessage)):(this._$modalDialog.css("display","block"),this._$modal.addClass("in show"),a(".modal-backdrop").find(".ekko-lightbox-loader").remove()),this}},{key:"_calculateBorders",value:function(){return{top:this._totalCssByAttribute("border-top-width"),right:this._totalCssByAttribute("border-right-width"),bottom:this._totalCssByAttribute("border-bottom-width"),left:this._totalCssByAttribute("border-left-width")}}},{key:"_calculatePadding",value:function(){return{top:this._totalCssByAttribute("padding-top"),right:this._totalCssByAttribute("padding-right"),bottom:this._totalCssByAttribute("padding-bottom"),left:this._totalCssByAttribute("padding-left")}}},{key:"_totalCssByAttribute",value:function(a){return parseInt(this._$modalDialog.css(a),10)+parseInt(this._$modalContent.css(a),10)+parseInt(this._$modalBody.css(a),10)}},{key:"_updateTitleAndFooter",value:function(){var a=this._$element.data("title")||"",b=this._$element.data("footer")||"";return this._titleIsShown=!1,a||this._config.alwaysShowClose?(this._titleIsShown=!0,this._$modalHeader.css("display","").find(".modal-title").html(a||" ")):this._$modalHeader.css("display","none"),this._footerIsShown=!1,b?(this._footerIsShown=!0,this._$modalFooter.css("display","").html(b)):this._$modalFooter.css("display","none"),this}},{key:"_showYoutubeVideo",value:function(a,b){var c=this._getYoutubeId(a),d=a.indexOf("&")>0?a.substr(a.indexOf("&")):"",e=this._$element.data("width")||560,f=this._$element.data("height")||e/(560/315);return this._showVideoIframe("//www.youtube.com/embed/"+c+"?badge=0&autoplay=1&html5=1"+d,e,f,b)}},{key:"_showVimeoVideo",value:function(a,b){var c=this._$element.data("width")||500,d=this._$element.data("height")||c/(560/315);return this._showVideoIframe(a+"?autoplay=1",c,d,b)}},{key:"_showInstagramVideo",value:function(a,b){var c=this._$element.data("width")||612,d=c+80;return a="/"!==a.substr(-1)?a+"/":a,b.html(''),this._resize(c,d),this._config.onContentLoaded.call(this),this._$modalArrows&&this._$modalArrows.css("display","none"),this._toggleLoading(!1),this}},{key:"_showVideoIframe",value:function(a,b,c,d){return c=c||b,d.html(''),this._resize(b,c),this._config.onContentLoaded.call(this),this._$modalArrows&&this._$modalArrows.css("display","none"),this._toggleLoading(!1),this}},{key:"_showHtml5Media",value:function(a,b){var c=this._getRemoteContentType(a);if(!c)return this._error(this._config.strings.type);var d="";d=c.indexOf("audio")>0?"audio":"video";var e=this._$element.data("width")||560,f=this._$element.data("height")||e/(560/315);return b.html('"),this._resize(e,f),this._config.onContentLoaded.call(this),this._$modalArrows&&this._$modalArrows.css("display","none"),this._toggleLoading(!1),this}},{key:"_loadRemoteContent",value:function(b,c){var d=this,e=this._$element.data("width")||560,f=this._$element.data("height")||560,g=this._$element.data("disableExternalCheck")||!1;return this._toggleLoading(!1),g||this._isExternal(b)?(c.html(''),this._config.onContentLoaded.call(this)):c.load(b,a.proxy(function(){return d._$element.trigger("loaded.bs.modal")})),this._$modalArrows&&this._$modalArrows.css("display","none"),this._resize(e,f),this}},{key:"_isExternal",value:function(a){var b=a.match(/^([^:\/?#]+:)?(?:\/\/([^\/?#]*))?([^?#]+)?(\?[^#]*)?(#.*)?/);return"string"==typeof b[1]&&b[1].length>0&&b[1].toLowerCase()!==location.protocol||"string"==typeof b[2]&&b[2].length>0&&b[2].replace(new RegExp(":("+{"http:":80,"https:":443}[location.protocol]+")?$"),"")!==location.host}},{key:"_error",value:function(a){return console.error(a),this._containerToUse().html(a),this._resize(300,300),this}},{key:"_preloadImageByIndex",value:function(b,c){if(this._$galleryItems){var d=a(this._$galleryItems.get(b),!1);if("undefined"!=typeof d){var e=d.attr("data-remote")||d.attr("href");return("image"===d.attr("data-type")||this._isImage(e))&&this._preloadImage(e,!1),c>0?this._preloadImageByIndex(b+1,c-1):void 0}}}},{key:"_preloadImage",value:function(b,c){var d=this;c=c||!1;var e=new Image;return c&&!function(){var f=setTimeout(function(){c.append(d._config.loadingMessage)},200);e.onload=function(){f&&clearTimeout(f),f=null;var b=a("
-
+
+
+
@php } @endphp
@endif
@@ -70,7 +74,7 @@
@foreach($module->screenshots as $screenshot)
@php if (empty($status)) { $status = 5; } else { $status = 1; } @endphp
+ {{ $module->name }}
+
-
+
@@ -81,6 +85,7 @@
@endforeach
@@ -248,7 +254,15 @@
@endif
@endsection
+@push('js')
+
+@endpush
+
@push('css')
+
+@endpush
+
+@push('style')