Changeset 9634

Timestamp:

03/25/2020 07:08:17 PM (6 years ago)

Author:

ryelle

Message:

Official WordPress Events: Add timezone to each event time

Location:

sites/trunk/wordpress.org/public_html/wp-content/plugins/official-wordpress-events

Files:

• official-events-online.js (modified) (4 diffs)
• official-wordpress-events.css (modified) (1 diff)
• template-events-online.php (modified) (2 diffs)

sites/trunk/wordpress.org/public_html/wp-content/plugins/official-wordpress-events/official-events-online.js

@@ -5 +5 @@
  */
 function getSortedEvents( events ) {
+    const timezone = wp.date.format( '(\\U\\T\\CP)' );
     const sortedEvents = {};
     events.forEach( function( event ) {
@@ -10 +11 @@
         const key = wp.date.format( 'Y-m-d', d );
         // Inject a human-readable start time.
-        event.startTime = wp.date.format( 'g:i a ', d );
+        event.startTime = wp.date.format( 'g:i a', d );
+        event.timezone = timezone;
         if ( sortedEvents.hasOwnProperty( key ) ) {
             sortedEvents[ key ].push( event );
@@ -21 +23 @@
 
 jQuery( function( $ ) {
-    var templateTZ = wp.template( 'owe-timezone' );
     var templateList = wp.template( 'official-events' );
     var templateEvent = wp.template( 'official-event' );
@@ -36 +37 @@
     ).join( '' );
 
-    var timezone = templateTZ( wp.date.format( '\\U\\T\\CP' ) );
-
-    $( '#official-online-events' ).html( timezone + list );
+    $( '#official-online-events' ).html( list );
 });

sites/trunk/wordpress.org/public_html/wp-content/plugins/official-wordpress-events/official-wordpress-events.css

@@ -12 +12 @@
 
 .owe-timezone {
-    font-style: italic;
+    color: #767676;
 }
 

sites/trunk/wordpress.org/public_html/wp-content/plugins/official-wordpress-events/template-events-online.php

@@ -1 @@
-<script type="text/template" id="tmpl-owe-timezone">
-    <p class="owe-timezone">
-        All times displayed in {{ data }}
-    </p>
-</script>
-
 <script type="text/template" id="tmpl-official-events">
     <h3>
@@ -22 +16 @@
         <span class="owe-separator"></span>
         {{ data.startTime }}
+        <span class="owe-timezone">{{ data.timezone }}</span>
     </li>
 </script>