wp/wp-content/themes/twentyseventeen/assets/js/customize-controls.js
changeset 7 cf61fcea0001
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/wp/wp-content/themes/twentyseventeen/assets/js/customize-controls.js	Mon Oct 14 17:39:30 2019 +0200
@@ -0,0 +1,36 @@
+/**
+ * Scripts within the customizer controls window.
+ *
+ * Contextually shows the color hue control and informs the preview
+ * when users open or close the front page sections section.
+ */
+
+(function() {
+	wp.customize.bind( 'ready', function() {
+
+		// Only show the color hue control when there's a custom color scheme.
+		wp.customize( 'colorscheme', function( setting ) {
+			wp.customize.control( 'colorscheme_hue', function( control ) {
+				var visibility = function() {
+					if ( 'custom' === setting.get() ) {
+						control.container.slideDown( 180 );
+					} else {
+						control.container.slideUp( 180 );
+					}
+				};
+
+				visibility();
+				setting.bind( visibility );
+			});
+		});
+
+		// Detect when the front page sections section is expanded (or closed) so we can adjust the preview accordingly.
+		wp.customize.section( 'theme_options', function( section ) {
+			section.expanded.bind( function( isExpanding ) {
+
+				// Value of isExpanding will = true if you're entering the section, false if you're leaving it.
+				wp.customize.previewer.send( 'section-highlight', { expanded: isExpanding });
+			} );
+		} );
+	});
+})( jQuery );