Making WordPress.org


Ignore:
Timestamp:
01/05/2015 11:14:57 PM (9 years ago)
Author:
obenland
Message:

WP.org Themes: Repair ratings display in theme modal.

Gets the rating styles to display the star rating, requests rating
level information from the Themes API, and changes the data property
name to what the API will likely use.

See https://dotorg.trac.wordpress.org/ticket/20
See #745.

File:
1 edited

Legend:

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

    r1034 r1087  
    5454                    <span><?php printf( __( '%s out of 5 stars.', 'wporg-themes' ), '{{ (data.rating/20).toFixed(1) }}' ); ?></span>
    5555
    56                     <# if ( data.lvl_ratings ) { #>
     56                    <# console.log(data); if ( data.ratings ) { #>
    5757                        <div class="counter-container">
    5858                            <a href="//wordpress.org/support/view/theme-reviews/{{ data.id }}?filter=5" title="<?php printf( __( 'Click to see reviews that provided a rating of %d stars', 'wporg-themes' ), 5 ); ?>">
    5959                                <span class="counter-label"><?php printf( __( '%d stars', 'wporg-themes' ), 5 ); ?></span>
    6060                                <span class="counter-back">
    61                                     <span class="counter-bar" style="width: {{ 92 * data.lvl_ratings[5] / data.num_ratings }}px;"></span>
     61                                    <span class="counter-bar" style="width: {{ 92 * data.ratings[5] / data.num_ratings }}px;"></span>
    6262                                </span>
    6363                            </a>
    64                             <span class="counter-count">{{ data.lvl_ratings[5] }}</span>
     64                            <span class="counter-count">{{ data.ratings[5] }}</span>
    6565                        </div>
    6666                        <div class="counter-container">
     
    6868                                <span class="counter-label"><?php printf( __( '%d stars', 'wporg-themes' ), 4 ); ?></span>
    6969                                <span class="counter-back">
    70                                     <span class="counter-bar" style="width: {{ 92 * data.lvl_ratings[4] / data.num_ratings }}px;"></span>
     70                                    <span class="counter-bar" style="width: {{ 92 * data.ratings[4] / data.num_ratings }}px;"></span>
    7171                                </span>
    7272                            </a>
    73                             <span class="counter-count">{{ data.lvl_ratings[4] }}</span>
     73                            <span class="counter-count">{{ data.ratings[4] }}</span>
    7474                        </div>
    7575                        <div class="counter-container">
     
    7777                                <span class="counter-label"><?php printf( __( '%d stars', 'wporg-themes' ), 3 ); ?></span>
    7878                                <span class="counter-back">
    79                                     <span class="counter-bar" style="width: {{ 92 * data.lvl_ratings[3] / data.num_ratings }}px;"></span>
     79                                    <span class="counter-bar" style="width: {{ 92 * data.ratings[3] / data.num_ratings }}px;"></span>
    8080                                </span>
    8181                            </a>
    82                             <span class="counter-count">{{ data.lvl_ratings[3] }}</span>
     82                            <span class="counter-count">{{ data.ratings[3] }}</span>
    8383                        </div>
    8484                        <div class="counter-container">
     
    8686                                <span class="counter-label"><?php printf( __( '%d stars', 'wporg-themes' ), 2 ); ?></span>
    8787                                <span class="counter-back">
    88                                     <span class="counter-bar" style="width: {{ 92 * data.lvl_ratings[2] / data.num_ratings }}px;"></span>
     88                                    <span class="counter-bar" style="width: {{ 92 * data.ratings[2] / data.num_ratings }}px;"></span>
    8989                                </span>
    9090                            </a>
    91                             <span class="counter-count">{{ data.lvl_ratings[2] }}</span>
     91                            <span class="counter-count">{{ data.ratings[2] }}</span>
    9292                        </div>
    9393                        <div class="counter-container">
     
    9595                                <span class="counter-label"><?php printf( __( '%d stars', 'wporg-themes' ), 1 ); ?></span>
    9696                                <span class="counter-back">
    97                                     <span class="counter-bar" style="width: {{ 92 * data.lvl_ratings[1] / data.num_ratings }}px;"></span>
     97                                    <span class="counter-bar" style="width: {{ 92 * data.ratings[1] / data.num_ratings }}px;"></span>
    9898                                </span>
    9999                            </a>
    100                             <span class="counter-count">{{ data.lvl_ratings[1] }}</span>
     100                            <span class="counter-count">{{ data.ratings[1] }}</span>
    101101                        </div>
    102102                    <# } #>
Note: See TracChangeset for help on using the changeset viewer.