WP_Customize_Themes_Section::filter_bar_content_template() │ protected │ WP 4.9.0

Renders the filter bar portion of a themes section as a JS template.

The template is only rendered by PHP once, so all actions are prepared at once on the server side. The filter bar container is rendered by {@see render_template()}.

Method of the class: WP_Customize_Themes_Section{}

No Hooks.

Return

null. Nothing (null).

Usage

// protected - for code of main (parent) or child class
$result = $this->filter_bar_content_template();

Changelog

WP_Customize_Themes_Section::filter_bar_content_template() WP Customize Themes Section::filter bar content template code ^{WP 6.6.1}

<?php
protected function filter_bar_content_template() {
	?>
	<button type="button" class="button button-primary customize-section-back customize-themes-mobile-back"><?php _e( 'Go to theme sources' ); ?></button>
	<# if ( 'wporg' === data.action ) { #>
		<div class="search-form">
			<label for="wp-filter-search-input-{{ data.id }}"><?php _e( 'Search themes' ); ?></label>
			<div class="search-form-input">
				<input type="search" id="wp-filter-search-input-{{ data.id }}" aria-describedby="{{ data.id }}-live-search-desc" class="wp-filter-search">
				<div class="search-icon" aria-hidden="true"></div>
				<span id="{{ data.id }}-live-search-desc" class="screen-reader-text">
					<?php
					/* translators: Hidden accessibility text. */
					_e( 'The search results will be updated as you type.' );
					?>
				</span>
			</div>
		</div>
	<# } else { #>
		<div class="themes-filter-container">
			<label for="{{ data.id }}-themes-filter"><?php _e( 'Search themes' ); ?></label>
			<div class="search-form-input">
				<input type="search" id="{{ data.id }}-themes-filter" aria-describedby="{{ data.id }}-live-search-desc" class="wp-filter-search wp-filter-search-themes" />
				<div class="search-icon" aria-hidden="true"></div>
				<span id="{{ data.id }}-live-search-desc" class="screen-reader-text">
					<?php
					/* translators: Hidden accessibility text. */
					_e( 'The search results will be updated as you type.' );
					?>
				</span>
			</div>
		</div>
	<# } #>
	<div class="filter-themes-wrapper">
		<# if ( 'wporg' === data.action ) { #>
		<button type="button" class="button feature-filter-toggle">
			<span class="filter-count-0"><?php _e( 'Filter themes' ); ?></span><span class="filter-count-filters">
				<?php
				/* translators: %s: Number of filters selected. */
				printf( __( 'Filter themes (%s)' ), '<span class="theme-filter-count">0</span>' );
				?>
			</span>
		</button>
		<# } #>
		<div class="filter-themes-count">
			<span class="themes-displayed">
				<?php
				/* translators: %s: Number of themes displayed. */
				printf( __( '%s themes' ), '<span class="theme-count">0</span>' );
				?>
			</span>
		</div>
	</div>
	<?php
}