5b1e2453c7
🏨 Hotel Booking Enhancements: - Implemented Eagle Booking Advanced Pricing add-on - Added Booking.com-style rate management system - Created professional calendar interface for pricing - Integrated deals and discounts functionality 💰 Advanced Pricing Features: - Dynamic pricing models (per room, per person, per adult) - Base rates, adult rates, and child rates management - Length of stay discounts and early bird deals - Mobile rates and secret deals implementation - Seasonal promotions and flash sales 📅 Availability Management: - Real-time availability tracking - Stop sell and restriction controls - Closed to arrival/departure functionality - Minimum/maximum stay requirements - Automatic sold-out management 💳 Payment Integration: - Maintained Redsys payment gateway integration - Seamless integration with existing Eagle Booking - No modifications to core Eagle Booking plugin 🛠️ Technical Implementation: - Custom database tables for advanced pricing - WordPress hooks and filters integration - AJAX-powered admin interface - Data migration from existing Eagle Booking - Professional calendar view for revenue management 📊 Admin Interface: - Booking.com-style management dashboard - Visual rate and availability calendar - Bulk operations for date ranges - Statistics and analytics dashboard - Modal dialogs for quick editing 🔧 Code Quality: - WordPress coding standards compliance - Secure database operations with prepared statements - Proper input validation and sanitization - Error handling and logging - Responsive admin interface 🤖 Generated with Claude Code (https://claude.ai/code) Co-Authored-By: Claude <noreply@anthropic.com>
441 lines
18 KiB
PHP
441 lines
18 KiB
PHP
<?php
|
|
/**
|
|
* Background Field.
|
|
*
|
|
* @package ReduxFramework/Fields
|
|
* @author Dovy Paukstys & Kevin Provance (kprovance)
|
|
* @version 4.0.0
|
|
*/
|
|
|
|
defined( 'ABSPATH' ) || exit;
|
|
|
|
// Don't duplicate me!
|
|
if ( ! class_exists( 'Redux_Background', false ) ) {
|
|
|
|
/**
|
|
* Main Redux_background class
|
|
*
|
|
* @since 3.1.5
|
|
*/
|
|
class Redux_Background extends Redux_Field {
|
|
|
|
/**
|
|
* Set field and value defaults.
|
|
*/
|
|
public function set_defaults() {
|
|
$defaults = array(
|
|
'background-color' => true,
|
|
'background-repeat' => true,
|
|
'background-attachment' => true,
|
|
'background-position' => true,
|
|
'background-image' => true,
|
|
'background-gradient' => false,
|
|
'background-clip' => false,
|
|
'background-origin' => false,
|
|
'background-size' => true,
|
|
'preview_media' => false,
|
|
'preview' => true,
|
|
'preview_height' => '200px',
|
|
'transparent' => true,
|
|
);
|
|
|
|
$this->field = wp_parse_args( $this->field, $defaults );
|
|
|
|
// No errors please.
|
|
$defaults = array(
|
|
'background-color' => '',
|
|
'background-repeat' => '',
|
|
'background-attachment' => '',
|
|
'background-position' => '',
|
|
'background-image' => '',
|
|
'background-clip' => '',
|
|
'background-origin' => '',
|
|
'background-size' => '',
|
|
'media' => array(),
|
|
);
|
|
|
|
$this->value = wp_parse_args( $this->value, $defaults );
|
|
|
|
$defaults = array(
|
|
'id' => '',
|
|
'width' => '',
|
|
'height' => '',
|
|
'thumbnail' => '',
|
|
);
|
|
|
|
$this->value['media'] = wp_parse_args( $this->value['media'], $defaults );
|
|
}
|
|
|
|
/**
|
|
* Field Render Function.
|
|
* Takes the vars and outputs the HTML for the field in the settings
|
|
*
|
|
* @since 1.0.0
|
|
* @access public
|
|
* @return void
|
|
*/
|
|
public function render() {
|
|
$this->select2_config['allowClear'] = true;
|
|
|
|
if ( isset( $this->field['select2'] ) ) {
|
|
$this->field['select2'] = wp_parse_args( $this->field['select2'], $this->select2_config );
|
|
} else {
|
|
$this->field['select2'] = $this->select2_config;
|
|
}
|
|
|
|
$this->field['select2'] = Redux_Functions::sanitize_camel_case_array_keys( $this->field['select2'] );
|
|
|
|
$select2_data = Redux_Functions::create_data_string( $this->field['select2'] );
|
|
|
|
if ( true === $this->field['background-color'] ) {
|
|
if ( isset( $this->value['color'] ) && empty( $this->value['background-color'] ) ) {
|
|
$this->value['background-color'] = $this->value['color'];
|
|
}
|
|
|
|
$def_bg_color = $this->field['default']['background-color'] ?? '';
|
|
|
|
echo '<input ';
|
|
echo 'data-id="' . esc_attr( $this->field['id'] ) . '"';
|
|
echo 'name="' . esc_attr( $this->field['name'] . $this->field['name_suffix'] ) . '[background-color]"';
|
|
echo 'id="' . esc_attr( $this->field['id'] ) . '-color"';
|
|
echo 'class="color-picker redux-color redux-background-input redux-color-init ' . esc_attr( $this->field['class'] ) . '"';
|
|
echo 'type="text" value="' . esc_attr( $this->value['background-color'] ) . '"';
|
|
echo 'data-default-color="' . esc_attr( $def_bg_color ) . '"';
|
|
|
|
$data = array(
|
|
'field' => $this->field,
|
|
'index' => 'color',
|
|
);
|
|
|
|
echo Redux_Functions_Ex::output_alpha_data( $data ); // phpcs:ignore WordPress.Security.EscapeOutput
|
|
|
|
echo '>';
|
|
|
|
echo '<input type="hidden" class="redux-saved-color" id="' . esc_attr( $this->field['id'] ) . '-saved-color" value="">';
|
|
|
|
if ( ! isset( $this->field['transparent'] ) || false !== $this->field['transparent'] ) {
|
|
$is_checked = '';
|
|
if ( 'transparent' === $this->value['background-color'] ) {
|
|
$is_checked = ' checked="checked"';
|
|
}
|
|
echo '<label for="' . esc_attr( $this->field['id'] ) . '-transparency" class="color-transparency-check"><input type="checkbox" class="checkbox color-transparency redux-background-input ' . esc_attr( $this->field['class'] ) . '" id="' . esc_attr( $this->field['id'] ) . '-transparency" data-id="' . esc_attr( $this->field['id'] ) . '-color" value="1" ' . esc_html( $is_checked ) . '> ' . esc_html__( 'Transparent', 'redux-framework' ) . '</label>';
|
|
}
|
|
|
|
if ( true === $this->field['background-repeat'] || true === $this->field['background-position'] || true === $this->field['background-attachment'] ) {
|
|
echo '<br />';
|
|
}
|
|
}
|
|
|
|
if ( true === $this->field['background-repeat'] ) {
|
|
$array = array(
|
|
'no-repeat' => esc_html__( 'No Repeat', 'redux-framework' ),
|
|
'repeat' => esc_html__( 'Repeat All', 'redux-framework' ),
|
|
'repeat-x' => esc_html__( 'Repeat Horizontally', 'redux-framework' ),
|
|
'repeat-y' => esc_html__( 'Repeat Vertically', 'redux-framework' ),
|
|
'inherit' => esc_html__( 'Inherit', 'redux-framework' ),
|
|
);
|
|
|
|
echo '<select id="' . esc_attr( $this->field['id'] ) . '-repeat-select" data-placeholder="' . esc_html__( 'Background Repeat', 'redux-framework' ) . '" name="' . esc_attr( $this->field['name'] . $this->field['name_suffix'] ) . '[background-repeat]" class="redux-select-item redux-background-input redux-background-repeat ' . esc_attr( $this->field['class'] ) . '"' . esc_attr( $select2_data ) . '>';
|
|
echo '<option></option>';
|
|
|
|
foreach ( $array as $k => $v ) {
|
|
echo '<option value="' . esc_attr( $k ) . '" ' . selected( $this->value['background-repeat'], $k, false ) . '>' . esc_html( $v ) . '</option>';
|
|
}
|
|
|
|
echo '</select>';
|
|
}
|
|
|
|
if ( true === $this->field['background-clip'] ) {
|
|
$array = array(
|
|
'inherit' => esc_html__( 'Inherit', 'redux-framework' ),
|
|
'border-box' => esc_html__( 'Border Box', 'redux-framework' ),
|
|
'content-box' => esc_html__( 'Content Box', 'redux-framework' ),
|
|
'padding-box' => esc_html__( 'Padding Box', 'redux-framework' ),
|
|
);
|
|
|
|
echo '<select id="' . esc_attr( $this->field['id'] ) . '-clip-select" data-placeholder="' . esc_html__( 'Background Clip', 'redux-framework' ) . '" name="' . esc_attr( $this->field['name'] . $this->field['name_suffix'] ) . '[background-clip]" class="redux-select-item redux-background-input redux-background-clip ' . esc_attr( $this->field['class'] ) . '"' . esc_attr( $select2_data ) . '>';
|
|
echo '<option></option>';
|
|
|
|
foreach ( $array as $k => $v ) {
|
|
echo '<option value="' . esc_attr( $k ) . '" ' . selected( $this->value['background-clip'], $k, false ) . '>' . esc_html( $v ) . '</option>';
|
|
}
|
|
|
|
echo '</select>';
|
|
}
|
|
|
|
if ( true === $this->field['background-origin'] ) {
|
|
$array = array(
|
|
'inherit' => esc_html__( 'Inherit', 'redux-framework' ),
|
|
'border-box' => esc_html__( 'Border Box', 'redux-framework' ),
|
|
'content-box' => esc_html__( 'Content Box', 'redux-framework' ),
|
|
'padding-box' => esc_html__( 'Padding Box', 'redux-framework' ),
|
|
);
|
|
|
|
echo '<select id="' . esc_attr( $this->field['id'] ) . '-origin-select" data-placeholder="' . esc_html__( 'Background Origin', 'redux-framework' ) . '" name="' . esc_attr( $this->field['name'] . $this->field['name_suffix'] ) . '[background-origin]" class="redux-select-item redux-background-input redux-background-origin ' . esc_attr( $this->field['class'] ) . '"' . esc_attr( $select2_data ) . '>';
|
|
echo '<option></option>';
|
|
|
|
foreach ( $array as $k => $v ) {
|
|
echo '<option value="' . esc_attr( $k ) . '" ' . selected( $this->value['background-origin'], $k, false ) . '>' . esc_html( $v ) . '</option>';
|
|
}
|
|
|
|
echo '</select>';
|
|
}
|
|
|
|
if ( true === $this->field['background-size'] ) {
|
|
$array = array(
|
|
'inherit' => esc_html__( 'Inherit', 'redux-framework' ),
|
|
'cover' => esc_html__( 'Cover', 'redux-framework' ),
|
|
'contain' => esc_html__( 'Contain', 'redux-framework' ),
|
|
);
|
|
|
|
echo '<select id="' . esc_attr( $this->field['id'] ) . '-size-select" data-placeholder="' . esc_html__( 'Background Size', 'redux-framework' ) . '" name="' . esc_attr( $this->field['name'] . $this->field['name_suffix'] ) . '[background-size]" class="redux-select-item redux-background-input redux-background-size ' . esc_attr( $this->field['class'] ) . '"' . esc_attr( $select2_data ) . '>';
|
|
echo '<option></option>';
|
|
|
|
foreach ( $array as $k => $v ) {
|
|
echo '<option value="' . esc_attr( $k ) . '" ' . selected( $this->value['background-size'], $k, false ) . '>' . esc_html( $v ) . '</option>';
|
|
}
|
|
|
|
echo '</select>';
|
|
}
|
|
|
|
if ( true === $this->field['background-attachment'] ) {
|
|
$array = array(
|
|
'fixed' => esc_html__( 'Fixed', 'redux-framework' ),
|
|
'scroll' => esc_html__( 'Scroll', 'redux-framework' ),
|
|
'inherit' => esc_html__( 'Inherit', 'redux-framework' ),
|
|
);
|
|
|
|
echo '<select id="' . esc_attr( $this->field['id'] ) . '-attachment-select" data-placeholder="' . esc_html__( 'Background Attachment', 'redux-framework' ) . '" name="' . esc_attr( $this->field['name'] . $this->field['name_suffix'] ) . '[background-attachment]" class="redux-select-item redux-background-input redux-background-attachment ' . esc_attr( $this->field['class'] ) . '"' . esc_attr( $select2_data ) . '>';
|
|
echo '<option></option>';
|
|
|
|
foreach ( $array as $k => $v ) {
|
|
echo '<option value="' . esc_attr( $k ) . '" ' . selected( $this->value['background-attachment'], $k, false ) . '>' . esc_html( $v ) . '</option>';
|
|
}
|
|
|
|
echo '</select>';
|
|
}
|
|
|
|
if ( true === $this->field['background-position'] ) {
|
|
$array = array(
|
|
'left top' => esc_html__( 'Left Top', 'redux-framework' ),
|
|
'left center' => esc_html__( 'Left center', 'redux-framework' ),
|
|
'left bottom' => esc_html__( 'Left Bottom', 'redux-framework' ),
|
|
'center top' => esc_html__( 'Center Top', 'redux-framework' ),
|
|
'center center' => esc_html__( 'Center Center', 'redux-framework' ),
|
|
'center bottom' => esc_html__( 'Center Bottom', 'redux-framework' ),
|
|
'right top' => esc_html__( 'Right Top', 'redux-framework' ),
|
|
'right center' => esc_html__( 'Right center', 'redux-framework' ),
|
|
'right bottom' => esc_html__( 'Right Bottom', 'redux-framework' ),
|
|
);
|
|
|
|
echo '<select id="' . esc_attr( $this->field['id'] ) . '-position-select" data-placeholder="' . esc_html__( 'Background Position', 'redux-framework' ) . '" name="' . esc_attr( $this->field['name'] . $this->field['name_suffix'] ) . '[background-position]" class="redux-select-item redux-background-input redux-background-position ' . esc_attr( $this->field['class'] ) . '"' . esc_attr( $select2_data ) . '>';
|
|
echo '<option></option>';
|
|
|
|
foreach ( $array as $k => $v ) {
|
|
echo '<option value="' . esc_attr( $k ) . '" ' . selected( $this->value['background-position'], $k, false ) . '>' . esc_html( $v ) . '</option>';
|
|
}
|
|
|
|
echo '</select>';
|
|
}
|
|
|
|
if ( $this->field['background-image'] ) {
|
|
echo '<br />';
|
|
|
|
if ( empty( $this->value ) && ! empty( $this->field['default'] ) ) {
|
|
if ( is_array( $this->field['default'] ) ) {
|
|
if ( ! empty( $this->field['default']['media']['id'] ) ) {
|
|
$this->value['media']['id'] = $this->field['default']['media']['id'];
|
|
} elseif ( ! empty( $this->field['default']['id'] ) ) {
|
|
$this->value['media']['id'] = $this->field['default']['id'];
|
|
}
|
|
|
|
if ( ! empty( $this->field['default']['url'] ) ) {
|
|
$this->value['background-image'] = $this->field['default']['url'];
|
|
} elseif ( ! empty( $this->field['default']['media']['url'] ) ) {
|
|
$this->value['background-image'] = $this->field['default']['media']['url'];
|
|
} elseif ( ! empty( $this->field['default']['background-image'] ) ) {
|
|
$this->value['background-image'] = $this->field['default']['background-image'];
|
|
}
|
|
} elseif ( is_numeric( $this->field['default'] ) ) {
|
|
// Check if it's an attachment ID.
|
|
$this->value['media']['id'] = $this->field['default'];
|
|
} else { // Must be a URL.
|
|
$this->value['background-image'] = $this->field['default'];
|
|
}
|
|
}
|
|
|
|
if ( empty( $this->value['background-image'] ) && ! empty( $this->value['media']['id'] ) ) {
|
|
$img = wp_get_attachment_image_src( $this->value['media']['id'], 'full' );
|
|
$this->value['background-image'] = $img[0];
|
|
$this->value['media']['width'] = $img[1];
|
|
$this->value['media']['height'] = $img[2];
|
|
}
|
|
|
|
$hide = 'hide ';
|
|
|
|
if ( ( isset( $this->field['preview_media'] ) && false === $this->field['preview_media'] ) ) {
|
|
$this->field['class'] .= ' noPreview';
|
|
}
|
|
|
|
if ( ( ! empty( $this->field['background-image'] ) && true === $this->field['background-image'] ) || isset( $this->field['preview'] ) && false === $this->field['preview'] ) {
|
|
$hide = '';
|
|
}
|
|
|
|
$placeholder = $this->field['placeholder'] ?? esc_html__( 'No media selected', 'redux-framework' );
|
|
|
|
echo '<input placeholder="' . esc_html( $placeholder ) . '" type="text" class="redux-background-input ' . esc_attr( $hide ) . 'upload ' . esc_attr( $this->field['class'] ) . '" name="' . esc_attr( $this->field['name'] . $this->field['name_suffix'] ) . '[background-image]" id="' . esc_attr( $this->parent->args['opt_name'] ) . '[' . esc_attr( $this->field['id'] ) . '][background-image]" value="' . esc_url( $this->value['background-image'] ) . '" />';
|
|
echo '<input type="hidden" class="upload-id ' . esc_attr( $this->field['class'] ) . '" name="' . esc_attr( $this->field['name'] . $this->field['name_suffix'] ) . '[media][id]" id="' . esc_attr( $this->parent->args['opt_name'] ) . '[' . esc_attr( $this->field['id'] ) . '][media][id]" value="' . esc_attr( $this->value['media']['id'] ) . '" />';
|
|
echo '<input type="hidden" class="upload-height" name="' . esc_attr( $this->field['name'] . $this->field['name_suffix'] ) . '[media][height]" id="' . esc_attr( $this->parent->args['opt_name'] ) . '[' . esc_attr( $this->field['id'] ) . '][media][height]" value="' . esc_attr( $this->value['media']['height'] ) . '" />';
|
|
echo '<input type="hidden" class="upload-width" name="' . esc_attr( $this->field['name'] . $this->field['name_suffix'] ) . '[media][width]" id="' . esc_attr( $this->parent->args['opt_name'] ) . '[' . esc_attr( $this->field['id'] ) . '][media][width]" value="' . esc_attr( $this->value['media']['width'] ) . '" />';
|
|
echo '<input type="hidden" class="upload-thumbnail" name="' . esc_attr( $this->field['name'] . $this->field['name_suffix'] ) . '[media][thumbnail]" id="' . esc_attr( $this->parent->args['opt_name'] ) . '[' . esc_attr( $this->field['id'] ) . '][media][thumbnail]" value="' . esc_url( $this->value['media']['thumbnail'] ) . '" />';
|
|
|
|
// Preview.
|
|
$hide = '';
|
|
|
|
if ( ( isset( $this->field['preview_media'] ) && false === $this->field['preview_media'] ) || empty( $this->value['background-image'] ) ) {
|
|
$hide = 'hide ';
|
|
}
|
|
|
|
if ( empty( $this->value['media']['thumbnail'] ) && ! empty( $this->value['background-image'] ) ) { // Just in case.
|
|
if ( ! empty( $this->value['media']['id'] ) ) {
|
|
$image = wp_get_attachment_image_src(
|
|
$this->value['media']['id'],
|
|
array(
|
|
150,
|
|
150,
|
|
)
|
|
);
|
|
|
|
$this->value['media']['thumbnail'] = $image[0];
|
|
} else {
|
|
$this->value['media']['thumbnail'] = $this->value['background-image'];
|
|
}
|
|
}
|
|
|
|
echo '<div class="' . esc_attr( $hide ) . 'screenshot">';
|
|
echo '<a class="of-uploaded-image" href="' . esc_url( $this->value['background-image'] ) . '" target="_blank">';
|
|
|
|
$alt = wp_prepare_attachment_for_js( $this->value['media']['id'] );
|
|
$alt = $alt['alt'] ?? '';
|
|
|
|
echo '<img class="redux-option-image" id="image_' . esc_attr( $this->value['media']['id'] ) . '" src="' . esc_url( $this->value['media']['thumbnail'] ) . '" alt="' . esc_attr( $alt ) . '" target="_blank" rel="external" />';
|
|
echo '</a>';
|
|
echo '</div>';
|
|
|
|
// Upload controls DIV.
|
|
echo '<div class="upload_button_div">';
|
|
|
|
// If the user has WP3.5+ show upload/remove button.
|
|
echo '<span class="button redux-background-upload" id="' . esc_attr( $this->field['id'] ) . '-media">' . esc_html__( 'Upload', 'redux-framework' ) . '</span>';
|
|
|
|
$hide = '';
|
|
if ( empty( $this->value['background-image'] ) || '' === $this->value['background-image'] ) {
|
|
$hide = ' hide';
|
|
}
|
|
|
|
echo '<span class="button removeCSS redux-remove-background' . esc_attr( $hide ) . '" id="reset_' . esc_attr( $this->field['id'] ) . '" rel="' . esc_attr( $this->field['id'] ) . '">' . esc_html__( 'Remove', 'redux-framework' ) . '</span>';
|
|
|
|
echo '</div>';
|
|
}
|
|
|
|
/**
|
|
* Preview
|
|
* */
|
|
if ( ! isset( $this->field['preview'] ) || false !== $this->field['preview'] ) {
|
|
$css = $this->css_style( $this->value );
|
|
|
|
$is_bg = strpos( $css, 'background-image' );
|
|
|
|
if ( empty( $css ) || ! $is_bg ) {
|
|
$css = 'display:none;';
|
|
}
|
|
|
|
$css .= 'height: ' . esc_attr( $this->field['preview_height'] ) . ';';
|
|
echo '<p class="clear ' . esc_attr( $this->field['id'] ) . '_previewer background-preview" style="' . esc_attr( $css ) . '"> </p>';
|
|
}
|
|
}
|
|
|
|
/**
|
|
* Enqueue Function.
|
|
* If this field requires any scripts, or css define this function and register/enqueue the scripts/css
|
|
*
|
|
* @since 1.0.0
|
|
* @access public
|
|
* @return void
|
|
*/
|
|
public function enqueue() {
|
|
if ( function_exists( 'wp_enqueue_media' ) ) {
|
|
wp_enqueue_media();
|
|
} elseif ( ! wp_script_is( 'media-upload' ) ) {
|
|
wp_enqueue_script( 'media-upload' );
|
|
}
|
|
|
|
if ( ! wp_style_is( 'select2-css' ) ) {
|
|
wp_enqueue_style( 'select2-css' );
|
|
}
|
|
|
|
if ( ! wp_style_is( 'wp-color-picker' ) ) {
|
|
wp_enqueue_style( 'wp-color-picker' );
|
|
}
|
|
|
|
$dep_array = array( 'jquery', 'wp-color-picker', 'select2-js', 'redux-js' );
|
|
|
|
wp_enqueue_script(
|
|
'redux-field-background',
|
|
Redux_Core::$url . 'inc/fields/background/redux-background' . Redux_Functions::is_min() . '.js',
|
|
$dep_array,
|
|
$this->timestamp,
|
|
true
|
|
);
|
|
|
|
if ( $this->parent->args['dev_mode'] ) {
|
|
wp_enqueue_style(
|
|
'redux-field-background',
|
|
Redux_Core::$url . 'inc/fields/background/redux-background.css',
|
|
array(),
|
|
$this->timestamp
|
|
);
|
|
|
|
wp_enqueue_style( 'redux-color-picker' );
|
|
}
|
|
}
|
|
|
|
/**
|
|
* Output CSS styling.
|
|
*
|
|
* @param array $data Value array.
|
|
*
|
|
* @return string
|
|
*/
|
|
public function css_style( $data = array() ): string {
|
|
$css = '';
|
|
|
|
if ( ! empty( $data ) && is_array( $data ) ) {
|
|
foreach ( $data as $key => $val ) {
|
|
if ( ! empty( $val ) && 'media' !== $key ) {
|
|
if ( 'background-image' === $key ) {
|
|
$css .= $key . ":url('" . esc_url( $val ) . "');";
|
|
} else {
|
|
$css .= $key . ':' . esc_attr( $val ) . ';';
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
return $css;
|
|
}
|
|
|
|
/**
|
|
* Enable output_variables to be generated.
|
|
*
|
|
* @since 4.0.3
|
|
* @return void
|
|
*/
|
|
public function output_variables() {
|
|
// No code needed, just defining the method is enough.
|
|
}
|
|
}
|
|
}
|
|
|
|
class_alias( 'Redux_Background', 'ReduxFramework_Background' );
|