-
-
+
+
+
+ %s', __( 'Search WordPress.org themes' ) ) + ); + ?> +
+
<# } else { #>
-
+
+
+
+
+
+
+
+
+
+
+
+
+ type;
+ public $action = '';
+
+ /**
+ * Get section parameters for JS.
+ *
+ * @since 4.9.0
+ * @return array Exported parameters.
+ */
+ public function json() {
+ $exported = parent::json();
+ $exported['action'] = $this->action;
+
+ return $exported;
+ }
+
+ /**
+ * Render 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.
+ *
+ * @since 4.9.0
+ */
+ protected function render_template() {
?>
-
-
<# } #>
- <# if ( data.theme.screenshot[0] ) { #>
+ <# if ( data.theme.screenshot && data.theme.screenshot[0] ) { #>
![]()
@@ -76,28 +80,45 @@ class WP_Customize_Theme_Control extends WP_Customize_Control {
<# } #>
- <# if ( data.theme.isActiveTheme ) { #>
-
- <# } else { #>
-
- <# } #>
+
- <# if ( data.theme.isActiveTheme ) { #>
-
+ <# if ( 'installed' === data.theme.type && data.theme.hasUpdate ) { #>
+
+ <# } #>
+
+ <# if ( data.theme.active ) { #>
+
diff --git a/src/wp-includes/customize/class-wp-customize-themes-panel.php b/src/wp-includes/customize/class-wp-customize-themes-panel.php
new file mode 100644
index 0000000000..8cd8e8dd88
--- /dev/null
+++ b/src/wp-includes/customize/class-wp-customize-themes-panel.php
@@ -0,0 +1,103 @@
+
+
+ <# if ( 'installed' === data.theme.type && data.theme.hasUpdate ) { #>
+
+ <# } #>
+
+ <# if ( data.theme.active ) { #>
+
Active: %s' ), '{{{ data.theme.name }}}' );
+ printf( __( 'Previewing: %s' ), '{{ data.theme.name }}' );
?>
- <# } else { #>
- {{{ data.theme.name }}}
-
+
+
+
+ <# } else if ( 'installed' === data.theme.type ) { #>
+ {{ data.theme.name }}
+
+
+
+ <# } else { #>
+ {{ data.theme.name }}
+
+
<# } #>
+ manager->is_theme_active() ) { + echo '' . __( 'Active theme' ) . ' {{ data.title }}'; + } else { + echo '' . __( 'Previewing theme' ) . ' {{ data.title }}'; + } + ?> + + + + +
+
+
+ ' . __( 'Themes' ) . '' ); // Separate strings for consistency with other panels.
+ ?>
+
+
+ <# if ( data.description ) { #>
+
+ <# } #>
+
+
+
+ <# if ( data.description ) { #>
+
+ {{{ data.description }}}
+
+ <# } #>
+
+ -
+
+
- manager->is_theme_active() ) { - echo '' . __( 'Active theme' ) . ' ' . $this->title; - } else { - echo '' . __( 'Previewing theme' ) . ' ' . $this->title; - } - ?> - - controls ) > 0 ) : ?> - - -
-
-
+
+
+
+
-
+
+ <# if ( 'wporg' === data.action ) { #>
+
- - - - controls ) + 1 /* Active theme */; ?> -
-- manager->is_theme_active() ) { - echo '' . __( 'Active theme' ) . ' ' . $this->title; - } else { - echo '' . __( 'Previewing theme' ) . ' ' . $this->title; - } - ?> - -
- +
-
-
- controls ) > 4 ) : ?>
-
-
+
+
+
+
+
+
+ $features ) {
+ echo '';
+ }
+ ?>
+
+ <# } else { #>
+ + +
+ <# } #> +
+
+ 0' );
+ ?>
+
+
+ assertNotEmpty( $data );
- $this->assertEqualSets( array( 'theme', 'url', 'browser', 'panels', 'sections', 'nonce', 'autofocus', 'documentTitleTmpl', 'previewableDevices', 'changeset', 'timeouts', 'initialClientTimestamp', 'initialServerDate', 'initialServerTimestamp' ), array_keys( $data ) );
+ $this->assertEqualSets( array( 'theme', 'url', 'browser', 'panels', 'sections', 'nonce', 'autofocus', 'documentTitleTmpl', 'previewableDevices', 'changeset', 'timeouts', 'initialClientTimestamp', 'initialServerDate', 'initialServerTimestamp', 'l10n' ), array_keys( $data ) );
$this->assertEquals( $autofocus, $data['autofocus'] );
$this->assertArrayHasKey( 'save', $data['nonce'] );
$this->assertArrayHasKey( 'preview', $data['nonce'] );