Changeset 2072 for sites/trunk/translate.wordpress.org/public_html/gp-templates/locale-projects.php

Timestamp:

11/11/2015 02:00:12 AM (10 years ago)

Author:

dd32

Message:

Translate: Add a basic sorting dropdown to project views.
Patches welcome to integrate the UI into the listing UI better.

Fixes #1122

File:

• sites/trunk/translate.wordpress.org/public_html/gp-templates/locale-projects.php (modified) (1 diff)

sites/trunk/translate.wordpress.org/public_html/gp-templates/locale-projects.php

@@ -75 +75 @@
     </div>
 </div>
+<div class="sort-bar">
+    <select id="sort-filter" disabled="disabled">
+        <?php
+            $sorts = array();
+            if ( GP::$user->current()->id && in_array( $project->slug, array( 'waiting', 'wp-themes', 'wp-plugins' ) ) ) {
+                $sorts['special'] = 'Untranslated Favorites, Remaining Strings (Most first)';
+                $sorts['favorites'] = 'My Favorites';
+            }
+            $sorts['strings-remaining'] = 'Remaining Strings (Most first)';
+            $sorts['strings-remaining-asc'] = 'Remaining Strings (Least first)';
+            $sorts['strings-waiting-and-fuzzy'] = 'Waiting + Fuzzy (Most first)';
+            $sorts['strings-waiting-and-fuzzy-asc'] = 'Waiting + Fuzzy (Least first)';
+            $sorts['percent-completed'] = 'Percent Completed (Most first)';
+            $sorts['percent-completed-asc'] = 'Percent Completed (Least first)';
+
+            foreach ( $sorts as $value => $text ) {
+                printf( '<option value="%s" %s>%s</option>', esc_attr( $value ), ( $value == $filter ? 'selected="selected"' : '' ), esc_attr( $text ) );
+            }
+        ?>
+    </select>
+</div>
+<script>
+    jQuery('#sort-filter').change( function() {
+        var current_url = document.location.href.replace(/[?&]filter=[^&$]*/, '' );
+        document.location.replace(
+            current_url +
+            ( -1 == current_url.indexOf('?') ? '?filter=' : '&filter=' ) +
+            this.options[ this.options.selectedIndex ].value
+        );
+    } ).prop('disabled', '');
+</script>
 
 <div id="projects" class="projects">