Removes unavailable features from the gallery block by now. #674.

src/assets/css/tainacan-gutenberg-block-item-gallery.css

@@ -609,6 +609,19 @@ a.pswp__share--download:hover {
 .pswp--minimal--dark .pswp__top-bar {
   background: none; }
 
+.item-gallery-edit-container .tainacan-media-component .swiper-slide,
+.item-gallery-edit-container .tainacan-media-component .swiper-button-prev,
+.item-gallery-edit-container .tainacan-media-component .swiper-button-next {
+  cursor: not-allowed !important; }
+.item-gallery-edit-container .preview-warning {
+  width: 100%;
+  font-size: 0.875rem;
+  font-style: italic;
+  color: inherit;
+  text-align: center;
+  margin: 0 auto;
+  padding: 8px 2px 2px 2px; }
+
 .tainacan-media-component {
   --swiper-theme-color: var(--tainacan-secondary, #298596);
   --swiper-navigation-size: 44px;

src/views/gutenberg-blocks/blocks/item-gallery/block.json

@@ -73,18 +73,6 @@
             "type": "boolean",
             "default": true
         },
-        "hideFileNameLightbox": {
-            "type": "boolean",
-            "default": false
-        },
-        "hideFileCaptionLightbox": {
-            "type": "boolean",
-            "default": false
-        },
-        "hideFileDescriptionLightbox": {
-            "type": "boolean",
-            "default": false
-        },
         "openLightboxOnClick": {
             "type": "boolean",
             "default": true

src/views/gutenberg-blocks/blocks/item-gallery/edit.js

@@ -22,9 +22,6 @@ export default function ({ attributes, setAttributes, className, isSelected, cli
         hideFileNameThumbnails,
         hideFileCaptionThumbnails,
         hideFileDescriptionThumbnails,
-        hideFileNameLightbox,
-        hideFileCaptionLightbox,
-        hideFileDescriptionLightbox,
         openLightboxOnClick,
         arrowsSize,
         mainSliderHeight,
@@ -74,7 +71,7 @@ export default function ({ attributes, setAttributes, className, isSelected, cli
                             } 
                         }
                     />
-                    <ToggleControl
+                    {/* <ToggleControl
                         label={__('Metadata', 'tainacan')}
                         checked={ mediaSources['metadata'] === true }
                         onChange={ ( isChecked ) => {
@@ -83,7 +80,7 @@ export default function ({ attributes, setAttributes, className, isSelected, cli
                                 setAttributes({ mediaSources: updatedSources });
                             } 
                         }
-                    />
+                    /> */}
                 </PanelBody>
                 <PanelBody
                         title={__('Layout elements', 'tainacan')}
@@ -237,40 +234,6 @@ export default function ({ attributes, setAttributes, className, isSelected, cli
                         />
                     </PanelBody>
                 : null }
-                { openLightboxOnClick ?
-                    <PanelBody
-                            title={__('Lightbox settings', 'tainacan')}
-                            initialOpen={ false }
-                        >
-                        <ToggleControl
-                            label={__('Hide file name', 'tainacan')}
-                            checked={ hideFileNameLightbox }
-                            onChange={ ( isChecked ) => {
-                                    hideFileNameLightbox = isChecked;
-                                    setAttributes({ hideFileNameLightbox: hideFileNameLightbox });
-                                } 
-                            }
-                        />
-                       <ToggleControl
-                            label={__('Hide file caption', 'tainacan')}
-                            checked={ hideFileCaptionLightbox }
-                            onChange={ ( isChecked ) => {
-                                    hideFileCaptionLightbox = isChecked;
-                                    setAttributes({ hideFileCaptionLightbox: hideFileCaptionLightbox });
-                                } 
-                            }
-                        />
-                        <ToggleControl
-                            label={__('Hide file description', 'tainacan')}
-                            checked={ hideFileDescriptionLightbox }
-                            onChange={ ( isChecked ) => {
-                                    hideFileDescriptionLightbox = isChecked;
-                                    setAttributes({ hideFileDescriptionLightbox: hideFileDescriptionLightbox });
-                                } 
-                            }
-                        />
-                    </PanelBody>
-                : null }
             </InspectorControls>
 
             { isSelected ? 
@@ -340,6 +303,7 @@ export default function ({ attributes, setAttributes, className, isSelected, cli
             
             {  itemId ? (
                 <div className={ 'item-gallery-edit-container' }>
+                    <div class="preview-warning">{__('Warning: this is just a demonstration. To see the gallery in action, either preview or publish your post.', 'tainacan') }</div>
                     <ServerSideRender
                         block="tainacan/item-gallery"
                         attributes={ attributes }

src/views/gutenberg-blocks/blocks/item-gallery/save.php

@@ -22,9 +22,6 @@ function tainacan_blocks_render_items_gallery( $block_attributes, $content ) {
 	$hide_file_name_thumbnails = isset($block_attributes['hideFileNameThumbnails']) ? $block_attributes['hideFileNameThumbnails'] : true;
 	$hide_file_caption_thumbnails = isset($block_attributes['hideFileCaptionThumbnails']) ? $block_attributes['hideFileCaptionThumbnails'] : true;
 	$hide_file_description_thumbnails = isset($block_attributes['hideFileDescriptionThumbnails']) ? $block_attributes['hideFileDescriptionThumbnails'] : true;
-	$hide_file_name_lightbox = isset($block_attributes['hideFileNameLightbox']) ? $block_attributes['hideFileNameLightbox'] : false;
-	$hide_file_caption_lightbox = isset($block_attributes['hideFileCaptionLightbox']) ? $block_attributes['hideFileCaptionLightbox'] : false;
-	$hide_file_description_lightbox = isset($block_attributes['hideFileDescriptionLightbox']) ? $block_attributes['hideFileDescriptionLightbox'] : false;
 	$open_lightbox_on_click = isset($block_attributes['openLightboxOnClick']) ? $block_attributes['openLightboxOnClick'] : true;
 
 	$media_items_main = array();
@@ -152,13 +149,14 @@ function tainacan_blocks_render_items_gallery( $block_attributes, $content ) {
 	$block_custom_css .= (isset($block_attributes['mainSliderWidth']) && is_numeric($block_attributes['mainSliderWidth'])) ? ('--tainacan-media-main-carousel-width: ' . $block_attributes['mainSliderWidth'] . '%;') : '';
 	$block_custom_css .= (isset($block_attributes['thumbnailsCarouselWidth']) && is_numeric($block_attributes['thumbnailsCarouselWidth'])) ? ('--tainacan-media-thumbs-carousel-width: ' . $block_attributes['thumbnailsCarouselWidth'] . '%;') : '';
 	$block_custom_css .= (isset($block_attributes['thumbnailsCarouselItemSize']) && is_numeric($block_attributes['thumbnailsCarouselItemSize'])) ? ('--tainacan-media-thumbs-carousel-item-size: ' . $block_attributes['thumbnailsCarouselItemSize'] . 'px;') : '';
-	// var_dump($block_attributes['style']['elements']);
+
 	$wrapper_attributes = get_block_wrapper_attributes(
 		array(
 			'style' => $block_custom_css,
 			'class' => 'tainacan-media-component'
 		)
 	);
+
 	return tainacan_get_the_media_component(
 		'tainacan-item-gallery-block_id-' . $block_id,
 		(isset($layout_elements['thumbnails']) && ($layout_elements['thumbnails'] === true || $layout_elements['thumbnails'] == 'true')) ? $media_items_thumbnails : null,

src/views/gutenberg-blocks/blocks/item-gallery/style.scss

@@ -11,6 +11,24 @@ $pswp__include-minimal-style: true !default;
 @import '../../../../../node_modules/photoswipe/src/css/main.scss';
 @import '../../../../../node_modules/photoswipe/src/css/default-skin/default-skin.scss';
 
+.item-gallery-edit-container {
+    .tainacan-media-component {
+        .swiper-slide,
+        .swiper-button-prev,
+        .swiper-button-next {
+            cursor: not-allowed !important;
+        } 
+    } 
+    .preview-warning {
+        width: 100%;
+        font-size: 0.875rem;
+        font-style: italic;
+        color: inherit;
+        text-align: center;
+        margin: 0 auto;
+        padding: 8px 2px 2px 2px;
+    }
+}
 .tainacan-media-component {
     --swiper-theme-color: var(--tainacan-secondary, #298596);
     --swiper-navigation-size: 44px;