Add lazy loading
This commit is contained in:
Brian Miyaji
@@ -620,4 +620,83 @@ jQuery(document).ready(function($){
|
|||||||
$(".sp-select-sport").change(function() {
|
$(".sp-select-sport").change(function() {
|
||||||
$(".sp-configure-sport").hide();
|
$(".sp-configure-sport").hide();
|
||||||
});
|
});
|
||||||
|
|
||||||
|
// Ajax checklist
|
||||||
|
$(".sp-ajax-checklist").siblings(".sp-tab-select").find("select").change(function() {
|
||||||
|
$(this).closest(".sp-tab-select").siblings(".sp-ajax-checklist").find("ul").html("<li>" + localized_strings.loading + "</li>");
|
||||||
|
$.post( ajaxurl, {
|
||||||
|
action: "sp-get-players",
|
||||||
|
team: $(this).val(),
|
||||||
|
league: ('yes' == localized_strings.option_filter_by_league) ? $("select[name=\"tax_input[sp_league][]\"]").val() : null,
|
||||||
|
season: ('yes' == localized_strings.option_filter_by_season) ? $("select[name=\"tax_input[sp_season][]\"]").val() : null,
|
||||||
|
index: $(this).closest(".sp-instance").index(),
|
||||||
|
nonce: $("#sp-get-players-nonce").val()
|
||||||
|
}).done(function( response ) {
|
||||||
|
index = response.data.index;
|
||||||
|
$target = $(".sp-instance").eq(index).find(".sp-ajax-checklist ul");
|
||||||
|
if ( response.success ) {
|
||||||
|
$target.html("");
|
||||||
|
if(response.data.players.length) {
|
||||||
|
$target.eq(0).append("<li class=\"sp-select-all-container\"><label class=\"selectit\"><input type=\"checkbox\" class=\"sp-select-all\"><strong>" + localized_strings.select_all + "</strong></li>");
|
||||||
|
$(response.data.players).each(function( key, value ) {
|
||||||
|
$target.eq(0).append("<li><label class=\"selectit\"><input type=\"checkbox\" value=\"" + value.ID + "\" name=\"sp_player[" + index + "][]\">" + value.post_title + "</li>");
|
||||||
|
});
|
||||||
|
$target.eq(0).append("<li class=\"sp-ajax-show-all-container\"><a class=\"sp-ajax-show-all\" href=\"#show-all-sp_players\">" + localized_strings.show_all + "</a></li>");
|
||||||
|
} else {
|
||||||
|
$target.eq(0).html("<li>" + localized_strings.no_results_found + " <a class=\"sp-ajax-show-all\" href=\"#show-all-sp_players\">" + localized_strings.show_all + "</a></li>");
|
||||||
|
}
|
||||||
|
if(response.data.staff.length) {
|
||||||
|
$target.eq(1).append("<li class=\"sp-select-all-container\"><label class=\"selectit\"><input type=\"checkbox\" class=\"sp-select-all\"><strong>" + localized_strings.select_all + "</strong></li>");
|
||||||
|
$(response.data.staff).each(function( key, value ) {
|
||||||
|
$target.eq(1).append("<li><label class=\"selectit\"><input type=\"checkbox\" value=\"" + value.ID + "\" name=\"sp_staff[" + index + "][]\">" + value.post_title + "</li>");
|
||||||
|
});
|
||||||
|
$target.eq(1).append("<li class=\"sp-ajax-show-all-container\"><a class=\"sp-ajax-show-all\" href=\"#show-all-sp_staffs\">" + localized_strings.show_all + "</a></li>");
|
||||||
|
} else {
|
||||||
|
$target.eq(1).html("<li>" + localized_strings.no_results_found + " <a class=\"sp-ajax-show-all\" href=\"#show-all-sp_staffs\">" + localized_strings.show_all + "</a></li>");
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
$target.html("<li>" + localized_strings.no_results_found + "</li>");
|
||||||
|
}
|
||||||
|
});
|
||||||
|
});
|
||||||
|
|
||||||
|
// Activate Ajax trigger
|
||||||
|
$(".sp-ajax-trigger").change(function() {
|
||||||
|
$(".sp-ajax-checklist").siblings(".sp-tab-select").find("select").change();
|
||||||
|
});
|
||||||
|
|
||||||
|
// Ajax show all filter
|
||||||
|
$(".sp-tab-panel").on("click", ".sp-ajax-show-all", function() {
|
||||||
|
index = $(this).closest(".sp-instance").index();
|
||||||
|
$(this).parent().html(localized_strings.loading);
|
||||||
|
$.post( ajaxurl, {
|
||||||
|
action: "sp-get-players",
|
||||||
|
index: index,
|
||||||
|
nonce: $("#sp-get-players-nonce").val()
|
||||||
|
}).done(function( response ) {
|
||||||
|
index = response.data.index;
|
||||||
|
console.log(index);
|
||||||
|
$target = $(".sp-instance").eq(index).find(".sp-ajax-checklist ul");
|
||||||
|
$target.find(".sp-ajax-show-all-container").hide();
|
||||||
|
if ( response.success ) {
|
||||||
|
if(response.data.players.length) {
|
||||||
|
$(response.data.players).each(function( key, value ) {
|
||||||
|
if($target.find("input[value=" + value.ID + "]").length) return true;
|
||||||
|
$target.eq(0).append("<li><label class=\"selectit\"><input type=\"checkbox\" value=\"" + value.ID + "\" name=\"sp_player[" + index + "][]\">" + value.post_title + "</li>");
|
||||||
|
});
|
||||||
|
} else {
|
||||||
|
$target.eq(0).html("<li>" + localized_strings.no_results_found + "</li>");
|
||||||
|
}
|
||||||
|
if(response.data.staff.length) {
|
||||||
|
$(response.data.staff).each(function( key, value ) {
|
||||||
|
$target.eq(1).append("<li><label class=\"selectit\"><input type=\"checkbox\" value=\"" + value.ID + "\" name=\"sp_staff[" + index + "][]\">" + value.post_title + "</li>");
|
||||||
|
});
|
||||||
|
} else {
|
||||||
|
$target.eq(1).html("<li>" + localized_strings.no_results_found + "</li>");
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
$target.html("<li>" + localized_strings.no_results_found + "</li>");
|
||||||
|
}
|
||||||
|
});
|
||||||
|
});
|
||||||
});
|
});
|
||||||
@@ -113,13 +113,6 @@ class SP_Modules {
|
|||||||
'link' => 'http://tboy.co/pro',
|
'link' => 'http://tboy.co/pro',
|
||||||
'desc' => __( 'Clone anything with just one click. Great for creating multiple events.', 'sportspress' ),
|
'desc' => __( 'Clone anything with just one click. Great for creating multiple events.', 'sportspress' ),
|
||||||
),
|
),
|
||||||
'lazy_loading' => array(
|
|
||||||
'label' => __( 'Lazy Loading', 'sportspress' ),
|
|
||||||
'class' => 'SportsPress_Lazy_Loading',
|
|
||||||
'icon' => 'sp-icon-moon',
|
|
||||||
'link' => 'http://tboy.co/pro',
|
|
||||||
'desc' => __( 'Load players using Ajax to speed up the event edit screen.', 'sportspress' ),
|
|
||||||
),
|
|
||||||
),
|
),
|
||||||
'other' => array(
|
'other' => array(
|
||||||
'twitter' => array(
|
'twitter' => array(
|
||||||
|
|||||||
213
modules/sportspress-lazy-loading.php
Normal file
213
modules/sportspress-lazy-loading.php
Normal file
@@ -0,0 +1,213 @@
|
|||||||
|
<?php
|
||||||
|
/*
|
||||||
|
Plugin Name: SportsPress Lazy Loading
|
||||||
|
Plugin URI: http://tboy.co/pro
|
||||||
|
Description: Load players using Ajax to speed up the event edit screen.
|
||||||
|
Author: ThemeBoy
|
||||||
|
Author URI: http://themeboy.com
|
||||||
|
Version: 1.9
|
||||||
|
*/
|
||||||
|
|
||||||
|
// Exit if accessed directly
|
||||||
|
if ( ! defined( 'ABSPATH' ) ) exit;
|
||||||
|
|
||||||
|
if ( ! class_exists( 'SportsPress_Lazy_Loading' ) ) :
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Main SportsPress Lazy Loading Class
|
||||||
|
*
|
||||||
|
* @class SportsPress_Lazy_Loading
|
||||||
|
* @version 1.9
|
||||||
|
*/
|
||||||
|
class SportsPress_Lazy_Loading {
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Constructor
|
||||||
|
*/
|
||||||
|
public function __construct() {
|
||||||
|
add_action( 'wp_ajax_sp-get-players', array( $this, 'get_players' ) );
|
||||||
|
add_action( 'sportspress_event_teams_meta_box_checklist', array( $this, 'checklist' ), 10, 6 );
|
||||||
|
add_filter( 'sportspress_localized_strings', array( $this, 'strings' ) );
|
||||||
|
add_filter( 'sportspress_event_teams_meta_box_default_checklist', '__return_false' );
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Get players.
|
||||||
|
*/
|
||||||
|
public function get_players() {
|
||||||
|
check_ajax_referer( 'sp-get-players', 'nonce' );
|
||||||
|
|
||||||
|
$team = sp_array_value( $_POST, 'team' );
|
||||||
|
$league = sp_array_value( $_POST, 'league' );
|
||||||
|
$season = sp_array_value( $_POST, 'season' );
|
||||||
|
$index = sp_array_value( $_POST, 'index', 1 );
|
||||||
|
$selected = sp_array_value( $_POST, 'selected', array() );
|
||||||
|
|
||||||
|
$args = array(
|
||||||
|
'orderby' => 'menu_order',
|
||||||
|
);
|
||||||
|
|
||||||
|
if ( $team ) {
|
||||||
|
$args['meta_query'] = array(
|
||||||
|
array(
|
||||||
|
'key' => 'sp_current_team',
|
||||||
|
'value' => sp_array_value( $_POST, 'team' ),
|
||||||
|
),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
if ( $league || $season ) {
|
||||||
|
$args['tax_query'] = array( 'relation' => 'AND' );
|
||||||
|
|
||||||
|
if ( $league ) {
|
||||||
|
$args['tax_query'][] = array(
|
||||||
|
'taxonomy' => 'sp_league',
|
||||||
|
'field' => 'id',
|
||||||
|
'terms' => $league,
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
if ( $season ) {
|
||||||
|
$args['tax_query'][] = array(
|
||||||
|
'taxonomy' => 'sp_season',
|
||||||
|
'field' => 'id',
|
||||||
|
'terms' => $season,
|
||||||
|
);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
$player_args = $args;
|
||||||
|
$player_args['meta_key'] = 'sp_number';
|
||||||
|
$player_args['orderby'] = 'meta_value_num';
|
||||||
|
$player_args['order'] = 'ASC';
|
||||||
|
|
||||||
|
$players = sp_get_posts( 'sp_player', $player_args );
|
||||||
|
$staff = sp_get_posts( 'sp_staff', $args );
|
||||||
|
$data = array( 'index' => $index );
|
||||||
|
|
||||||
|
foreach ( $players as $key => $value ) {
|
||||||
|
$players[ $key ]->post_title = sp_get_player_name_with_number( $value->ID );
|
||||||
|
}
|
||||||
|
|
||||||
|
$data['players'] = $players;
|
||||||
|
$data['staff'] = $staff;
|
||||||
|
wp_send_json_success( $data );
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Ajax checklist.
|
||||||
|
*/
|
||||||
|
public function checklist( $post_id = null, $post_type = 'post', $display = 'block', $team = null, $index = null, $slug = null ) {
|
||||||
|
if ( ! isset( $slug ) ):
|
||||||
|
$slug = $post_type;
|
||||||
|
endif;
|
||||||
|
|
||||||
|
$selected = (array)get_post_meta( $post_id, $slug, false );
|
||||||
|
if ( sizeof( $selected ) ) {
|
||||||
|
$selected = sp_array_between( $selected, 0, $index );
|
||||||
|
} else {
|
||||||
|
$selected = sp_array_between( (array)get_post_meta( $post_id, $post_type, false ), 0, $index );
|
||||||
|
}
|
||||||
|
|
||||||
|
$leagues = get_the_terms( $post_id, 'sp_league' );
|
||||||
|
$seasons = get_the_terms( $post_id, 'sp_season' );
|
||||||
|
|
||||||
|
$args = array(
|
||||||
|
'orderby' => 'menu_order',
|
||||||
|
);
|
||||||
|
|
||||||
|
if ( 'sp_player' == $post_type ):
|
||||||
|
$args['meta_key'] = 'sp_number';
|
||||||
|
$args['orderby'] = 'meta_value_num';
|
||||||
|
$args['order'] = 'ASC';
|
||||||
|
endif;
|
||||||
|
|
||||||
|
$args['meta_query'] = array(
|
||||||
|
array(
|
||||||
|
'key' => 'sp_current_team',
|
||||||
|
'value' => $team,
|
||||||
|
),
|
||||||
|
);
|
||||||
|
|
||||||
|
if ( $leagues || $seasons ) {
|
||||||
|
$args['tax_query'] = array( 'relation' => 'AND' );
|
||||||
|
|
||||||
|
if ( $leagues ) {
|
||||||
|
$args['tax_query'][] = array(
|
||||||
|
'taxonomy' => 'sp_league',
|
||||||
|
'field' => 'id',
|
||||||
|
'terms' => wp_list_pluck( $leagues, 'term_id' ),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
if ( $seasons ) {
|
||||||
|
$args['tax_query'][] = array(
|
||||||
|
'taxonomy' => 'sp_season',
|
||||||
|
'field' => 'id',
|
||||||
|
'terms' => wp_list_pluck( $seasons, 'term_id' ),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
$posts = sp_get_posts( $post_type, $args );
|
||||||
|
$post_ids = wp_list_pluck( $posts, 'ID' );
|
||||||
|
$diff = array_diff( $post_ids, $selected );
|
||||||
|
$selected = array_flip( $selected );
|
||||||
|
?>
|
||||||
|
<div id="<?php echo $slug; ?>-all" class="posttypediv wp-tab-panel sp-tab-panel sp-ajax-checklist sp-select-all-range" style="display: <?php echo $display; ?>;">
|
||||||
|
<input type="hidden" value="0" name="<?php echo $slug; ?><?php if ( isset( $index ) ) echo '[' . $index . ']'; ?>[]" />
|
||||||
|
<ul class="categorychecklist form-no-clear">
|
||||||
|
<?php if ( is_array( $posts ) && sizeof( $posts ) ) { ?>
|
||||||
|
<li class="sp-select-all-container">
|
||||||
|
<label class="selectit">
|
||||||
|
<input type="checkbox" class="sp-select-all" <?php checked( empty( $diff ) ); ?>>
|
||||||
|
<strong><?php _e( 'Select All', 'sportspress' ); ?></strong>
|
||||||
|
</label>
|
||||||
|
</li>
|
||||||
|
<?php foreach ( $posts as $post ) { ?>
|
||||||
|
<li>
|
||||||
|
<label class="selectit">
|
||||||
|
<input type="checkbox" value="<?php echo $post->ID; ?>" name="<?php echo $slug; ?><?php if ( isset( $index ) ) echo '[' . $index . ']'; ?>[]" <?php checked( array_key_exists( $post->ID, $selected ) ); ?>>
|
||||||
|
<?php echo sp_get_player_name_with_number( $post->ID ); ?>
|
||||||
|
</label>
|
||||||
|
</li>
|
||||||
|
<?php unset( $selected[ $post->ID ] ); ?>
|
||||||
|
<?php } ?>
|
||||||
|
<?php if ( is_array( $selected ) && sizeof( $selected ) ) { foreach ( $selected as $post_id => $post ) { ?>
|
||||||
|
<?php if ( ! $post_id ) continue; ?>
|
||||||
|
<li>
|
||||||
|
<label class="selectit">
|
||||||
|
<input type="checkbox" value="<?php echo $post_id; ?>" name="<?php echo $slug; ?><?php if ( isset( $index ) ) echo '[' . $index . ']'; ?>[]" <?php checked( true ); ?>>
|
||||||
|
<?php echo sp_get_player_name_with_number( $post_id ); ?>
|
||||||
|
</label>
|
||||||
|
</li>
|
||||||
|
<?php } } ?>
|
||||||
|
<li class="sp-ajax-show-all-container"><a class="sp-ajax-show-all" href="#show-all-<?php echo $slug; ?>s"><?php _e( 'Show all', 'sportspress' ); ?></a></li>
|
||||||
|
<?php } else { ?>
|
||||||
|
<li class="sp-ajax-show-all-container"><?php _e( 'No results found.', 'sportspress' ); ?>
|
||||||
|
<a class="sp-ajax-show-all" href="#show-all-<?php echo $slug; ?>s"><?php _e( 'Show all', 'sportspress' ); ?></a></li>
|
||||||
|
<?php } ?>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<?php
|
||||||
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
* Localized strings.
|
||||||
|
*/
|
||||||
|
public function strings( $strings ) {
|
||||||
|
$strings = array_merge( $strings, array(
|
||||||
|
'no_results_found' => __( 'No results found.', 'sportspress' ),
|
||||||
|
'select_all' => __( 'Select All', 'sportspress' ),
|
||||||
|
'show_all' => __( 'Show all', 'sportspress' ),
|
||||||
|
'loading' => __( 'Loading…', 'sportspress' ),
|
||||||
|
'option_filter_by_league' => get_option( 'sportspress_event_filter_teams_by_league', 'no' ),
|
||||||
|
'option_filter_by_season' => get_option( 'sportspress_event_filter_teams_by_season', 'no' ),
|
||||||
|
) ) ;
|
||||||
|
return $strings;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
endif;
|
||||||
|
|
||||||
|
new SportsPress_Lazy_Loading();
|
||||||
Reference in New Issue
Block a user