diff --git a/src/assets/css/tainacan-gutenberg-block-item-gallery.css b/src/assets/css/tainacan-gutenberg-block-item-gallery.css index 6618c94fb..630310cdc 100644 --- a/src/assets/css/tainacan-gutenberg-block-item-gallery.css +++ b/src/assets/css/tainacan-gutenberg-block-item-gallery.css @@ -294,6 +294,26 @@ --pswp-bg: var(--tainacan-lightbox-background, #000); --pswp-error-text-color: var(--tainacan-lightbox-text-color, #f7f7f7); --pswp-icon-color: var(--tainacan-lightbox-text-color, #fff); } + .tainacan-photoswipe-layer .pswp__counter { + min-width: 50px; } + .tainacan-photoswipe-layer .pswp__name { + display: block; + height: 30px; + line-height: 30px; + margin: 15px auto; + color: var(--pswp-icon-color); + text-shadow: 1px 1px 3px var(--pswp-icon-color-secondary); + max-width: calc(100% - 220px); + width: 100%; + padding: 0 12px; + text-align: center; + font-size: 0.875em; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + transition: opacity 0.4s ease; } + .tainacan-photoswipe-layer .pswp__name:hover { + opacity: 1.0; } .tainacan-photoswipe-layer .pswp__caption { bottom: 0; position: fixed; @@ -301,21 +321,30 @@ width: 100%; display: flex; justify-content: center; } - .tainacan-photoswipe-layer .pswp__caption-inner { - opacity: 0.75; - background-color: var(--pswp-bg); - color: var(--pswp-icon-color); - text-shadow: 1px 1px 3px var(--pswp-icon-color-secondary); - max-width: 920px; - padding: 12px; - line-height: 20px; - text-align: center; - font-size: 1em; - border-radius: 3px; - transition: opacity 0.4s ease; } - .tainacan-photoswipe-layer .pswp__caption-inner:hover { - opacity: 1.0; } - .tainacan-photoswipe-layer.pswp--zoomed-in .pswp__caption-inner { + .tainacan-photoswipe-layer .pswp__caption .pswp__caption-inner { + opacity: 0.75; + background-color: var(--pswp-bg); + color: var(--pswp-icon-color); + text-shadow: 1px 1px 3px var(--pswp-icon-color-secondary); + max-width: 920px; + padding: 12px; + line-height: 20px; + text-align: center; + font-size: 1em; + border-radius: 4px; + transition: opacity 0.4s ease; } + .tainacan-photoswipe-layer .pswp__caption .pswp__caption-inner:hover { + opacity: 1.0; } + .tainacan-photoswipe-layer .pswp__caption .pswp__caption-inner .pswp__figure_caption { + font-size: 0.875em; + font-style: italic; + display: block; } + .tainacan-photoswipe-layer .pswp__caption .pswp__caption-inner .pswp__figure_caption:not(:only-child) { + margin-bottom: 1.25em; } + .tainacan-photoswipe-layer .pswp__caption .pswp__caption-inner .pswp__description { + font-size: 0.9375em; + display: block; } + .tainacan-photoswipe-layer.pswp--zoomed-in .pswp__name, .tainacan-photoswipe-layer.pswp--zoomed-in .pswp__caption-inner { opacity: 0.0; } .tainacan-photoswipe-layer .pswp__button--arrow--left::before, .tainacan-photoswipe-layer .pswp__button--arrow--right::before { @@ -397,30 +426,5 @@ .tainacan-photoswipe-layer .pswp__container video { min-height: 56px; max-width: 80%; } - .tainacan-photoswipe-layer .pswp__top-bar .pswp__name { - color: var(--pswp-icon-color); - text-shadow: 1px 1px 3px var(--pswp-icon-color-secondary); - text-align: center; - font-size: 1.125em; - display: block; - height: 44px; - max-width: calc(100% - 240px); - width: 100%; - left: 44px; - position: absolute; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; - line-height: 44px; - padding: 0 10px; } - .tainacan-photoswipe-layer .pswp__figure_caption { - font-size: 0.875em; - font-style: italic; } - .tainacan-photoswipe-layer .pswp__description { - font-size: 0.9375em; } - .tainacan-photoswipe-layer .pswp__caption__center { - text-align: center; - font-size: 1em; - max-width: 800px; } /*# sourceMappingURL=tainacan-gutenberg-block-item-gallery.css.map */ diff --git a/src/assets/css/tainacan-gutenberg-block-item-gallery.css.map b/src/assets/css/tainacan-gutenberg-block-item-gallery.css.map index 275bbe61d..6cc64da6f 100644 --- a/src/assets/css/tainacan-gutenberg-block-item-gallery.css.map +++ b/src/assets/css/tainacan-gutenberg-block-item-gallery.css.map @@ -1,6 +1,6 @@ { "version": 3, -"mappings": "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", +"mappings": "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", "sources": ["../../views/gutenberg-blocks/blocks/item-gallery/style.scss"], "names": [], "file": "tainacan-gutenberg-block-item-gallery.css" diff --git a/src/classes/theme-helper/class-tainacan-theme-helper.php b/src/classes/theme-helper/class-tainacan-theme-helper.php index daac2a508..52d5d195c 100644 --- a/src/classes/theme-helper/class-tainacan-theme-helper.php +++ b/src/classes/theme-helper/class-tainacan-theme-helper.php @@ -1121,6 +1121,9 @@ public function get_tainacan_related_items_carousel($args = []) { * @type bool $hideFileNameThumbnails Hides the Thumbnails carousel file name * @type bool $hideFileCaptionThumbnails Hides the Thumbnails carousel file caption * @type bool $hideFileDescriptionThumbnails Hides the Thumbnails carousel file description + * @type bool $hideFileNameLightbox Hides the Lightbox file name + * @type bool $hideFileCaptionLightbox Hides the Lightbox file caption + * @type bool $hideFileDescriptionLightbox Hides the Lightbox file description * @type bool $openLightboxOnClick Enables the behaviour of opening a lightbox with zoom when clicking on the media item * @type bool $showDownloadButtonMain Displays a download button bellow the Main slider * @return string The HTML div to be used for rendering the item galery component @@ -1137,6 +1140,9 @@ public function get_tainacan_item_gallery($args = []) { 'hideFileNameThumbnails' => true, 'hideFileCaptionThumbnails' => true, 'hideFileDescriptionThumbnails' => true, + 'hideFileNameLightbox' => false, + 'hideFileCaptionLightbox' => false, + 'hideFileDescriptionLightbox' => false, 'openLightboxOnClick' => true, 'showDownloadButtonMain' => true ); @@ -1158,6 +1164,9 @@ public function get_tainacan_item_gallery($args = []) { $hide_file_name_thumbnails = $args['hideFileNameThumbnails']; $hide_file_caption_thumbnails = $args['hideFileCaptionThumbnails']; $hide_file_description_thumbnails = $args['hideFileDescriptionThumbnails']; + $hide_file_name_lightbox = $args['hideFileNameLightbox']; + $hide_file_caption_lightbox = $args['hideFileCaptionLightbox']; + $hide_file_description_lightbox = $args['hideFileDescriptionLightbox']; $open_lightbox_on_click = $args['openLightboxOnClick']; $show_download_button_main = $args['showDownloadButtonMain']; @@ -1332,6 +1341,9 @@ public function get_tainacan_item_gallery($args = []) { ) : '', 'swiper_arrows_as_svg' => true, 'disable_lightbox' => !$open_lightbox_on_click, + 'hide_media_name' => $hide_file_name_lightbox, + 'hide_media_caption' => $hide_file_caption_lightbox, + 'hide_media_description' => $hide_file_description_lightbox ) ); } diff --git a/src/classes/theme-helper/template-tags.php b/src/classes/theme-helper/template-tags.php index 3fc1b018f..fa9d38ac5 100644 --- a/src/classes/theme-helper/template-tags.php +++ b/src/classes/theme-helper/template-tags.php @@ -1090,6 +1090,9 @@ function tainacan_has_related_items($item_id = false) { * @type bool $hideFileNameThumbnails Hides the Thumbnails carousel file name * @type bool $hideFileCaptionThumbnails Hides the Thumbnails carousel file caption * @type bool $hideFileDescriptionThumbnails Hides the Thumbnails carousel file description + * @type bool $hideFileNameLightbox Hides the Lightbox file name + * @type bool $hideFileCaptionLightbox Hides the Lightbox file caption + * @type bool $hideFileDescriptionLightbox Hides the Lightbox file description * @type bool $openLightboxOnClick Enables the behaviour of opening a lightbox with zoom when clicking on the media item * @type bool $showDownloadButtonMain Displays a download button bellow the Main slider * @return void diff --git a/src/views/gutenberg-blocks/blocks/item-gallery/block.json b/src/views/gutenberg-blocks/blocks/item-gallery/block.json index df6c4e4f8..94092a907 100644 --- a/src/views/gutenberg-blocks/blocks/item-gallery/block.json +++ b/src/views/gutenberg-blocks/blocks/item-gallery/block.json @@ -73,6 +73,18 @@ "type": "boolean", "default": true }, + "hideFileNameLightbox": { + "type": "boolean", + "default": false + }, + "hideFileCaptionLightbox": { + "type": "boolean", + "default": false + }, + "hideFileDescriptionLightbox": { + "type": "boolean", + "default": false + }, "openLightboxOnClick": { "type": "boolean", "default": true diff --git a/src/views/gutenberg-blocks/blocks/item-gallery/edit.js b/src/views/gutenberg-blocks/blocks/item-gallery/edit.js index aa1a574a1..1115a7a73 100644 --- a/src/views/gutenberg-blocks/blocks/item-gallery/edit.js +++ b/src/views/gutenberg-blocks/blocks/item-gallery/edit.js @@ -22,6 +22,9 @@ export default function ({ attributes, setAttributes, className, isSelected, cli hideFileNameThumbnails, hideFileCaptionThumbnails, hideFileDescriptionThumbnails, + hideFileNameLightbox, + hideFileCaptionLightbox, + hideFileDescriptionLightbox, openLightboxOnClick, arrowsSize, mainSliderHeight, @@ -245,6 +248,40 @@ export default function ({ attributes, setAttributes, className, isSelected, cli /> : null } + { openLightboxOnClick === true ? + + { + hideFileNameLightbox = isChecked; + setAttributes({ hideFileNameLightbox: hideFileNameLightbox }); + } + } + /> + { + hideFileCaptionLightbox = isChecked; + setAttributes({ hideFileCaptionLightbox: hideFileCaptionLightbox }); + } + } + /> + { + hideFileDescriptionLightbox = isChecked; + setAttributes({ hideFileDescriptionLightbox: hideFileDescriptionLightbox }); + } + } + /> + + : null } { isSelected ? diff --git a/src/views/gutenberg-blocks/blocks/item-gallery/style.scss b/src/views/gutenberg-blocks/blocks/item-gallery/style.scss index 7888cbb06..45a6091df 100644 --- a/src/views/gutenberg-blocks/blocks/item-gallery/style.scss +++ b/src/views/gutenberg-blocks/blocks/item-gallery/style.scss @@ -383,6 +383,30 @@ --pswp-error-text-color: var(--tainacan-lightbox-text-color, #f7f7f7); --pswp-icon-color: var(--tainacan-lightbox-text-color, #fff); + .pswp__counter { + min-width: 50px; + } + .pswp__name { + display: block; + height: 30px; + line-height: 30px; + margin: 15px auto; + color: var(--pswp-icon-color); + text-shadow: 1px 1px 3px var(--pswp-icon-color-secondary); + max-width: calc(100% - 220px); + width: 100%; + padding: 0 12px; + text-align: center; + font-size: 0.875em; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + transition: opacity 0.1s ease; + + &:hover { + opacity: 1.0; + } + } .pswp__caption { bottom: 0; position: fixed; @@ -390,24 +414,38 @@ width: 100%; display: flex; justify-content: center; - } - .pswp__caption-inner { - opacity: 0.75; - background-color: var(--pswp-bg); - color: var(--pswp-icon-color); - text-shadow: 1px 1px 3px var(--pswp-icon-color-secondary); - max-width: 920px; - padding: 12px; - line-height: 20px; - text-align: center; - font-size: 1em; - border-radius: 3px; - transition: opacity 0.4s ease; - &:hover { - opacity: 1.0; + .pswp__caption-inner { + opacity: 0.75; + background-color: var(--pswp-bg); + color: var(--pswp-icon-color); + text-shadow: 1px 1px 3px var(--pswp-icon-color-secondary); + max-width: 920px; + padding: 12px; + line-height: 20px; + text-align: center; + font-size: 1em; + border-radius: 4px; + transition: opacity 0.4s ease; + + &:hover { + opacity: 1.0; + } + .pswp__figure_caption { + font-size: 0.875em; + font-style: italic; + display: block; + &:not(:only-child) { + margin-bottom: 1.25em; + } + } + .pswp__description { + font-size: 0.9375em; + display: block; + } } } + &.pswp--zoomed-in .pswp__name, &.pswp--zoomed-in .pswp__caption-inner { opacity: 0.0; } @@ -514,33 +552,4 @@ max-width: 80%; } } - .pswp__top-bar .pswp__name { - color: var(--pswp-icon-color); - text-shadow: 1px 1px 3px var(--pswp-icon-color-secondary); - text-align: center; - font-size: 1.125em; - display: block; - height: 44px; - max-width: calc(100% - 240px); - width: 100%; - left: 44px; - position: absolute; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; - line-height: 44px; - padding: 0 10px; - } - .pswp__figure_caption { - font-size: 0.875em; - font-style: italic; - } - .pswp__description { - font-size: 0.9375em; - } - .pswp__caption__center { - text-align: center; - font-size: 1em; - max-width: 800px; - } } \ No newline at end of file diff --git a/src/views/gutenberg-blocks/blocks/item-gallery/theme.js b/src/views/gutenberg-blocks/blocks/item-gallery/theme.js index 0d9cb00bf..aa98db043 100644 --- a/src/views/gutenberg-blocks/blocks/item-gallery/theme.js +++ b/src/views/gutenberg-blocks/blocks/item-gallery/theme.js @@ -24,6 +24,10 @@ tainacan_plugin.classes.TainacanMediaGallery = class TainacanMediaGallery { * @param {Object} options.swiper_main_options object with SwiperJS options for the main list * @param {Boolean} options.disable_lightbox do not open photoswipes lightbox when clicking the main gallery * @param {Boolean} options.show_share_button show share button on lightbox + * @param {Boolean} options.show_download_button show share download button on lightbox + * @param {Boolean} options.hide_media_name hide media name on lightbox + * @param {Boolean} options.hide_media_caption hide media caption on lightbox + * @param {Boolean} options.hide_media_description hide media description tbox * * @return {Object} TainacanMediaGallery instance */ @@ -150,7 +154,7 @@ tainacan_plugin.classes.TainacanMediaGallery = class TainacanMediaGallery { /* Updates Swiper instance from Photoswipe */ const swiperInstance = this.mainSwiper ? this.mainSwiper : this.thumbsSwiper; - const thisLightbox = this.lightbox; + const self = this; // Parse URL and open gallery from it if contains #&pid=3&gid=1 const hashData = this.photoswipeParseHash(); @@ -181,18 +185,18 @@ tainacan_plugin.classes.TainacanMediaGallery = class TainacanMediaGallery { // Update position of the slider this.lightbox.on("change", () => { - if (thisLightbox.pswp && !isNaN(thisLightbox.pswp.currIndex) && thisLightbox.pswp.currIndex >= 0) { + if (self.lightbox.pswp && !isNaN(self.lightbox.pswp.currIndex) && self.lightbox.pswp.currIndex >= 0) { // This is the index of current photoswipe slide - swiperInstance.slideTo(thisLightbox.pswp.currIndex); + swiperInstance.slideTo(self.lightbox.pswp.currIndex); // Also updates URL for history navigation // We only add to the history if it is the first time opening let currentURL = window.location.toString(); if (currentURL.indexOf("#") > 0) { currentURL = currentURL.substring(0, currentURL.indexOf("#")); - window.history.replaceState({}, '', currentURL + '#gid=' + this.options.media_id + '&pid=' + (thisLightbox.pswp.currIndex + 1)); + window.history.replaceState({}, '', currentURL + '#gid=' + this.options.media_id + '&pid=' + (self.lightbox.pswp.currIndex + 1)); } else { - window.history.pushState({}, '', currentURL + '#gid=' + this.options.media_id + '&pid=' + (thisLightbox.pswp.currIndex + 1)); + window.history.pushState({}, '', currentURL + '#gid=' + this.options.media_id + '&pid=' + (self.lightbox.pswp.currIndex + 1)); } } }); @@ -209,40 +213,56 @@ tainacan_plugin.classes.TainacanMediaGallery = class TainacanMediaGallery { window.history.replaceState({},'', currentURL.substring(0, currentURL.indexOf("#"))); }); - // Adds caption + // Adds name, caption, description this.lightbox.on('uiRegister', () => { - thisLightbox.pswp.ui.registerElement({ + self.lightbox.pswp.ui.registerElement({ + name: 'name', + order: 7, + isButton: false, + appendTo: 'bar', + onInit: (el, pswp) => { + self.lightbox.pswp.on('change', () => { + const item = pswp.currSlide.data; + let innerHTML = ''; + if ( + item && + item.title && + item.title.name && + !self.options.hide_media_name + ) + innerHTML += item.title.name.innerHTML; + el.innerHTML += item.title.name.innerHTML; + }); + } + }); + self.lightbox.pswp.ui.registerElement({ name: 'caption', order: 15, isButton: false, appendTo: 'root', onInit: (el, pswp) => { - thisLightbox.pswp.on('change', () => { + self.lightbox.pswp.on('change', () => { const item = pswp.currSlide.data; - if (item && item.title) { - let innerHTML = ''; - + let innerHTML = ''; + if ( + item && + item.title && + ( + (item.title.caption && !self.options.hide_media_caption) || + (item.title.description && !self.options.hide_media_description) + ) + ) { innerHTML += '
'; - if (item.title.caption) + if (item.title.caption && !self.options.hide_media_caption) innerHTML += '' + item.title.caption.innerHTML + ''; - if (item.title.name && item.title.caption || (!item.title.name && item.title.caption && item.title.description) ) - innerHTML += '
'; - - if (item.title.name) - innerHTML += '' + item.title.name.innerHTML + ''; - - if (item.title.description && item.title.name) - innerHTML += '
'; - - if (item.title.description) + if (item.title.description && !self.options.hide_media_description) innerHTML += '' + item.title.description.innerHTML + ''; innerHTML += '
'; - - el.innerHTML = innerHTML; } + el.innerHTML = innerHTML; }); } });