Changeset 9037 for sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-makehome/archive-meeting.php

Timestamp:

07/10/2019 11:03:12 PM (7 years ago)

Author:

SergeyBiryukov

Message:

Make/Meetings: Allow filtering the list of meetings by clicking on a team name.

Props mikeschroder, garrett-eclipse, SergeyBiryukov.
Fixes #4595.

File:

• sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-makehome/archive-meeting.php (modified) (3 diffs)

sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-makehome/archive-meeting.php

@@ -5 +5 @@
                 <h2 class="title all"><?php _e( 'Upcoming WordPress Meetings', 'make-wporg' ); ?></h2>
                 <h2 class="title team"><?php _e( 'Upcoming Team Meetings', 'make-wporg' ); ?></h2>
-                <a class="team" href="/meetings"><?php _e( 'Show meetings for other teams', 'make-wporg' ); ?></a>
+                <a class="team" href="/meetings/"><?php _e( 'Show meetings for other teams', 'make-wporg' ); ?></a>
         </div>
 <table class="schedule">
@@ -19 +19 @@
         <?php while( have_posts() ): the_post(); ?>
                 <tr id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
-                        <td><?php echo $post->team; ?></td>
+                        <td class="team"><?php
+                                printf(
+                                        '<a href="#%s">%s</a>',
+                                        esc_attr( strtolower( $post->team ) ),
+                                        $post->team
+                                );
+                        ?></td>
                         <td><?php
                                 $title = get_the_title();
@@ -118 +124 @@
 
                 // Allow client side filtering using # in url
-                var hash = window.location.hash.replace('#','');
-                if (hash) {
+                var filterByTeam = function(team) {
+                        team = team.replace('#','');
+
                         var rowsToRemove = $('.schedule').find('tr td:nth-child(1)').filter(function() {
-                                var reg = new RegExp(hash, "i");
+                                var reg = new RegExp(team, "i");
                                 return !reg.test($(this).text());
                         });
 
                         for (var i = 0; i < rowsToRemove.length; i++) {
-                                $(rowsToRemove[i]).parent().remove();
+                                $(rowsToRemove[i]).parent().hide();
                         }
 
+                        $('.header-section').find('.all').hide();
                         $('.header-section').find('.team').show();
+                }
+
+                var showAllMeetings = function() {
+                        $('.schedule').find('tr').each(function() {
+                                $(this).show();
+                        });
+
+                        $('.header-section').find('.team').hide();
+                        $('.header-section').find('.all').show();
+                }
+
+                if (window.location.hash) {
+                        filterByTeam(window.location.hash);
                 }
                 else {
                         $('.header-section').find('.all').show();
                 }
+
+                $('.schedule .team a').click(function() {
+                        var team = $(this).attr('href');
+                        filterByTeam(team);
+                        window.location.hash = team;
+                        return false;
+                });
+
+                $('.header-section a.team').click(function() {
+                        showAllMeetings();
+                        window.location.hash = '';
+                        return false;
+                });
 
                 // avoid page flickers on load