WordPress.org
Get WordPress

Making WordPress.org


Ignore:
Timestamp:
11/07/2014 07:27:05 PM (12 years ago)
Author:
iandunn
Message:

WordCamp Post Types: Add a datepicker and time dropdowns for Sessions.

This is a much better UX than asking users to type out Y-m-d H:i:s.

Fixes #205
props nvwd

File:
1 edited

Legend:

Unmodified
Added
Removed

  • sites/trunk/wordcamp.org/public_html/wp-content/plugins/wc-post-types/wc-post-types.php

    r935 r968  
    2121                add_action( 'admin_print_styles', array( $this, 'admin_css' ) );
    2222                add_action( 'admin_enqueue_scripts', array( $this, 'admin_enqueue_scripts' ) );
     23                add_action( 'admin_print_footer_scripts', array( $this, 'admin_print_scripts' ) );
    2324                add_action( 'wp_enqueue_scripts', array( $this, 'wp_enqueue_scripts' ) );
    2425
    … …  
    194195
    195196        function admin_enqueue_scripts() {
     197                global $post_type;
    196198                wp_enqueue_style( 'campicons', plugins_url( 'fonts/campicons.css', __FILE__ ), array(), 1 );
    197         }
    198        
     199
     200                // Enqueues scripts and styles for session admin page
     201                if ( 'wcb_session' == $post_type ) {
     202                        wp_enqueue_script( 'jquery-ui-datepicker' );
     203                        wp_enqueue_style( 'jquery-ui' );
     204                        wp_enqueue_style( 'wp-datepicker-skins' );
     205                }
     206        }
     207
     208        /*
     209         * Print our JavaScript
     210         */
     211        function admin_print_scripts() {
     212                global $post_type;
     213
     214                // DatePicker for Session posts
     215                if ( 'wcb_session' == $post_type ) :
     216                        ?>
     217
     218                        <script type="text/javascript">
     219                                jQuery( document ).ready( function( $ ) {
     220                                        $( '#wcpt-session-date' ).datepicker( {
     221                                                dateFormat:  'yy-mm-dd',
     222                                                changeMonth: true,
     223                                                changeYear:  true
     224                                        } );
     225                                } );
     226                        </script>
     227
     228                        <?php
     229                endif;
     230        }
     231
    199232        function wp_enqueue_scripts() {
    200233                wp_enqueue_style( 'wcb_shortcodes', plugins_url( 'css/shortcodes.css', __FILE__ ), array(), 2 );
    … …  
    10171050                                <?php while ( $sponsors->have_posts() ) : $sponsors->the_post(); ?>
    10181051                                <?php $website = get_post_meta( get_the_ID(), '_wcpt_sponsor_website', true ); ?>
    1019                                        
     1052
    10201053                                <div id="wcorg-sponsor-<?php the_ID(); ?>" class="wcorg-sponsor">
    10211054                                        <?php if ( 'website' == $attr['link'] && $website ) : ?>
    … …  
    10241057                                                <h3><?php the_title(); ?></h3>
    10251058                                        <?php endif; ?>
    1026                                        
     1059
    10271060                                        <div class="wcorg-sponsor-description">
    10281061                                                <?php if ( 'website' == $attr['link'] && $website ) : ?>
    … …  
    10311064                                                        <?php the_post_thumbnail(); ?>
    10321065                                                <?php endif; ?>
    1033                                                
     1066
    10341067                                                <?php the_content(); ?>
    10351068                                        </div>
    … …  
    13301363                $post = get_post();
    13311364                $session_time = absint( get_post_meta( $post->ID, '_wcpt_session_time', true ) );
    1332                 $session_time = ( $session_time ) ? date( 'Y-m-d H:i:s', $session_time ) : '';
     1365                $session_date     = ( $session_time ) ? date( 'Y-m-d', $session_time ) : date( 'Y-m-d' );
     1366                $session_hours    = ( $session_time ) ? date( 'g', $session_time )     : date( 'g' );
     1367                $session_minutes  = ( $session_time ) ? date( 'i', $session_time )     : '00';
     1368                $session_meridiem = ( $session_time ) ? date( 'a', $session_time )     : 'am';
    13331369                $session_type = get_post_meta( $post->ID, '_wcpt_session_type', true );
    13341370                ?>
    13351371                <?php wp_nonce_field( 'edit-session-info', 'wcpt-meta-session-info' ); ?>
    13361372                <p>
    1337                         <label for="wcpt-session-time"><?php _e( 'When:', 'wordcamporg' ); ?></label>
    1338                         <input type="text" class="widefat" id="wcpt-session-time" name="wcpt-session-time" value="<?php echo esc_attr( $session_time ); ?>" />
    1339                         <span style="display: block; margin-top: 4px;" class="description">For example: <?php echo date( 'Y-m-d H:i:s' ); ?></span>
     1373                        <label for="wcpt-session-date"><?php _e( 'Date:', 'wordcamporg' ); ?></label>
     1374                        <input type="text" id="wcpt-session-date" data-date="<?php echo esc_attr( $session_date ); ?>" name="wcpt-session-date" value="<?php echo esc_attr( $session_date ); ?>" /><br />
     1375                        <label><?php _e( 'Time:', 'wordcamporg' ); ?></label>
     1376
     1377                        <select name="wcpt-session-hour" aria-label="<?php _e( 'Session Start Hour', 'wordcamporg' ); ?>">
     1378                                <?php for ( $i = 1; $i <= 12; $i++ ) : ?>
     1379                                        <option value="<?php echo esc_attr( $i ); ?>" <?php selected( $i, $session_hours ) ?>>
     1380                                                <?php echo esc_html( $i ); ?>
     1381                                        </option>
     1382                                <?php endfor; ?>
     1383                        </select> :
     1384
     1385                        <select name="wcpt-session-minutes" aria-label="<?php _e( 'Session Start Minutes', 'wordcamporg' ); ?>">
     1386                                <?php for ( $i = '00'; (int) $i <= 55; $i = sprintf( '%02d', (int) $i + 5 ) ) : ?>
     1387                                        <option value="<?php echo esc_attr( $i ); ?>" <?php selected( $i, $session_minutes ) ?>>
     1388                                                <?php echo esc_html( $i ); ?>
     1389                                        </option>
     1390                                <?php endfor; ?>
     1391                        </select>
     1392
     1393                        <select name="wcpt-session-meridiem" aria-label="<?php _e( 'Session Meridiem', 'wordcamporg' ); ?>">
     1394                                <option value="am" <?php selected( 'am', $session_meridiem ) ?>>am</option>
     1395                                <option value="pm" <?php selected( 'pm', $session_meridiem ) ?>>pm</option>
     1396                        </select>
    13401397                </p>
     1398
    13411399                <p>
    13421400                        <label for="wcpt-session-type"><?php _e( 'Type:', 'wordcamporg' ); ?></label>
    … …  
    13551413                $website = get_post_meta( $sponsor->ID, '_wcpt_sponsor_website', true );
    13561414                wp_nonce_field( 'edit-sponsor-info', 'wcpt-meta-sponsor-info' );
    1357                
     1415
    13581416                ?>
    1359                
     1417
    13601418                <p>
    13611419                        <label for="_wcpt_sponsor_website"><?php _e( 'Website:', 'wordcampbase' ); ?></label>
    13621420                        <input type="text" class="widefat" id="_wcpt_sponsor_website" name="_wcpt_sponsor_website" value="<?php echo esc_attr( esc_url( $website ) ); ?>" />
    13631421                </p>
    1364                
     1422
    13651423                <?php
    13661424        }
    … …  
    14391497                // Update session time.
    14401498                if ( isset( $_POST['wcpt-meta-session-info'] ) && wp_verify_nonce( $_POST['wcpt-meta-session-info'], 'edit-session-info' ) ) {
    1441                         $session_time = sanitize_text_field( $_POST['wcpt-session-time'] );
    1442                         $session_time = strtotime( $session_time );
     1499                        $session_time = strtotime( sprintf(
     1500                                '%s %d:%02d %s',
     1501                                sanitize_text_field( $_POST['wcpt-session-date'] ),
     1502                                absint( $_POST['wcpt-session-hour'] ),
     1503                                absint( $_POST['wcpt-session-minutes'] ),
     1504                                'am' == $_POST['wcpt-session-meridiem'] ? 'am' : 'pm'
     1505                        ) );
    14431506                        update_post_meta( $post_id, '_wcpt_session_time', $session_time );
    14441507
    … …  
    14831546                foreach ( $speaker_ids as $speaker_id )
    14841547                        add_post_meta( $post_id, '_wcpt_speaker_id', $speaker_id );
    1485                
     1548
    14861549                // Set the speaker as the author of the session post, so the single
    14871550                // view doesn't confuse users who see "posted by [organizer name]"
    … …  
    14891552                        $wporg_user_id = get_post_meta( $speaker_post, '_wcpt_user_id', true );
    14901553                        $user = get_user_by( 'id', $wporg_user_id );
    1491                        
     1554
    14921555                        if ( $user ) {
    14931556                                remove_action( 'save_post', array( $this, 'save_post_session' ), 10, 2 );       // avoid infinite recursion
    … …  
    14971560                                ) );
    14981561                                add_action( 'save_post', array( $this, 'save_post_session' ), 10, 2 );
    1499                                
     1562
    15001563                                break;
    15011564                        }
    … …  
    15131576                if ( isset( $_POST['wcpt-meta-sponsor-info'] ) && wp_verify_nonce( $_POST['wcpt-meta-sponsor-info'], 'edit-sponsor-info' ) ) {
    15141577                        $website = esc_url_raw( $_POST['_wcpt_sponsor_website'] );
    1515                        
     1578
    15161579                        // TODO: maybe only allows links to home page, depending on outcome of http://make.wordpress.org/community/2013/12/31/irs-rules-for-corporate-sponsorship-of-wordcamp/
    15171580
Note: See TracChangeset for help on using the changeset viewer.