| 1 |
<?php |
| 2 |
/** |
| 3 |
* Appointment Services cards sorting header WP template. |
| 4 |
* |
| 5 |
* Cards do not have table column headings, so this presentation-only header |
| 6 |
* keeps select-all-visible and the same allow-listed sorting choices available |
| 7 |
* in every layout. |
| 8 |
* |
| 9 |
* @package Booking Calendar |
| 10 |
* @since 11.6.0 |
| 11 |
*/ |
| 12 |
|
| 13 |
if ( ! defined( 'ABSPATH' ) ) { |
| 14 |
exit; |
| 15 |
} |
| 16 |
?> |
| 17 |
<script type="text/html" id="tmpl-wpbc-appointment-services-cards-header"> |
| 18 |
<div class="wpbc_appointment_services__cards_header_controls"> |
| 19 |
<label class="wpbc_appointment_services__cards_select_all"> |
| 20 |
<input type="checkbox" data-wpbc-ui-catalog-select-all> |
| 21 |
<span>{{ data.select_all_label }}</span> |
| 22 |
</label> |
| 23 |
<nav class="wpbc_appointment_services__cards_sort" aria-label="{{ data.i18n.sort_services }}"> |
| 24 |
<span>{{ data.i18n.sort_by }}</span> |
| 25 |
<# _.each( data.columns, function ( column ) { if ( ! column.sort_key ) { return; } #> |
| 26 |
<a href="#" class="wpbc_ui_listing__sort_link<# if ( column.is_sorted ) { #> is-active<# } #>" data-wpbc-ui-catalog-sort="{{ column.sort_key }}"<# if ( column.is_sorted ) { #> aria-current="true"<# } #>> |
| 27 |
<span>{{ column.label }}</span> |
| 28 |
<i class="wpbc_ui_listing__sort_icon {{ column.sort_icon }}" aria-hidden="true"></i> |
| 29 |
</a> |
| 30 |
<# } ); #> |
| 31 |
</nav> |
| 32 |
</div> |
| 33 |
</script> |
| 34 |
|
