Changeset 2660 for sites/trunk/translate.wordpress.org/public_html/gp-templates-new/projects-wp-plugins-contributors.php

Timestamp:

03/01/2016 08:10:20 PM (10 years ago)

Author:

ocean90

Message:

Translate: Add filters to plugin's contributors page and display the WP locale of a language pack.

See #1388.

File:

• sites/trunk/translate.wordpress.org/public_html/gp-templates-new/projects-wp-plugins-contributors.php (modified) (4 diffs)

sites/trunk/translate.wordpress.org/public_html/gp-templates-new/projects-wp-plugins-contributors.php

@@ -44 +44 @@
 
         <h3>Activity</h3>
-        <p>The graph shows the recent activity of your contributors. It's updated once per day.</p>
+        <p>The graph shows the recent activity of your contributors. It&#8217;s updated once per day.</p>
 
         <div class="ct-chart ct-chart-contributors"></div>
@@ -52 +52 @@
         <?php
         if ( $contributors_by_locale ) {
-                echo '<div class="contributors-list-search"><input type="search" placeholder="Filter teams&hellip;" id="contributors-list-search"></div>';
+                ?>
+                <div class="contributors-list-filter">
+                        <button type="button" class="button-link filter active" data-filter="all">All</button> |
+                        <button type="button" class="button-link filter" data-filter="has-editors">With Editors</button> |
+                        <button type="button" class="button-link filter" data-filter="no-editors">Without Editors</button>
+
+                        <input type="search" class="search" placeholder="Filter teams&hellip;" id="contributors-list-search">
+                </div>
+                <?php
                 echo '<div id="contributors-list" class="contributors-list">';
                 foreach ( $contributors_by_locale as $locale_slug => $data ) {
                         $locale = GP_Locales::by_slug( $locale_slug );
+                        $has_editors = ! empty ( $data['editors'] );
 
                         $editors_list = array();
@@ -84 +93 @@
 
                         printf(
-                                '<div class="contributors-list-box">
+                                '<div class="contributors-list-box%s">
                                         <h4><span class="locale-name">%s<span> <span class="contributors-count">%s</span> <span class="locale-code">#%s</span></h4>
                                         <p><strong>Editors:</strong> %s</p>
                                         <p><strong>Contributors:</strong> %s</p>
                                 </div>',
+                                $has_editors ? ' has-editors' : ' no-editors',
                                 $locale->english_name,
                                 sprintf( _n( '%s person', '%s persons', $data['count'] ), number_format_i18n( $data['count'] ) ),
@@ -127 +137 @@
                         }).show();
                 }
+        });
+
+        $( '.contributors-list-filter .filter' ).on( 'click', function() {
+                var $el = $( this ), filter = $el.data( 'filter' );
+
+                $el.siblings( '.active' ).removeClass( 'active' );
+                $el.addClass( 'active' );
+                $( '#contributors-list' ).attr( 'data-current-filter', filter );
         });
 });