Changeset 1734 for sites/trunk/translate.wordpress.org/public_html/gp-templates/locale-project.php

Timestamp:

07/12/2015 05:42:47 PM (9 years ago)

Author:

ocean90

Message:

Translate: Further design improvements for project portals.

• Add a drawer for sub projects.
• Move percent calculation to GP_WPorg_Route_Locale::get_project_status().
• Add a green outline to the project box if a project is 100% completed.
• Update breadcrumbs.
• Update table colors based on ​https://make.wordpress.org/design/handbook/foundations/colors/.

see #1091.

File:

• sites/trunk/translate.wordpress.org/public_html/gp-templates/locale-project.php (modified) (6 diffs)

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

@@ -4 +4 @@
 $breadcrumb   = array();
 $breadcrumb[] = gp_link_get( '/', __( 'Locales' ) );
-$breadcrumb[] = gp_link_get( gp_url_join( '/locale', $locale_slug, $set_slug), esc_html( $locale->english_name ) );
+$breadcrumb[] = gp_link_get( gp_url_join( '/locale', $locale_slug, $set_slug ), esc_html( $locale->english_name ) );
+$breadcrumb[] = gp_link_get( gp_url_join( '/locale', $locale_slug, $set_slug, $project->path ), esc_html( $project->name ) );
 $breadcrumb[] = $sub_project->name;
 gp_breadcrumb( $breadcrumb );
@@ -13 +14 @@
     <p class="project-description"><?php echo $sub_project->description; ?></p>
 
-    <div class="project-box">
+    <div class="project-box percent-<?php echo $sub_project_status->percent_complete; ?>">
         <div class="project-box-header">
             <div class="project-icon">
@@ -50 +51 @@
 
             <div class="project-status">
-                <?php
-                $percent_complete = floor( $project_status->current_count / $project_status->all_count * 100 );
-                echo $percent_complete . '%';
-                ?>
+                <?php echo $sub_project_status->percent_complete . '%'; ?>
             </div>
         </div>
 
         <div class="project-status-progress percent">
-            <div class="percent-complete" style="width:<?php echo $percent_complete; ?>%;"></div>
+            <div class="percent-complete" style="width:<?php echo $sub_project_status->percent_complete; ?>%;"></div>
         </div>
 
         <div class="project-box-footer">
+            <ul class="projects-dropdown">
+                <li><span>All Sub-Projects</span>
+                    <ul>
+                        <?php
+                        // Show the current project if it has strings.
+                        if ( $sub_project_status->all_count ) {
+                            printf(
+                                '<li><a href="%s">%s <span>%s</span></a>',
+                                gp_url_project( $sub_project->path, gp_url_join( $locale->slug, $set_slug ) ),
+                                $sub_project->name,
+                                $sub_project_status->percent_complete . '%'
+                            );
+                        }
+
+                        foreach ( $sub_projects as $_sub_project ) {
+                            $status = $sub_project_statuses[ $_sub_project->id ];
+
+                            printf(
+                                '<li><a href="%s">%s <span>%s</span></a>',
+                                gp_url_project( $_sub_project->path, gp_url_join( $locale->slug, $set_slug ) ),
+                                $_sub_project->name,
+                                $status->percent_complete . '%'
+                            );
+                        }
+                        ?>
+                    </ul>
+                </li>
+            </ul>
         </div>
     </div>
@@ -85 +111 @@
                     <td class="set-name">
                         <strong><?php gp_link( gp_url_project( $sub_project->path, gp_url_join( $locale->slug, $set_slug ) ), $sub_project->name ); ?></strong>
-                        <?php if ( $sub_project_status->current_count && $sub_project_status->current_count >= $sub_project_status->all_count * 0.9 ):
-                            $percent = floor( $sub_project_status->current_count / $sub_project_status->all_count * 100 );
+                        <?php if ( $sub_project_status->percent_complete > 90 ):
                             ?>
-                            <span class="bubble morethan90"><?php echo $percent; ?>%</span>
+                            <span class="bubble morethan90"><?php echo $sub_project_status->percent_complete; ?>%</span>
                         <?php endif;?>
                     </td>
@@ -116 +141 @@
                     <td class="set-name">
                         <strong><?php gp_link( gp_url_project( $sub_project->path, gp_url_join( $locale->slug, $set_slug ) ), $sub_project->name ); ?></strong>
-                        <?php if ( $status->current_count && $status->current_count >= $status->all_count * 0.9 ):
-                            $percent = floor( $status->current_count / $status->all_count * 100 );
+                        <?php if ( $status->percent_complete > 90 ):
                             ?>
-                            <span class="bubble morethan90"><?php echo $percent; ?>%</span>
+                            <span class="bubble morethan90"><?php echo $status->percent_complete; ?>%</span>
                         <?php endif;?>
                     </td>
@@ -155 +179 @@
             }
         });
+
+        $( '.projects-dropdown > li' ).on( 'click', function() {
+            $( this ).parent( '.projects-dropdown' ).toggleClass( 'open' );
+        });
     });
 </script>