Changeset 3668

Timestamp:

07/12/2016 12:06:42 AM (4 years ago)

Author:

drewapicture

Message:

developer.wordpress.org: Display changelog data in a table, ordered newest-to-oldest.

See #1819. See #1820.

Location:

sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer

Files:

• reference/template-changelog.php (modified) (1 diff)
• scss/main.scss (modified) (1 diff)
• stylesheets/main.css (modified) (2 diffs)

sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/reference/template-changelog.php

@@ -15 +15 @@
     <section class="changelog">
         <h3><?php _e( 'Changelog', 'wporg' ); ?></h3>
-        <ul>
-            <?php foreach ( $changelog_data as $version => $data ) : ?>
-                <li>
-                    <strong><?php _e( 'Since:', 'wporg' ); ?></strong>
-                    <?php printf(
-                    /* translators: %s: WordPress version */
-                        __( 'WordPress %s', 'wporg' ),
-                        sprintf( '<a href="%1$s">%2$s</a>', esc_url( $data['since_url'] ), esc_html( $version ) )
-                    ); ?>
-                    <?php echo $data['description']; // escaped in get_changelog_data() ?>
-                </li>
-            <?php endforeach; ?>
-        </ul>
+
+        <table>
+            <caption class="screen-reader-text"><?php _e( 'Changelog', 'wporg' ); ?></caption>
+            <thead>
+                <tr>
+                    <th class="changelog-version"><?php _e( 'Version', 'wporg' ); ?></th>
+                    <th class="changelog-desc"><?php _e( 'Description', 'wporg' ); ?></th>
+                </tr>
+            </thead>
+
+            <tbody>
+                <?php
+                $count = count( $changelog_data );
+                $i = 0;
+
+                $changelog_data = array_reverse( $changelog_data );
+
+                foreach ( $changelog_data as $version => $data ) : ?>
+                    <?php
+                    // Add "Introduced." for the initial version description, last since the array is reversed.
+                    $data['description'] = ( $i == ( $count - 1 ) ) ? __( 'Introduced.', 'wporg' ) : $data['description'];
+
+                    $version_link = sprintf( '<a href="%1$s" alt="%2$s">%3$s</a>',
+                        esc_url( $data['since_url'] ),
+                        esc_attr( "WordPress {$version}" ),
+                        esc_html( $version )
+                    );
+
+                    $i++;
+                    ?>
+
+                    <tr>
+                        <td><?php echo $version_link; ?></td>
+                        <td><?php echo $data['description']; ?></td>
+                    </tr>
+                <?php endforeach; ?>
+            </tbody>
+        </table>
     </section>
 <?php endif; ?>

sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/scss/main.scss

@@ -1150 +1150 @@
     }
 
+    /* Changelog */
+    table {
+        .changelog-version {
+            width: 10%;
+        }
+        .changelog-desc {
+            width: 90%;
+        }
+
+    }
+
     .loop-pagination {
         text-align: center;

sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/stylesheets/main.css

@@ -302 +302 @@
   /* = Usage
   ----------------------------------------------- */
+  /* Changelog */
   /* Comments */
   /*
@@ -1329 +1330 @@
   display: none;
 }
+.devhub-wrap table .changelog-version {
+  width: 10%;
+}
+.devhub-wrap table .changelog-desc {
+  width: 90%;
+}
 .devhub-wrap .loop-pagination {
   text-align: center;