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 (6 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(); ?>