Ticket #31530: 31530-01-add-theme-id.2.diff

src/wp-admin/themes.php

@@ -210 +210 @@
         $aria_action = esc_attr( $theme['id'] . '-action' );
         $aria_name   = esc_attr( $theme['id'] . '-name' );
         ?>
-<div class="theme<?php if ( $theme['active'] ) echo ' active'; ?>" tabindex="0" aria-describedby="<?php echo $aria_action . ' ' . $aria_name; ?>">
+<div id="theme-<?php echo esc_attr( $theme['id'] ); ?>" class="theme<?php if ( $theme['active'] ) echo ' active'; ?>" tabindex="0" aria-describedby="<?php echo $aria_action . ' ' . $aria_name; ?>">
         <?php if ( ! empty( $theme['screenshot'][0] ) ) { ?>
                 <div class="theme-screenshot">
                         <img src="<?php echo $theme['screenshot'][0]; ?>" alt="" />

src/wp-admin/js/theme.js

@@ -384 +384 @@
         render: function() {
                 var data = this.model.toJSON();
                 // Render themes using the html template
-                this.$el.html( this.html( data ) ).attr({
+                this.$el.attr(
+                        'id', 'theme-' + data.id
+                ).html( this.html( data ) ).attr({
                         tabindex: 0,
                         'aria-describedby' : data.id + '-action ' + data.id + '-name'
                 });

src/wp-admin/theme-install.php

@@ -204 +204 @@
         <h3 class="theme-name">{{ data.name }}</h3>
 
         <div class="theme-actions">
-                <a class="button button-primary" href="{{ data.install_url }}"><?php esc_html_e( 'Install' ); ?></a>
+                <a class="button button-primary theme-install" href="{{ data.install_url }}"><?php esc_html_e( 'Install' ); ?></a>
                 <a class="button button-secondary preview install-theme-preview" href="#"><?php esc_html_e( 'Preview' ); ?></a>
         </div>