options_general_add_js()

34function options_general_add_js() {35	?>36<script>37	jQuery( function($) {38		var $siteName = $( '#wp-admin-bar-site-name' ).children( 'a' ).first(),39			$siteIconPreview = $('#site-icon-preview-site-title'),40			homeURL = ( <?php echo wp_json_encode( get_home_url(), JSON_HEX_TAG | JSON_UNESCAPED_SLASHES ); ?> || '' ).replace( /^(https?:\/\/)?(www\.)?/, '' );41 42		$( '#blogname' ).on( 'input', function() {43			var title = $.trim( $( this ).val() ) || homeURL;44 45			// Truncate to 40 characters.46			if ( 40 < title.length ) {47				title = title.substring( 0, 40 ) + '\u2026';48			}49 50			$siteName.text( title );51			$siteIconPreview.text( title );52		});53 54		$( 'input[name="date_format"]' ).on( 'click', function() {55			if ( 'date_format_custom_radio' !== $(this).attr( 'id' ) )56				$( 'input[name="date_format_custom"]' ).val( $( this ).val() ).closest( 'fieldset' ).find( '.example' ).text( $( this ).parent( 'label' ).children( '.format-i18n' ).text() );57		});58 59		$( 'input[name="date_format_custom"]' ).on( 'click input', function() {60			$( '#date_format_custom_radio' ).prop( 'checked', true );61		});62 63		$( 'input[name="time_format"]' ).on( 'click', function() {64			if ( 'time_format_custom_radio' !== $(this).attr( 'id' ) )65				$( 'input[name="time_format_custom"]' ).val( $( this ).val() ).closest( 'fieldset' ).find( '.example' ).text( $( this ).parent( 'label' ).children( '.format-i18n' ).text() );66		});67 68		$( 'input[name="time_format_custom"]' ).on( 'click input', function() {69			$( '#time_format_custom_radio' ).prop( 'checked', true );70		});71 72		$( 'input[name="date_format_custom"], input[name="time_format_custom"]' ).on( 'input', function() {73			var format = $( this ),74				fieldset = format.closest( 'fieldset' ),75				example = fieldset.find( '.example' ),76				spinner = fieldset.find( '.spinner' );77 78			// Debounce the event callback while users are typing.79			clearTimeout( $.data( this, 'timer' ) );80			$( this ).data( 'timer', setTimeout( function() {81				// If custom date is not empty.82				if ( format.val() ) {83					spinner.addClass( 'is-active' );84 85					$.post( ajaxurl, {86						action: 'date_format_custom' === format.attr( 'name' ) ? 'date_format' : 'time_format',87						date 	: format.val()88					}, function( d ) { spinner.removeClass( 'is-active' ); example.text( d ); } );89				}90			}, 500 ) );91		} );92 93		var languageSelect = $( '#WPLANG' );94		$( 'form' ).on( 'submit', function() {95			/*96			 * Don't show a spinner for English and installed languages,97			 * as there is nothing to download.98			 */99			if ( ! languageSelect.find( 'option:selected' ).data( 'installed' ) ) {100				$( '#submit', this ).after( '<span class="spinner language-install-spinner is-active" />' );101			}102		});103	} );104</script>105	<?php106}