....
inst.dpDiv.find( '.season_unavailable,.before_after_unavailable,.weekdays_unavailable' ).on( 'mouseover', function ( this_event ){
// also available these vars: resource_id, jCalContainer, inst
var jCell = jQuery( this_event.currentTarget );
wpbc_avy__show_tooltip__for_element( jCell, calendar_params_arr[ 'ajx_data_arr' ]['popover_hints'] );
});
} );
//------------------------------------------------------------------------------------------------------------------
/**
* Define height of the calendar cells, and mouse over tooltips at some unavailable dates
* It's defined, when calendar loaded in jquery.datepick.wpbc.9.0.js :
* $( 'body' ).trigger( 'wpbc_datepick_inline_calendar_loaded', ... // FixIn: 9.4.4.12.
*/
jQuery( 'body' ).on( 'wpbc_datepick_inline_calendar_loaded', function ( event, resource_id, jCalContainer, inst ){
// Remove highlight day for today date
jQuery( '.datepick-days-cell.datepick-today.datepick-days-cell-over' ).removeClass( 'datepick-days-cell-over' );
// Set height of calendar cells if defined this option // FixIn: 10.12.4.2.
if ( '' !== calendar_params_arr.ajx_cleaned_params.calendar__view__cell_height ){
jQuery( 'head' ).append( '' );
}
// Define showing mouse over tooltip on unavailable dates
jCalContainer.find( '.season_unavailable,.before_after_unavailable,.weekdays_unavailable' ).on( 'mouseover', function ( this_event ){
// also available these vars: resource_id, jCalContainer, inst
var jCell = jQuery( this_event.currentTarget );
wpbc_avy__show_tooltip__for_element( jCell, calendar_params_arr[ 'ajx_data_arr' ]['popover_hints'] );
});
} );
//------------------------------------------------------------------------------------------------------------------
// Define width of entire calendar
var width = 'width:' + calendar_params_arr.ajx_cleaned_params.calendar__view__width + ';'; // var width = 'width:100%;max-width:100%;';
if ( ( undefined != calendar_params_arr.ajx_cleaned_params.calendar__view__max_width )
&& ( '' != calendar_params_arr.ajx_cleaned_params.calendar__view__max_width )
){
width += 'max-width:' + calendar_params_arr.ajx_cleaned_params.calendar__view__max_width + ';';
} else {
width += 'max-width:' + ( calendar_params_arr.ajx_cleaned_params.calendar__view__months_in_row * 341 ) + 'px;';
}
//------------------------------------------------------------------------------------------------------------------
// Add calendar container: "Calendar is loading..." and textarea
jQuery( '.wpbc_ajx_avy__calendar' ).html(
'') + '';
//message += ' ' + ' Click on Apply button to apply availability.' + '
';
message = '' + message + '
';
jQuery( '.wpbc_help_text' ).html( message );
}
/**
* Parse dates ------------------------------------------------------------------------------------------- */
/**
* Get dates array, from comma separated dates
*
* @param params = {
* 'dates_separator' => ', ', // Dates separator
* 'dates' => '2023-04-04, 2023-04-07, 2023-04-05' // Dates in 'Y-m-d' format: '2023-01-31'
}
*
* @return array = [
* [0] => 2023-04-04
* [1] => 2023-04-05
* [2] => 2023-04-06
* [3] => 2023-04-07
]
*
* Example #1: wpbc_get_dates_arr__from_dates_comma_separated_js( { 'dates_separator' : ', ', 'dates' : '2023-04-04, 2023-04-07, 2023-04-05' } );
*/
function wpbc_get_dates_arr__from_dates_comma_separated_js( params ){
var dates_arr = [];
if ( '' !== params[ 'dates' ] ){
dates_arr = params[ 'dates' ].split( params[ 'dates_separator' ] );
dates_arr.sort();
}
return dates_arr;
}
/**
* Get dates array, from range days selection
*
* @param params = {
* 'dates_separator' => ' ~ ', // Dates separator
* 'dates' => '2023-04-04 ~ 2023-04-07' // Dates in 'Y-m-d' format: '2023-01-31'
}
*
* @return array = [
* [0] => 2023-04-04
* [1] => 2023-04-05
* [2] => 2023-04-06
* [3] => 2023-04-07
]
*
* Example #1: wpbc_get_dates_arr__from_dates_range_js( { 'dates_separator' : ' ~ ', 'dates' : '2023-04-04 ~ 2023-04-07' } );
* Example #2: wpbc_get_dates_arr__from_dates_range_js( { 'dates_separator' : ' - ', 'dates' : '2023-04-04 - 2023-04-07' } );
*/
function wpbc_get_dates_arr__from_dates_range_js( params ){
var dates_arr = [];
if ( '' !== params['dates'] ) {
dates_arr = params[ 'dates' ].split( params[ 'dates_separator' ] );
var check_in_date_ymd = dates_arr[0];
var check_out_date_ymd = dates_arr[1];
if ( ('' !== check_in_date_ymd) && ('' !== check_out_date_ymd) ){
dates_arr = wpbc_get_dates_array_from_start_end_days_js( check_in_date_ymd, check_out_date_ymd );
}
}
return dates_arr;
}
/**
* Get dates array based on start and end dates.
*
* @param string sStartDate - start date: 2023-04-09
* @param string sEndDate - end date: 2023-04-11
* @return array - [ "2023-04-09", "2023-04-10", "2023-04-11" ]
*/
function wpbc_get_dates_array_from_start_end_days_js( sStartDate, sEndDate ){
sStartDate = new Date( sStartDate + 'T00:00:00' );
sEndDate = new Date( sEndDate + 'T00:00:00' );
var aDays=[];
// Start the variable off with the start date
aDays.push( sStartDate.getTime() );
// Set a 'temp' variable, sCurrentDate, with the start date - before beginning the loop
var sCurrentDate = new Date( sStartDate.getTime() );
var one_day_duration = 24*60*60*1000;
// While the current date is less than the end date
while(sCurrentDate < sEndDate){
// Add a day to the current date "+1 day"
sCurrentDate.setTime( sCurrentDate.getTime() + one_day_duration );
// Add this new day to the aDays array
aDays.push( sCurrentDate.getTime() );
}
for (let i = 0; i < aDays.length; i++) {
aDays[ i ] = new Date( aDays[i] );
aDays[ i ] = aDays[ i ].getFullYear()
+ '-' + (( (aDays[ i ].getMonth() + 1) < 10) ? '0' : '') + (aDays[ i ].getMonth() + 1)
+ '-' + (( aDays[ i ].getDate() < 10) ? '0' : '') + aDays[ i ].getDate();
}
// Once the loop has finished, return the array of days.
return aDays;
}
/**
* Tooltips ---------------------------------------------------------------------------------------------- */
/**
* Define showing tooltip, when mouse over on SELECTABLE (available, pending, approved, resource unavailable), days
* Can be called directly from datepick init function.
*
* @param value
* @param date
* @param calendar_params_arr
* @param datepick_this
* @returns {boolean}
*/
function wpbc_avy__prepare_tooltip__in_calendar( value, date, calendar_params_arr, datepick_this ){
if ( null == date ){ return false; }
var td_class = ( date.getMonth() + 1 ) + '-' + date.getDate() + '-' + date.getFullYear();
var jCell = jQuery( '#calendar_booking' + calendar_params_arr.resource_id + ' td.cal4date-' + td_class );
wpbc_avy__show_tooltip__for_element( jCell, calendar_params_arr[ 'popover_hints' ] );
return true;
}
/**
* Define tooltip for showing on UNAVAILABLE days (season, weekday, today_depends unavailable)
*
* @param jCell jQuery of specific day cell
* @param popover_hints Array with tooltip hint texts : {'season_unavailable':'...','weekdays_unavailable':'...','before_after_unavailable':'...',}
*/
function wpbc_avy__show_tooltip__for_element( jCell, popover_hints ){
var tooltip_time = '';
if ( jCell.hasClass( 'season_unavailable' ) ){
tooltip_time = popover_hints[ 'season_unavailable' ];
} else if ( jCell.hasClass( 'weekdays_unavailable' ) ){
tooltip_time = popover_hints[ 'weekdays_unavailable' ];
} else if ( jCell.hasClass( 'before_after_unavailable' ) ){
tooltip_time = popover_hints[ 'before_after_unavailable' ];
} else if ( jCell.hasClass( 'date2approve' ) ){
} else if ( jCell.hasClass( 'date_approved' ) ){
} else {
}
jCell.attr( 'data-content', tooltip_time );
var td_el = jCell.get(0); //jQuery( '#calendar_booking' + calendar_params_arr.resource_id + ' td.cal4date-' + td_class ).get(0);
if ( ( undefined == td_el._tippy ) && ( '' != tooltip_time ) ){
wpbc_tippy( td_el , {
content( reference ){
var popover_content = reference.getAttribute( 'data-content' );
return ''
+ '
'
+ popover_content
+ '
'
+ '
" ) ){
wpbc_admin_show_message(
response_data[ 'ajx_data' ][ 'ajx_after_action_message' ].replace( /\n/g, "
" )
, ( '1' == response_data[ 'ajx_data' ][ 'ajx_after_action_result' ] ) ? 'success' : 'error'
, 10000
);
}
wpbc_availability_reload_button__spin_pause();
// Remove spin icon from button and Enable this button.
wpbc_button__remove_spin( response_data[ 'ajx_cleaned_params' ][ 'ui_clicked_element_id' ] )
jQuery( '#ajax_respond' ).html( response_data ); // For ability to show response, add such DIV element to page
}
).fail( function ( jqXHR, textStatus, errorThrown ) { if ( window.console && window.console.log ){ console.log( 'Ajax_Error', jqXHR, textStatus, errorThrown ); }
var error_message = '' + 'Error!' + ' ' + errorThrown ;
if ( jqXHR.status ){
error_message += ' (' + jqXHR.status + ')';
if (403 == jqXHR.status ){
error_message += ' Probably nonce for this page has been expired. Please reload the page.';
}
}
if ( jqXHR.responseText ){
error_message += ' ' + jqXHR.responseText;
}
error_message = error_message.replace( /\n/g, "
" );
wpbc_ajx_availability__show_message( error_message );
})
// .done( function ( data, textStatus, jqXHR ) { if ( window.console && window.console.log ){ console.log( 'second success', data, textStatus, jqXHR ); } })
// .always( function ( data_jqXHR, textStatus, jqXHR_errorThrown ) { if ( window.console && window.console.log ){ console.log( 'always finished', data_jqXHR, textStatus, jqXHR_errorThrown ); } })
; // End Ajax
}
/**
* H o o k s - its Action/Times when need to re-Render Views ----------------------------------------------- */
/**
* Send Ajax Search Request after Updating search request parameters
*
* @param params_arr
*/
function wpbc_ajx_availability__send_request_with_params ( params_arr ){
// Define different Search parameters for request
_.each( params_arr, function ( p_val, p_key, p_data ) {
//console.log( 'Request for: ', p_key, p_val );
wpbc_ajx_availability.search_set_param( p_key, p_val );
});
// Send Ajax Request
wpbc_ajx_availability__ajax_request();
}
/**
* Search request for "Page Number"
* @param page_number int
*/
function wpbc_ajx_availability__pagination_click( page_number ){
wpbc_ajx_availability__send_request_with_params( {
'page_num': page_number
} );
}
/**
* Show / Hide Content --------------------------------------------------------------------------------------- */
/**
* Show Listing Content - Sending Ajax Request - with parameters that we early defined
*/
function wpbc_ajx_availability__actual_content__show(){
wpbc_ajx_availability__ajax_request(); // Send Ajax Request - with parameters that we early defined in "wpbc_ajx_booking_listing" Obj.
}
/**
* Hide Listing Content
*/
function wpbc_ajx_availability__actual_content__hide(){
jQuery( wpbc_ajx_availability.get_other_param( 'listing_container' ) ).html( '' );
}
/**
* M e s s a g e --------------------------------------------------------------------------------------------- */
/**
* Show just message instead of content
*/
function wpbc_ajx_availability__show_message( message ){
wpbc_ajx_availability__actual_content__hide();
jQuery( wpbc_ajx_availability.get_other_param( 'listing_container' ) ).html(
'' +
message +
'
'
);
}
/**
* Support Functions - Spin Icon in Buttons ------------------------------------------------------------------ */
/**
* Spin button in Filter toolbar - Start
*/
function wpbc_availability_reload_button__spin_start(){
jQuery( '#wpbc_availability_reload_button .menu_icon.wpbc_spin').removeClass( 'wpbc_animation_pause' );
}
/**
* Spin button in Filter toolbar - Pause
*/
function wpbc_availability_reload_button__spin_pause(){
jQuery( '#wpbc_availability_reload_button .menu_icon.wpbc_spin' ).addClass( 'wpbc_animation_pause' );
}
/**
* Spin button in Filter toolbar - is Spinning ?
*
* @returns {boolean}
*/
function wpbc_availability_reload_button__is_spin(){
if ( jQuery( '#wpbc_availability_reload_button .menu_icon.wpbc_spin' ).hasClass( 'wpbc_animation_pause' ) ){
return true;
} else {
return false;
}
}