| <?php |
| |
| |
| |
| |
| |
| |
| |
|
|
| |
| |
| |
| |
| |
| |
| |
| |
| |
| class WP_Customize_Themes_Section extends WP_Customize_Section { |
|
|
| |
| |
| |
| |
| |
| |
| public $type = 'themes'; |
|
|
| |
| |
| |
| |
| |
| |
| |
| |
| public $action = ''; |
|
|
| |
| |
| |
| |
| |
| |
| |
| |
| |
| public $filter_type = 'local'; |
|
|
| |
| |
| |
| |
| |
| |
| public function json() { |
| $exported = parent::json(); |
| $exported['action'] = $this->action; |
| $exported['filter_type'] = $this->filter_type; |
|
|
| return $exported; |
| } |
|
|
| |
| |
| |
| |
| |
| |
| |
| protected function render_template() { |
| ?> |
| <li id="accordion-section-{{ data.id }}" class="theme-section"> |
| <button type="button" class="customize-themes-section-title themes-section-{{ data.id }}">{{ data.title }}</button> |
| <?php if ( current_user_can( 'install_themes' ) || is_multisite() ) : // @todo Upload support. ?> |
| <?php endif; ?> |
| <div class="customize-themes-section themes-section-{{ data.id }} control-section-content themes-php"> |
| <div class="theme-overlay" tabindex="0" role="dialog" aria-label="<?php esc_attr_e( 'Theme Details' ); ?>"></div> |
| <div class="theme-browser rendered"> |
| <div class="customize-preview-header themes-filter-bar"> |
| <?php $this->filter_bar_content_template(); ?> |
| </div> |
| <?php $this->filter_drawer_content_template(); ?> |
| <div class="error unexpected-error" style="display: none; "> |
| <p> |
| <?php |
| printf( |
| /* translators: %s: Support forums URL. */ |
| __( 'An unexpected error occurred. Something may be wrong with WordPress.org or this server’s configuration. If you continue to have problems, please try the <a href="%s">support forums</a>.' ), |
| __( 'https://wordpress.org/support/forums/' ) |
| ); |
| ?> |
| </p> |
| </div> |
| <ul class="themes"> |
| </ul> |
| <p class="no-themes"><?php _e( 'No themes found. Try a different search.' ); ?></p> |
| <p class="no-themes-local"> |
| <?php |
| printf( |
| /* translators: %s: "Search WordPress.org themes" button text. */ |
| __( 'No themes found. Try a different search, or %s.' ), |
| sprintf( '<button type="button" class="button-link search-dotorg-themes">%s</button>', __( 'Search WordPress.org themes' ) ) |
| ); |
| ?> |
| </p> |
| <p class="spinner"></p> |
| </div> |
| </div> |
| </li> |
| <?php |
| } |
| |
| /** |
| * 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()}. |
| * |
| * @since 4.9.0 |
| */ |
| 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 |
| } |
| |
| /** |
| * Renders the filter drawer portion of a themes section as a JS template. |
| * |
| * The filter bar container is rendered by {@see render_template()}. |
| * |
| * @since 4.9.0 |
| */ |
| protected function filter_drawer_content_template() { |
| /* |
| * @todo Use the .org API instead of the local core feature list. |
| * The .org API is currently outdated and will be reconciled when the .org themes directory is next redesigned. |
| */ |
| $feature_list = get_theme_feature_list( false ); |
| ?> |
| <# if ( 'wporg' === data.action ) { #> |
| <div class="filter-drawer filter-details"> |
| <?php foreach ( $feature_list as $feature_name => $features ) : ?> |
| <fieldset class="filter-group"> |
| <legend><?php echo esc_html( $feature_name ); ?></legend> |
| <div class="filter-group-feature"> |
| <?php foreach ( $features as $feature => $feature_name ) : ?> |
| <input type="checkbox" id="filter-id-<?php echo esc_attr( $feature ); ?>" value="<?php echo esc_attr( $feature ); ?>" /> |
| <label for="filter-id-<?php echo esc_attr( $feature ); ?>"><?php echo esc_html( $feature_name ); ?></label> |
| <?php endforeach; ?> |
| </div> |
| </fieldset> |
| <?php endforeach; ?> |
| </div> |
| <# } #> |
| <?php |
| } |
| } |
| |
