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

Timestamp:

06/05/2019 07:10:22 AM (7 years ago)

Author:

tellyworth

Message:

Make home theme: show next meeting time in user's TZ.

This uses the shortcode from [8922] to display the next meeting for each team, with a link to find additional meetings, rather than a single "Weekly" meeting per team. JS is used to convert the time into the user's local time zone. It also links to a filtered list of meetings per team.

Props ck3lee.
Fixes #3078.

File:

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

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

@@ -2 +2 @@
 
 <div class="wrapper">
-        <h2 class="title"><?php _e( 'Upcoming WordPress Meetings', 'make-wporg' ); ?></h2>
+        <div class="header-section">
+                <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>
+        </div>
 <table class="schedule">
         <thead>
@@ -112 +116 @@
                         }
                 }
+
+                // Allow client side filtering using # in url
+                var hash = window.location.hash.replace('#','');
+                if (hash) {
+                        var rowsToRemove = $('.schedule').find('tr td:nth-child(1)').filter(function() {
+                                var reg = new RegExp(hash, "i");
+                                return !reg.test($(this).text());
+                        });
+
+                        for (var i = 0; i < rowsToRemove.length; i++) {
+                                $(rowsToRemove[i]).parent().remove();
+                        }
+
+                        $('.header-section').find('.team').show();
+                }
+                else {
+                        $('.header-section').find('.all').show();
+                }
+
+                // avoid page flickers on load
+                $('.schedule').show();
         });
         </script>