Changeset 8923 for sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-makehome/front-page.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/front-page.php (modified) (2 diffs)

sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-makehome/front-page.php

@@ -9 +9 @@
                 <h2 class="section-title"><?php _e( 'There are many different ways for you to get involved with WordPress:', 'make-wporg' ); ?></h2>
                 <div class="js-masonry" data-masonry-options='{ "itemSelector": ".make_site" }'>
-                <?php 
+                <?php
                         $sites_query = new WP_Query( 'post_type=make_site&posts_per_page=-1&order=ASC' );
                         $makesites = make_site_get_network_sites();
                 ?>
-                <?php while( $sites_query->have_posts() ) : $sites_query->the_post(); ?>
-                <?php 
-                        $make_site_id = get_post_meta( $post->ID, 'make_site_id', true );
-                        $url = $makesites[$make_site_id];
-                ?>      
+                <?php while ( $sites_query->have_posts() ) : $sites_query->the_post(); ?>
+                        <?php
+                                $make_site_id = get_post_meta( $post->ID, 'make_site_id', true );
+                                $url          = $makesites[ $make_site_id ];
+                ?>
                         <article id="site-<?php the_ID(); ?>" <?php post_class(); ?>>
                                 <h2>
                                         <?php if ( $url ) : ?>
-                                                <a href="<?php echo esc_url( $url ); ?>"><?php the_title(); ?></a>
+                                                <a 
+                                                        title="<?php printf( esc_attr( 'Learn more about %s.', 'make-wporg' ), esc_html( get_the_title() ) ); ?>"
+                                                        href="<?php echo esc_url( $url ); ?>"
+                                                ><?php the_title(); ?></a>
                                         <?php else : ?>
                                                 <?php the_title(); ?>
                                         <?php endif; ?>
                                 </h2>
-                                
+
                                 <div class="team-description">
                                         <?php the_content(); ?>
-                                        <?php if ( $url ) : ?>
-                                                <p><a href="<?php echo esc_url( $url ); ?>"><?php printf( __( 'Learn more about %s &raquo;', 'make-wporg' ), get_the_title() ); ?></a></p>
-                                        <?php endif; ?>
                                 </div>
-                                
-                                <?php  if ( '1' == get_post_meta( get_the_ID(), 'weekly_meeting', true ) ) : ?>
-                                        <small>
-                                                <p><?php printf( __( 'Weekly chats: %s', 'make-wporg' ), get_post_meta( get_the_ID(), 'weekly_meeting_when', true ) ); ?></p>
-                                                <p><?php echo get_post_meta( get_the_ID(), 'weekly_meeting_where', true ); ?></p>
-                                        </small>
-                                <?php endif; /**/ ?>
+
+                                <div class="team-meeting">
+                                        <?php
+                                                echo do_shortcode( sprintf( '[meeting_time team="%s"][/meeting_time]', $post->post_title ) );
+                                        ?>
+                                </div>
                         </article>
                 <?php endwhile; ?>
@@ -46 +45 @@
 </section>
 
+<script type="text/javascript">
+
+        var parse_date = function (text) {
+                var m = /^([0-9]{4})-([0-9]{2})-([0-9]{2})T([0-9]{2}):([0-9]{2}):([0-9]{2})\+00:00$/.exec(text);
+                var d = new Date();
+                d.setUTCFullYear(+m[1]);
+                d.setUTCDate(+m[3]);
+                d.setUTCMonth(+m[2]-1);
+                d.setUTCHours(+m[4]);
+                d.setUTCMinutes(+m[5]);
+                d.setUTCSeconds(+m[6]);
+                return d;
+        }
+        var format_time = function (d) {
+                return d.toLocaleTimeString(navigator.language, {weekday: 'long', hour: '2-digit', minute: '2-digit'});
+        }
+
+        var nodes = document.getElementsByTagName('time');
+        for (var i=0; i<nodes.length; ++i) {
+                var node = nodes[i];
+                if (node.className === 'date') {
+                        var d = parse_date(node.getAttribute('date-time'));
+                        if (d) {
+                                node.textContent = format_time(d);
+                        }
+                }
+        }
+</script>
 <?php get_footer(); ?>