Hide / show gallery settings

Author: bfintal

class-gg-core.php

@@ -99,8 +99,6 @@ public function createSettings() {
 
 	public function renderGallery( $output, $atts ) {
 
-		if ( $this)
-		
 		/**
 		 * Get the attachments that we will display
 		 */

gambit-gallery.php

@@ -109,6 +109,13 @@ public function loadAdminScripts() {
 			array(), 
 			GG_VERSION
 		);
+		
+		wp_enqueue_script( 
+			GG_SLUG . '-admin', 
+			plugins_url( 'js/admin.js', __FILE__ ), 
+			array( 'jquery' ), 
+			GG_VERSION
+		);
 	}
 
 
@@ -138,25 +145,23 @@ public function renderGallerySettings() {
 		</script>
 
 	    <script>
-
-	      jQuery(document).ready(function(){
-
-	        // add your shortcode attribute and its default value to the
-	        // gallery settings list; $.extend should work as well...
-	        _.extend(wp.media.gallery.defaults, 
-				<?php echo json_encode( $attributeDefaults ) ?>
-			);
-
-	        // merge default gallery settings template with yours
-	        wp.media.view.Settings.Gallery = wp.media.view.Settings.Gallery.extend({
-	          template: function(view){
-	            return wp.media.template('gallery-settings')(view)
-	                 + wp.media.template('<?php echo GG_SLUG ?>-settings')(view);
-	          }
-	        });
-
-	      });
-
+			jQuery(document).ready(function($){
+
+				// add your shortcode attribute and its default value to the
+				// gallery settings list; $.extend should work as well...
+				_.extend(wp.media.gallery.defaults, 
+					<?php echo json_encode( $attributeDefaults ) ?>
+				);
+
+				// merge default gallery settings template with yours
+				wp.media.view.Settings.Gallery = wp.media.view.Settings.Gallery.extend({
+					template: function(view){
+						return wp.media.template('gallery-settings')(view)
+						+ wp.media.template('<?php echo GG_SLUG ?>-settings')(view);
+					}
+				});
+
+			});
 	    </script>
 	    <?php
 	}

js/admin.js

@@ -0,0 +1,29 @@
+jQuery(document).ready(function($) {
+	"use strict";
+	
+	
+	// Trigger stuff on change
+	var modalIsVisible = false;
+	setInterval( function() {
+		$ = jQuery;
+		if ( modalIsVisible !== $('.media-modal').is(':visible') ) {
+			if ( ! modalIsVisible ) {
+				$('.setting.gambit-gallery').find('select, input').trigger('change');
+			}
+			modalIsVisible = $('.media-modal').is(':visible');
+		}
+	}, 500 );
+	
+	
+	// Hide the size because we won't use it
+	// Show gambit gallery settings if enabled
+	$('body').on('change', '[data-setting="gambit_gallery"]', function() {
+		if ( $(this).val() === 'enabled' ) {
+			$('.gallery-settings .setting.size').css('opacity', '.5');
+			$('.setting.gambit-gallery').filter(':not(:eq(0))').show();
+		} else {
+			$('.gallery-settings .setting.size').css('opacity', '1');
+			$('.setting.gambit-gallery').filter(':not(:eq(0))').hide();
+		}
+	});
+});