[Summary view] [Print] [Text view]

   1  /**
   2   * Scripts within the customizer controls window.
   3   *
   4   * Contextually shows the color hue control and informs the preview
   5   * when users open or close the front page sections section.
   6   */
   7  
   8  (function() {
   9      wp.customize.bind( 'ready', function() {
  10  
  11          // Only show the color hue control when there's a custom color scheme.
  12          wp.customize( 'colorscheme', function( setting ) {
  13              wp.customize.control( 'colorscheme_hue', function( control ) {
  14                  var visibility = function() {
  15                      if ( 'custom' === setting.get() ) {
  16                          control.container.slideDown( 180 );
  17                      } else {
  18                          control.container.slideUp( 180 );
  19                      }
  20                  };
  21  
  22                  visibility();
  23                  setting.bind( visibility );
  24              });
  25          });
  26  
  27          // Detect when the front page sections section is expanded (or closed) so we can adjust the preview accordingly.
  28          wp.customize.section( 'theme_options', function( section ) {
  29              section.expanded.bind( function( isExpanding ) {
  30  
  31                  // Value of isExpanding will = true if you're entering the section, false if you're leaving it.
  32                  wp.customize.previewer.send( 'section-highlight', { expanded: isExpanding });
  33              } );
  34          } );
  35      });
  36  })();