Changeset 11741 for sites/trunk/wordpress.org/public_html/wp-content/plugins/wporg-gp-customizations/templates/locale-projects.php

Timestamp:

04/03/2022 03:31:24 PM (4 years ago)

Author:

ocean90

Message:

Translate: Improve projects overview.

• Use proper grid layout to ensure same heights of boxes.
• Use three columns on large screens.
• Reduce icon size and description length since these don't require to be in the focus unlike in the relevant directories.
• Keep current filters when changing search keywords.
• Show pagination on top and bottom.

Fixes #5945.
Fixes #6249.
See #6246.

File:

• sites/trunk/wordpress.org/public_html/wp-content/plugins/wporg-gp-customizations/templates/locale-projects.php (modified) (6 diffs)

sites/trunk/wordpress.org/public_html/wp-content/plugins/wporg-gp-customizations/templates/locale-projects.php

@@ -86 +86 @@
     <div class="search-form">
         <form>
+            <input type="hidden" name="filter" value="<?php echo esc_attr( $filter ?? '' ); ?>">
+            <input type="hidden" name="without-editors" value="<?php echo esc_attr( $without_editors ? '1' : '' ); ?>">
             <label class="screen-reader-text" for="projects-filter"><?php esc_attr_e( 'Search projects...' ); ?></label>
-            <input placeholder="<?php esc_attr_e( 'Search projects...' ); ?>" type="search" id="projects-filter" name="s" value="<?php if ( !empty( $search ) ) { echo esc_attr( $search ); } ?>" class="filter-search">
+            <input placeholder="<?php esc_attr_e( 'Search projects...' ); ?>" type="search" id="projects-filter" name="s" value="<?php echo esc_attr( $search ?? '' ); ?>" class="filter-search">
             <input type="submit" value="<?php esc_attr_e( 'Search' ); ?>" class="screen-reader-text" />
         </form>
@@ -103 +105 @@
             $filter_count++;
             ?>
-            <input id="filter-without-editors" type="checkbox" name="without-editors" value="1"<?php checked( isset( $_GET['without-editors'] ) ); ?>>
+            <input id="filter-without-editors" type="checkbox" name="without-editors" value="1"<?php checked( $without_editors ); ?>>
             <label for="filter-without-editors">Limit to projects without editors</label>
             <span class="filter-sep" aria-hidden="true">|</span>
@@ -144 +146 @@
     </form>
 </div>
+
+<?php
+if ( isset( $pages ) && $pages['pages'] > 1 ) {
+    echo '<div class="projects-paging">';
+    echo gp_pagination( $pages['page'], $pages['per_page'], $pages['results'] );
+    echo '</div>';
+}
+?>
+
 <div id="projects" class="projects">
     <?php
@@ -193 +204 @@
                 <div class="project-name">
                     <h4>
-                        <?php echo gp_link_get( $project_url, $project_name ) ?>
+                        <?php echo gp_link_get( $project_url, wp_trim_words( $project_name, 10 ) ); ?>
                     </h4>
                 </div>
@@ -200 +211 @@
                         $description = wp_strip_all_tags( $sub_project->description );
                         $description = str_replace( array( 'WordPress.org Plugin Page', 'WordPress.org Theme Page' ), '', $description );
-                        echo wp_trim_words( $description, 30 );
+                        echo wp_trim_words( $description, 15 );
                     ?></p>
                 </div>
@@ -243 +254 @@
     ?>
 </div>
+
 <?php
-    if ( isset( $pages ) && $pages['pages'] > 1 ) {
-        echo gp_pagination( $pages['page'], $pages['per_page'], $pages['results'] );
-    }
+if ( isset( $pages ) && $pages['pages'] > 1 ) {
+    echo '<div class="projects-paging">';
+    echo gp_pagination( $pages['page'], $pages['per_page'], $pages['results'] );
+    echo '</div>';
+}
 ?>