' . __( 'The fields on this screen determine some of the basics of your site setup.' ) . '
' . '' . __( 'Most themes show the site title at the top of every page, in the title bar of the browser, and as the identifying name for syndicated feeds. Many themes also show the tagline.' ) . '
'; diff --git a/src/wp-admin/options-reading.php b/src/wp-admin/options-reading.php index 31facac7ed..74461b4292 100644 --- a/src/wp-admin/options-reading.php +++ b/src/wp-admin/options-reading.php @@ -17,7 +17,7 @@ if ( ! current_user_can( 'manage_options' ) ) { $title = __( 'Reading Settings' ); $parent_file = 'options-general.php'; -add_action( 'admin_head', 'options_reading_add_js' ); +wp_enqueue_script( 'options' ); get_current_screen()->add_help_tab( array( diff --git a/src/wp-includes/script-loader.php b/src/wp-includes/script-loader.php index 42d42b3f87..2bb65a8751 100644 --- a/src/wp-includes/script-loader.php +++ b/src/wp-includes/script-loader.php @@ -1485,6 +1485,8 @@ function wp_default_scripts( $scripts ) { $scripts->add( 'site-health', "/wp-admin/js/site-health$suffix.js", array( 'clipboard', 'jquery', 'wp-util', 'wp-a11y', 'wp-api-request', 'wp-url', 'wp-i18n', 'wp-hooks' ), false, 1 ); $scripts->set_translations( 'site-health' ); + $scripts->add( 'options', "/wp-admin/js/options$suffix.js", array( 'jquery' ), false, 1 ); + $scripts->add( 'privacy-tools', "/wp-admin/js/privacy-tools$suffix.js", array( 'jquery', 'wp-a11y' ), false, 1 ); $scripts->set_translations( 'privacy-tools' ); warning: in the working copy of 'src/js/_enqueues/admin/options.js', LF will be replaced by CRLF the next time Git touches it diff --git a/src/js/_enqueues/admin/options.js b/src/js/_enqueues/admin/options.js new file mode 100644 index 0000000000..bbfeebf6ad --- /dev/null +++ b/src/js/_enqueues/admin/options.js @@ -0,0 +1,99 @@ +/** + * Scripts for the options/settings administration screens. + * + * @output wp-admin/js/options.js + */ + +/* global ajaxurl */ + +jQuery( function( $ ) { + var $showAvatars = $( '#show_avatars' ), + $avatarSettings = $( '.avatar-settings' ), + $siteName = $( '#wp-admin-bar-site-name' ).children( 'a' ).first(), + $siteIconPreview = $( '#site-icon-preview-site-title' ), + $languageSelect = $( '#WPLANG' ), + $frontStaticPages = $( '#front-static-pages' ), + homeURL = ( ( window.optionsL10n && window.optionsL10n.homeURL ) || '' ).replace( /^(https?:\/\/)?(www\.)?/, '' ); + + // options-discussion.php: Toggle avatar settings when 'Show Avatars' is changed. + $showAvatars.on( 'change', function() { + $avatarSettings.toggleClass( 'hide-if-js', ! this.checked ); + } ); + + // options-general.php: Update admin bar site name and site icon preview on title input. + $( '#blogname' ).on( 'input', function() { + var title = $.trim( $( this ).val() ) || homeURL; + + // Truncate to 40 characters. + if ( 40 < title.length ) { + title = title.substring( 0, 40 ) + '\u2026'; + } + + $siteName.text( title ); + $siteIconPreview.text( title ); + } ); + + // options-general.php: Date and time format pickers. + $( 'input[name="date_format"]' ).on( 'click', function() { + if ( 'date_format_custom_radio' !== $( this ).attr( 'id' ) ) { + $( 'input[name="date_format_custom"]' ).val( $( this ).val() ).closest( 'fieldset' ).find( '.example' ).text( $( this ).parent( 'label' ).children( '.format-i18n' ).text() ); + } + } ); + + $( 'input[name="date_format_custom"]' ).on( 'click input', function() { + $( '#date_format_custom_radio' ).prop( 'checked', true ); + } ); + + $( 'input[name="time_format"]' ).on( 'click', function() { + if ( 'time_format_custom_radio' !== $( this ).attr( 'id' ) ) { + $( 'input[name="time_format_custom"]' ).val( $( this ).val() ).closest( 'fieldset' ).find( '.example' ).text( $( this ).parent( 'label' ).children( '.format-i18n' ).text() ); + } + } ); + + $( 'input[name="time_format_custom"]' ).on( 'click input', function() { + $( '#time_format_custom_radio' ).prop( 'checked', true ); + } ); + + $( 'input[name="date_format_custom"], input[name="time_format_custom"]' ).on( 'input', function() { + var format = $( this ), + fieldset = format.closest( 'fieldset' ), + example = fieldset.find( '.example' ), + spinner = fieldset.find( '.spinner' ); + + // Debounce the event callback while users are typing. + clearTimeout( $.data( this, 'timer' ) ); + $( this ).data( 'timer', setTimeout( function() { + // If custom date is not empty. + if ( format.val() ) { + spinner.addClass( 'is-active' ); + + $.post( ajaxurl, { + action: 'date_format_custom' === format.attr( 'name' ) ? 'date_format' : 'time_format', + date: format.val() + }, function( d ) { spinner.removeClass( 'is-active' ); example.text( d ); } ); + } + }, 500 ) ); + } ); + + // options-general.php: Language install spinner. + $( 'form' ).on( 'submit', function() { + /* + * Don't show a spinner for English and installed languages, + * as there is nothing to download. + */ + if ( $languageSelect.length && ! $languageSelect.find( 'option:selected' ).data( 'installed' ) ) { + $( '#submit', this ).after( '' ); + } + } ); + + // options-reading.php: Enable/disable page selects based on 'Your homepage displays' radio. + if ( $frontStaticPages.length ) { + var $staticPage = $frontStaticPages.find( 'input:radio[value="page"]' ), + $selects = $frontStaticPages.find( 'select' ), + checkDisabled = function() { + $selects.prop( 'disabled', ! $staticPage.prop( 'checked' ) ); + }; + checkDisabled(); + $frontStaticPages.find( 'input:radio' ).on( 'change', checkDisabled ); + } +} );