| 1 |
<?php |
| 2 |
/** |
| 3 |
* Appointment Services pagination WP template. |
| 4 |
* |
| 5 |
* Renders the normalized result count, page-size selector, and keyboard- |
| 6 |
* accessible page controls supplied by the shared response contract. |
| 7 |
* |
| 8 |
* @package Booking Calendar |
| 9 |
* @since 11.6.0 |
| 10 |
*/ |
| 11 |
if ( ! defined( 'ABSPATH' ) ) { exit; } |
| 12 |
?> |
| 13 |
<script type="text/html" id="tmpl-wpbc-appointment-services-pagination"> |
| 14 |
<div class="wpbc_ui_listing__footer wpbc_appointment_services__list_footer"> |
| 15 |
<span class="wpbc_ui_listing__result_count" aria-live="polite">{{ data.results_status }}</span> |
| 16 |
<div class="wpbc_ui_listing__footer_controls"> |
| 17 |
<div class="wpbc_ui_listing__items_per_page"><label for="wpbc_appointment_services_items_per_page">{{ data.show_label }}</label><select id="wpbc_appointment_services_items_per_page" data-wpbc-ui-catalog-items-per-page autocomplete="off"><# _.each( data.items_per_page_options, function ( page_size ) { #><option value="{{ page_size }}"<# if ( page_size === data.items_per_page ) { #> selected<# } #>>{{ page_size }}</option><# } ); #></select><span>{{ data.per_page_label }}</span></div> |
| 18 |
<nav class="wpbc_ui_listing__pagination" aria-label="{{ data.aria_label }}"> |
| 19 |
<button type="button" class="button" data-wpbc-ui-catalog-page="{{ data.previous_page }}" aria-label="{{ data.previous_label }}"<# if ( ! data.has_previous ) { #> disabled<# } #>><span class="wpbc-bi-chevron-left" aria-hidden="true"></span></button> |
| 20 |
<label class="screen-reader-text" for="wpbc_appointment_services_page_number">{{ data.page_number_label }}</label><input id="wpbc_appointment_services_page_number" type="number" class="wpbc_ui_listing__page_number" min="1" max="{{ data.total_pages }}" value="{{ data.page_number }}" data-wpbc-ui-catalog-page-number><span aria-hidden="true">/</span><span>{{ data.total_pages }}</span> |
| 21 |
<button type="button" class="button" data-wpbc-ui-catalog-page="{{ data.next_page }}" aria-label="{{ data.next_label }}"<# if ( ! data.has_next ) { #> disabled<# } #>><span class="wpbc-bi-chevron-right" aria-hidden="true"></span></button> |
| 22 |
</nav> |
| 23 |
</div> |
| 24 |
</div> |
| 25 |
</script> |
| 26 |
|
