Changeset 1021 for sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-themes/view-templates/theme-single.php

Timestamp:

12/02/2014 11:03:33 PM (9 years ago)

Author:

obenland

Message:

WP.org Themes: First pass at improved single theme page.

• Synchronizes content between modal and single view.
• Displays a banner if the theme is outdated.
• Removes unused inline CSS for easier code scanning.

See #745.

File:

• sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-themes/view-templates/theme-single.php (modified) (3 diffs)

sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-themes/view-templates/theme-single.php

@@ -8 +8 @@
         </div>
         <div class="theme-about">
+            <# if ( data.is_outdated ) { #>
+            <div class="theme-notice notice notice-warning">
+                <p><?php _e( 'This theme <strong>hasn&#146;t been updated in over 2 years</strong>. It may no longer be maintained or supported and may have compatibility issues when used with more recent versions of WordPress.', 'wporg-themes' ); ?></p>
+            </div><!-- .theme-notice -->
+            <# } #>
+
             <div class="theme-info hentry">
                 <h3 class="theme-name entry-title">{{{ data.name }}}</h3>
-                <span class="theme-version"><?php printf( __( 'Version: %s' ), '{{{ data.version }}}' ); ?></span>
+                <span class="theme-version">
+                    <?php printf( __( 'Version: %s' ), sprintf( '<abbr title="%1$s">%2$s</abbr>', esc_attr( sprintf( __( 'Last updated: %s' ), '{{ new Date(data.last_updated).toLocaleDateString() }}' ) ), '{{{ data.version }}}' ) ); ?>
+                </span>
                 <h4 class="theme-author"><?php printf( __( 'By %s' ), '<span class="author">{{{ data.author }}}</span>' ); ?></h4>
 
                 <p class="theme-description entry-summary">{{{ data.description }}}</p>
 
-                <div class="rating rating-{{ Math.round( data.rating / 10 ) * 10 }}">
-                    <span class="one"></span>
-                    <span class="two"></span>
-                    <span class="three"></span>
-                    <span class="four"></span>
-                    <span class="five"></span>
-
-                    <p class="votes"><?php printf( __( 'Based on %s ratings.' ), '{{{ data.num_ratings }}}' ); ?></p>
-                </div>
-
-                <div class="theme-stats">
-                    <div><strong><?php _e( 'Last updated:' ); ?></strong> <span class="updated">{{ data.last_updated }}</span></div>
-                    <div><strong><?php _e( 'Downloads:' ); ?></strong> {{ data.downloaded }}</div>
-                    <div><a href="{{ data.homepage }}"><?php _e( 'Theme Homepage &raquo;' ); ?></a></div>
-                </div>
+                <# if ( data.parent ) { #>
+                    <p class="parent-theme"><?php printf( __( 'This is a child theme of %s.' ), '<strong>{{{ data.parent }}}</strong>' ); ?></p>
+                <# } #>
 
                 <# if ( data.tags ) { #>
@@ -49 +45 @@
             </div><!-- .theme-screenshot -->
 
-            <div class="theme-downloads">
-                <h4><?php _e( 'Downloads Per Day' ); ?></h4>
-                <div id="theme-download-stats-{{data.id}}" class="chart"></div>
-            </div>
+            <div class="theme-ratings" itemprop="aggregateRating" itemscope itemtype="http://schema.org/AggregateRating">
+                <meta itemprop="ratingValue" content="{{ (data.rating/20).toFixed(1) }}"/>
+                <meta itemprop="ratingCount" content="{{ data.num_ratings }}"/>
+                <h4><?php _e( 'Ratings', 'wporg-themes' ); ?></h4>
+                <div class="star-holder">
+                    <div class="star-rating" style="width: {{ (data.rating).toFixed(1) }}%"><?php printf( __( '%d stars', 'wporg-themes' ), '{{ Math.round( data.rating ) }}' ); ?></div>
+                </div>
+                <span><?php printf( __( '%s out of 5 stars.', 'wporg-themes' ), '{{ (data.rating/20).toFixed(1) }}' ); ?></span>
+                <?php
+                $ratingcount = array(); // TODO: Rating counts
+                foreach ( range( 1, 5 ) as $val ) {
+                    if ( empty( $ratingcount[ $val ] ) ) {
+                        $ratingcount[ $val ] = 0;
+                    }
+                }
+                krsort( $ratingcount );
+                foreach ( $ratingcount as $key => $ratecount ) :
+                    ?>
+                    <div class="counter-container">
+                        <a href="//wordpress.org/support/view/theme-reviews/{{ data.id }}?filter=<?php echo $key; ?>" title="<?php printf( _n( 'Click to see reviews that provided a rating of %d star', 'Click to see reviews that provided a rating of %d stars', $key, 'wporg-themes' ), $key ); ?>">
+                            <span class="counter-label" style="float:left; margin-right:5px;"><?php printf( __( '%d stars', 'wporg-themes' ), $key ); ?></span>
+                        <span class="counter-back" style="height:17px;width:92px;background-color:#ececec;float:left;">
+                            <span class="counter-bar" style="width: <?php echo 92 * ( $ratecount / count( 1 ) ); ?>px;height:17px;background-color:#fddb5a;float:left;"></span>
+                        </span>
+                        </a>
+                        <span class="counter-count" style="margin-left:5px;"><?php echo $ratecount; ?></span>
+                    </div>
+                <?php endforeach; ?>
+            </div><!-- .theme-rating -->
 
             <div class="theme-devs">
@@ -68 +89 @@
                 <h5><?php _e( 'Browse the Code', 'wporg-themes' ); ?></h5>
                 <ul class="unmarked-list">
-                    <li><a href='//themes.trac.wordpress.org/log/{{data.id}}/' rel='nofollow'><?php _e( 'Development Log', 'wporg-themes' ); ?></a></li>
-                    <li><a href='//themes.svn.wordpress.org/{{data.id}}/' rel='nofollow'><?php _e( 'Subversion Repository', 'wporg-themes' ); ?></a></li>
-                    <li><a href='//themes.trac.wordpress.org/browser/{{data.id}}/' rel='nofollow'><?php _e( 'Browse in Trac', 'wporg-themes' ); ?></a></li>
+                    <li><a href="//themes.trac.wordpress.org/log/{{data.id}}/" rel="nofollow"><?php _e( 'Development Log', 'wporg-themes' ); ?></a></li>
+                    <li><a href="//themes.svn.wordpress.org/{{data.id}}/" rel="nofollow"><?php _e( 'Subversion Repository', 'wporg-themes' ); ?></a></li>
+                    <li><a href="//themes.trac.wordpress.org/browser/{{data.id}}/" rel="nofollow"><?php _e( 'Browse in Trac', 'wporg-themes' ); ?></a></li>
                 </ul>
-            </div>
+            </div><!-- .theme-devs -->
+
+            <div class="theme-downloads">
+                <h4><?php _e( 'Downloads Per Day' ); ?></h4>
+                <div id="theme-download-stats-{{data.id}}" class="chart"></div>
+            </div><!-- .theme-downloads -->
         </div>