tec3/five-for-the-future
tec3/five-for-the-future
1
0
Fork 0
mirror of https://github.com/WordPress/five-for-the-future.git synced 2025-07-19 00:15:44 +03:00
Code Issues Projects Releases Packages Wiki Activity Actions

Pledge List Filters: Update style and add filter on-change functionality

Browse source 
- Style search box & filter dropdown
- Enable sort filter on select change
- Fix some PHP notices
This commit is contained in:
Kelly Dwan 2019-10-28 19:39:16 -04:00
parent 5b5a1d50ff
commit 14ed8d4d6b
No known key found for this signature in database
GPG key ID: 8BA5575F3D11575D
5 changed files with 59 additions and 18 deletions
Download patch file Download diff file Expand all files Collapse all files

13
themes/wporg-5ftf/archive-5ftf_pledge.php
View file

@ -10,6 +10,8 @@ if ( ! have_posts() ) {
nocache_headers();
}
$pledge_order = isset( $_GET['order'] ) ? $_GET['order'] : '';
get_header(); ?>
<main id="main" class="site-main" role="main">
@ -28,13 +30,13 @@ get_header(); ?>
<form method="get" action="<?php echo esc_url( get_post_type_archive_link( CPT_ID ) ); ?>">
<label for="pledge-sort"><?php esc_html_e( 'Sort pledges by', 'wordpressorg' ); ?></label>
<select class="custom-select" id="pledge-sort" name="order">
<option value="" <?php selected( $_GET['order'], '' ); ?>>
<option value="" <?php selected( $pledge_order, '' ); ?>>
<?php esc_html_e( 'All Pledges', 'wordpressorg' ); ?>
</option>
<option value="alphabetical" <?php selected( $_GET['order'], 'alphabetical' ); ?>>
<option value="alphabetical" <?php selected( $pledge_order, 'alphabetical' ); ?>>
<?php esc_html_e( 'Alphabetical', 'wordpressorg' ); ?>
</option>
<option value="contributors" <?php selected( $_GET['order'], 'contributors' ); ?>>
<option value="contributors" <?php selected( $pledge_order, 'contributors' ); ?>>
<?php esc_html_e( 'Total Contributors', 'wordpressorg' ); ?>
</option>
</select>
@ -68,5 +70,10 @@ get_header(); ?>
</main><!-- #main -->
<script type="text/javascript">
jQuery( "#pledge-sort" ).change( function( event ) {
jQuery( event.target ).closest( 'form' ).submit();
} );
</script>
<?php
get_footer();