plugins/jetpack/modules/theme-tools/site-logo/js/site-logo.js


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46

/**
 * JS for handling the Site Logo real-time display in the Customizer preview frame.
 */
( function( $ ) {
	var api = wp.customize,
		$body,
		$anchor,
		$logo,
		size;

	function cacheSelectors() {
		$body = $( 'body' );
		$anchor = $( '.site-logo-link' );
		$logo = $( '.site-logo' );
		size = $logo.attr( 'data-size' );
	}

	api( 'site_logo', function( value ) {
		value.bind( function( newVal ) {
			// grab selectors the first time through
			if ( ! $body ) {
				cacheSelectors();
			}

			// Let's update our preview logo.
			if ( newVal && newVal.url ) {
				// If the source was smaller than the size required by the theme, give the biggest we've got.
				if ( ! newVal.sizes[ size ] ) {
					size = 'full';
				}

				$logo.attr( {
					height: newVal.sizes[ size ].height,
					width: newVal.sizes[ size ].width,
					src: newVal.sizes[ size ].url,
				} );

				$anchor.show();
				$body.addClass( 'has-site-logo' );
			} else {
				$anchor.hide();
				$body.removeClass( 'has-site-logo' );
			}
		} );
	} );
} )( jQuery );