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 (9 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 );
     });
 });