Changeset 1895 for sites/trunk/translate.wordpress.org/public_html/gp-templates/stats-overview.php

Timestamp:

09/18/2015 08:09:58 PM (9 years ago)

Author:

ocean90

Message:

Translate, stats overview: Add sorting.

Props samuelsidler.

File:

• sites/trunk/translate.wordpress.org/public_html/gp-templates/stats-overview.php (modified) (5 diffs)

sites/trunk/translate.wordpress.org/public_html/gp-templates/stats-overview.php

@@ -1 +1 @@
 <?php
 gp_title( __( 'Translation status overview &lt; GlotPress' ) );
+wp_enqueue_script( 'tablesorter' );
 
 $breadcrumb   = array();
@@ -8 +9 @@
 gp_tmpl_header();
 
-
 ?>
 <div class="stats-table">
-    <table class="table">
+    <table id="stats-table" class="table">
         <thead>
             <tr>
@@ -41 +41 @@
                     <th title="<?php echo esc_attr( $gp_locale->english_name ); ?>">
                         <a href="<?php echo gp_url_join( 'locale', $gp_locale->slug, $set_slug ); ?>">
-                            <?php echo esc_html( $gp_locale->wp_locale ); ?> 
+                            <?php echo esc_html( $gp_locale->wp_locale ); ?>
                         </a>
                     </th>
@@ -59 +59 @@
                                 }
                                 $percent_class = 'percent' . $percent_class;
-                                echo '<td class="' . $percent_class .'"><a href="' . $projecturl . '">' . number_format( $percent ) . '</a></td>';
+                                echo '<td data-sort-value="'. esc_attr( $percent ) . '" class="' . $percent_class .'"><a href="' . $projecturl . '">' . number_format( $percent ) . '</a></td>';
                             } else {
                                 $percent_class = 'percent' . (int) ( $percent / 10 ) * 10;
-                                echo '<td class="' . $percent_class .'"><a href="' . $projecturl . '">' . $percent . '%</a></td>';
+                                echo '<td data-sort-value="' . esc_attr( $percent ) . '" class="' . $percent_class .'"><a href="' . $projecturl . '">' . $percent . '%</a></td>';
                             }
 
                         } else {
-                            echo '<td class="none">&mdash;</td>';
+                            echo '<td class="none" data-sort-value="-1">&mdash;</td>';
                         }
-                        
-                        
                     }
                     ?>
@@ -76 +74 @@
         </tbody>
     </table>
-
 </div>
 
+<script type="text/javascript">
+jQuery( document ).ready( function( $ ) {
+    $( '#stats-table' ).tablesorter( {
+        textExtraction: function( node ) {
+            var cellValue = $( node ).text(),
+                sortValue = $( node ).data( 'sortValue' );
+
+            return ( undefined !== sortValue ) ? sortValue : cellValue;
+        }
+    });
+});
+</script>
 <?php
 gp_tmpl_footer();