Changeset 2070

Timestamp:

11/10/2015 11:49:53 PM (9 years ago)

Author:

obenland

Message:

Translate: Dynamic table headings for small screens.

Uses the same information for all screen sizes now, which also allows for table
headings to be translated. Makes the cursor a pointer on column headings to
make it a little more obvious they are sortable.

Fixes #1365.

Location:

sites/trunk/translate.wordpress.org/public_html/gp-templates

Files:

• projects-wp-plugins.php (modified) (3 diffs)
• stats-overview.php (modified) (2 diffs)
• style.css (modified) (2 diffs)

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

@@ -1 +1 @@
 <?php
 $edit_link = gp_link_project_edit_get( $project, __( '(edit)' ) );
+$table_headings = array(
+    'locale'        => __( 'Locale' ),
+    'dev'           => __( 'Development' ),
+    'dev-readme'    => __( 'Development Readme' ),
+    'stable'        => __( 'Stable' ),
+    'stable-readme' => __( 'Stable Readme' ),
+    'waiting'       => __( 'Waiting' ),
+);
 
 gp_title( sprintf( __( '%s &lt; GlotPress' ), esc_html( $project->name ) ) );
@@ -31 +39 @@
         <thead>
             <tr>
-                <th class="title"><?php _e( 'Locale' ); ?></th>
-                <th class="title"><?php _e( 'Development' ); ?></th>
-                <th class="title"><?php _e( 'Development Readme' ); ?></th>
-                <th class="title"><?php _e( 'Stable' ); ?></th>
-                <th class="title"><?php _e( 'Stable Readme' ); ?></th>
-                <th class="title"><?php _e( 'Waiting' ); ?></th>
+                <?php foreach ( $table_headings as $heading ) : ?>
+                <th class="title"><?php echo $heading; ?></th>
+                <?php endforeach; ?>
             </tr>
         </thead>
@@ -87 +92 @@
                                     endif;
 
-                                    echo '<td data-sort-value="' . esc_attr( $percent ) . '" class="percent' . $percent_class .'">'. gp_link_get( $link_url, $link_text ) . '</td>';
+                                    echo '<td data-column-title="' . esc_attr( $table_headings[ $subproject_slug ] ) . '" data-sort-value="' . esc_attr( $percent ) . '" class="percent' . $percent_class .'">'. gp_link_get( $link_url, $link_text ) . '</td>';
                                 else :
-                                    echo '<td class="none" data-sort-value="-1">&mdash;</td>';
+                                    echo '<td class="none" data-column-title="" data-sort-value="-1">&mdash;</td>';
                                 endif;
                             endforeach;

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

@@ -47 +47 @@
                     foreach ( $projects as $slug => $project ) {
                         $projecturl = gp_url( gp_url_join( 'locale', $gp_locale->slug, $set_slug, $project->path ) );
+                        $project_name = str_replace( array( 'WordPress.org ', 'WordPress for ', 'WordPress ', 'ectory' ), '', $project->name );
 
                         if ( isset( $translation_locale_statuses[ $locale_slug ][ $project->path ] ) ) {
@@ -59 +60 @@
                                 }
                                 $percent_class = 'percent' . $percent_class;
-                                echo '<td data-sort-value="'. esc_attr( $percent ) . '" class="' . $percent_class .'"><a href="' . $projecturl . '">' . number_format( $percent ) . '</a></td>';
+                                echo '<td data-column-title="' . esc_attr( $project_name ) . '" 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 data-sort-value="' . esc_attr( $percent ) . '" class="' . $percent_class .'"><a href="' . $projecturl . '">' . $percent . '%</a></td>';
+                                echo '<td data-column-title="' . esc_attr( $project_name ) . '" data-sort-value="' . esc_attr( $percent ) . '" class="' . $percent_class .'"><a href="' . $projecturl . '">' . $percent . '%</a></td>';
                             }
 
                         } else {
-                            echo '<td class="none" data-sort-value="-1">&mdash;</td>';
+                            echo '<td class="none" data-column-title="" data-sort-value="-1">&mdash;</td>';
                         }
                     }

sites/trunk/translate.wordpress.org/public_html/gp-templates/style.css

@@ -904 +904 @@
     }
 
-    .stats-table table tbody td:nth-of-type(1):before { content: "4.2.x"; }
-    .stats-table table tbody td:nth-of-type(2):before { content: "4.3.x"; }
-    .stats-table table tbody td:nth-of-type(3):before { content: "Rosetta"; }
-    .stats-table table tbody td:nth-of-type(4):before { content: "Browse Happy"; }
-    .stats-table table tbody td:nth-of-type(5):before { content: "Theme Dir"; }
-    .stats-table table tbody td:nth-of-type(6):before { content: "Plugin Dir"; }
-    .stats-table table tbody td:nth-of-type(7):before { content: "Forums"; }
-    .stats-table table tbody td:nth-of-type(8):before { content: "Android"; }
-    .stats-table table tbody td:nth-of-type(9):before { content: "iOS"; }
-    .stats-table table tbody td:nth-of-type(10):before { content: "Waiting"; }
+    .stats-table td:before {
+        content: attr(data-column-title);
+    }
 }
 
@@ -933 +926 @@
 }
 .stats-table table thead th {
+    cursor: pointer;
     margin: 0;
     margin-right: 0px;