Hotel Raxa - Advanced Booking System Implementation

🏨 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>
This commit is contained in:
Hotel Raxa Dev
2025-07-11 07:43:22 +02:00
commit 5b1e2453c7
9816 changed files with 2784509 additions and 0 deletions

View File

@@ -0,0 +1,439 @@
<?php
/**
* Slider Field
*
* @package Redux Framework/Fields
* @subpackage Field_Slider
* @since 3.3
* @author Kevin Provance (kprovance)
* @version 4.0.0
*/
defined( 'ABSPATH' ) || exit;
if ( ! class_exists( 'Redux_Slider', false ) ) {
/**
* Class Redux_Slider
*/
class Redux_Slider extends Redux_Field {
/**
* No value readout.
*
* @var int
*/
private $display_none = 0;
/**
* Label value readout.
*
* @var int
*/
private $display_label = 1;
/**
* Text value readout.
*
* @var int
*/
private $display_text = 2;
/**
* Select box value readout.
*
* @var int
*/
private $display_select = 3;
/**
* Select2 options.
*
* @var string
*/
private $select2_data = '';
/**
* Set field and value defaults.
*/
public function set_defaults() {
$defaults = array(
'handles' => 1,
'resolution' => 1,
'display_value' => 'text',
'float_mark' => '.',
'forced' => true,
'min' => 0,
'max' => 1,
'step' => 1,
);
$this->field = wp_parse_args( $this->field, $defaults );
// Sanitize float mark.
if ( ',' !== $this->field['float_mark'] && '.' !== $this->field['float_mark'] ) {
$this->field['float_mark'] = '.';
}
// Sanitize resolution value.
$this->field['resolution'] = $this->clean_val( $this->field['resolution'] );
// Sanitize handle value.
if ( 0 === $this->field['handles'] || 1 === $this->field['handles'] ) {
$this->field['handles'] = 1;
} else {
$this->field['handles'] = 2;
}
// Sanitize display value.
if ( 'label' === $this->field['display_value'] ) {
$this->field['display_value'] = $this->display_label;
} elseif ( 'select' === $this->field['display_value'] ) {
$this->field['display_value'] = $this->display_select;
} elseif ( 'none' === $this->field['display_value'] ) {
$this->field['display_value'] = $this->display_none;
} else {
$this->field['display_value'] = $this->display_text;
}
}
/**
* Sanitize value.
*
* @param mixed $val Value to sanitize.
*
* @return float|int
*/
private function clean_val( $val ) {
if ( is_float( $val ) ) {
$clear_var = floatval( $val );
} else {
$clear_var = intval( $val );
}
return $clear_var;
}
/**
* Clean default values.
*
* @param mixed $val Default values.
*
* @return float|int
*/
private function clean_default( $val ) {
if ( empty( $val ) && ! empty( $this->field['default'] ) && $this->clean_val( $this->field['min'] ) >= 1 ) {
$val = $this->clean_val( $this->field['default'] );
}
if ( empty( $val ) && $this->clean_val( $this->field['min'] ) >= 1 ) {
$val = $this->clean_val( $this->field['min'] );
}
if ( empty( $val ) ) {
$val = 0;
}
// Extra Validation.
if ( $val < $this->field['min'] ) {
$val = $this->clean_val( $this->field['min'] );
} elseif ( $val > $this->field['max'] ) {
$val = $this->clean_val( $this->field['max'] );
}
return $val;
}
/**
* Sanitize default array.
*
* @param array $val Defaults.
*
* @return array
*/
private function clean_default_array( array $val ): array {
$one = $this->value[1];
$two = $this->value[2];
if ( empty( $one ) && ! empty( $this->field['default'][1] ) && $this->clean_val( $this->field['min'] ) >= 1 ) {
$one = $this->clean_val( $this->field['default'][1] );
}
if ( empty( $one ) && $this->clean_val( $this->field['min'] ) >= 1 ) {
$one = $this->clean_val( $this->field['min'] );
}
if ( empty( $one ) ) {
$one = 0;
}
if ( empty( $two ) && ! empty( $this->field['default'][2] ) && $this->clean_val( $this->field['min'] ) >= 1 ) {
$two = $this->clean_val( $this->field['default'][1] + 1 );
}
if ( empty( $two ) && $this->clean_val( $this->field['min'] ) >= 1 ) {
$two = $this->clean_val( $this->field['default'][1] + 1 );
}
if ( empty( $two ) ) {
$two = $this->field['default'][1] + 1;
}
$val[0] = $one;
$val[1] = $two;
return $val;
}
/**
* Clean the field data to the fields defaults given the parameters.
*
* @since Redux_Framework 3.1.8
*/
private function clean() {
// Set min to 0 if no value is set.
$this->field['min'] = empty( $this->field['min'] ) ? 0 : $this->clean_val( $this->field['min'] );
// Set max to min + 1 if empty.
$this->field['max'] = empty( $this->field['max'] ) ? $this->field['min'] + 1 : $this->clean_val( $this->field['max'] );
// Set step to 1 if step is empty ot step > max.
$this->field['step'] = empty( $this->field['step'] ) || $this->field['step'] > $this->field['max'] ? 1 : $this->clean_val( $this->field['step'] );
if ( 2 === $this->field['handles'] ) {
if ( ! is_array( $this->value ) ) {
$this->value[1] = 0;
$this->value[2] = 1;
}
$this->value = $this->clean_default_array( $this->value );
} else {
if ( is_array( $this->value ) ) {
$this->value = 0;
}
$this->value = $this->clean_default( $this->value );
}
// More dummy checks.
if ( ! is_array( $this->value ) && 2 === $this->field['handles'] ) {
$this->value[0] = $this->field['min'];
$this->value[1] = $this->field['min'] + 1;
}
if ( is_array( $this->value ) && 1 === $this->field['handles'] ) {
$this->value = $this->field['min'];
}
}
/**
* Enqueue Function.
* If this field requires any scripts, or css define this function and register/enqueue the scripts/css
*
* @since ReduxFramework 3.1.8
*/
public function enqueue() {
$min = Redux_Functions::is_min();
wp_enqueue_style( 'select2-js' );
wp_enqueue_style(
'redux-nouislider',
Redux_Core::$url . "assets/css/vendor/nouislider$min.css",
array(),
'5.0.0'
);
wp_register_script(
'redux-nouislider',
Redux_Core::$url . 'assets/js/vendor/nouislider/redux.jquery.nouislider' . $min . '.js',
array( 'jquery' ),
'5.0.0',
true
);
wp_enqueue_script(
'redux-field-slider',
Redux_Core::$url . 'inc/fields/slider/redux-slider' . $min . '.js',
array( 'jquery', 'redux-nouislider', 'redux-js', 'select2-js' ),
$this->timestamp,
true
);
if ( $this->parent->args['dev_mode'] ) {
wp_enqueue_style(
'redux-field-slider',
Redux_Core::$url . 'inc/fields/slider/redux-slider.css',
array(),
$this->timestamp
);
}
}
/**
* Field Render Function.
* Takes the vars and outputs the HTML for the field in the settings
*
* @since ReduxFramework 0.0.4
*/
public function render() {
$this->clean();
$field_id = $this->field['id'];
$field_name = $this->field['name'] . $this->field['name_suffix'];
// Set handle number variable.
$two_handles = false;
if ( 2 === $this->field['handles'] ) {
$two_handles = true;
}
// Set default values(s).
if ( true === $two_handles ) {
$val_one = $this->value[0];
$val_two = $this->value[1];
$html = 'data-default-one=' . $val_one . ' ';
$html .= 'data-default-two=' . $val_two . ' ';
$name_one = $field_name . '[1]';
$name_two = $field_name . '[2]';
$id_one = $field_id . '[1]';
$id_two = $field_id . '[2]';
} else {
$val_one = $this->value;
$val_two = '';
$html = 'data-default-one=' . $val_one;
$name_one = $field_name;
$name_two = '';
$id_one = $field_id;
$id_two = '';
}
$show_input = false;
$show_label = false;
$show_select = false;
// TEXT output.
if ( $this->display_text === $this->field['display_value'] ) {
$show_input = true;
echo '<input
type="text"
name="' . esc_attr( $name_one ) . '"
id="' . esc_attr( $id_one ) . '"
value="' . esc_attr( $val_one ) . '"
class="redux-slider-input redux-slider-input-one-' . esc_attr( $field_id ) . ' ' . esc_attr( $this->field['class'] ) . '"/>';
// LABEL output.
} elseif ( $this->display_label === $this->field['display_value'] ) {
$show_label = true;
$label_num = $two_handles ? '-one' : '';
echo '<div class="redux-slider-label' . esc_attr( $label_num ) . '"
id="redux-slider-label-one-' . esc_attr( $field_id ) . '"
name="' . esc_attr( $name_one ) . '">
</div>';
// SELECT output.
} elseif ( $this->display_select === $this->field['display_value'] ) {
$show_select = 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'] );
$this->select2_data = Redux_Functions::create_data_string( $this->field['select2'] );
echo '<select
class="redux-slider-select-one redux-slider-select-one-' . esc_attr( $field_id ) . ' ' . esc_attr( $this->field['class'] ) . '"
name="' . esc_attr( $name_one ) . '"
id="' . esc_attr( $id_one ) . '" ' . esc_attr( $this->select2_data ) . '></select>';
}
// DIV output.
echo '<div
class="redux-slider-container ' . esc_attr( $this->field['class'] ) . '"
id="' . esc_attr( $field_id ) . '"
data-id="' . esc_attr( $field_id ) . '"
data-min="' . esc_attr( $this->field['min'] ) . '"
data-max="' . esc_attr( $this->field['max'] ) . '"
data-step="' . esc_attr( $this->field['step'] ) . '"
data-handles="' . esc_attr( $this->field['handles'] ) . '"
data-display="' . esc_attr( $this->field['display_value'] ) . '"
data-rtl="' . esc_attr( is_rtl() ) . '"
data-forced="' . esc_attr( $this->field['forced'] ) . '"
data-float-mark="' . esc_attr( $this->field['float_mark'] ) . '"
data-resolution="' . esc_attr( $this->field['resolution'] ) . '" ' . esc_html( $html ) . '></div>';
// Double slider output.
if ( true === $two_handles ) {
// TEXT.
if ( true === $show_input ) {
echo '<input
type="text"
name="' . esc_attr( $name_two ) . '"
id="' . esc_attr( $id_two ) . '"
value="' . esc_attr( $val_two ) . '"
class="redux-slider-input redux-slider-input-two-' . esc_attr( $field_id ) . ' ' . esc_attr( $this->field['class'] ) . '"/>';
}
// LABEL.
if ( true === $show_label ) {
echo '<div
class="redux-slider-label-two"
id="redux-slider-label-two-' . esc_attr( $field_id ) . '"
name="' . esc_attr( $name_two ) . '"></div>';
}
// SELECT.
if ( true === $show_select ) {
echo '<select
class="redux-slider-select-two redux-slider-select-two-' . esc_attr( $field_id ) . ' ' . esc_attr( $this->field['class'] ) . '"
name="' . esc_attr( $name_two ) . '"
id="' . esc_attr( $id_two ) . '" ' . esc_attr( $this->select2_data ) . '></select>';
}
}
// NO output (input hidden).
if ( $this->display_none === $this->field['display_value'] || $this->display_label === $this->field['display_value'] ) {
echo '<input
type="hidden"
class="redux-slider-value-one-' . esc_attr( $field_id ) . ' ' . esc_attr( $this->field['class'] ) . '"
name="' . esc_attr( $name_one ) . '"
id="' . esc_attr( $id_one ) . '"
value="' . esc_attr( $val_one ) . '"/>';
// double slider hidden output.
if ( true === $two_handles ) {
echo '<input
type="hidden"
class="redux-slider-value-two-' . esc_attr( $field_id ) . ' ' . esc_attr( $this->field['class'] ) . '"
name="' . esc_attr( $name_two ) . '"
id="' . esc_attr( $id_two ) . '"
value="' . esc_attr( $val_two ) . '"/>';
}
}
}
/**
* 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_Slider', 'ReduxFramework_Slider' );

View File

@@ -0,0 +1,8 @@
<?php
/**
* Silence is golden.
*
* @package Redux Framework
*/
_deprecated_file( 'field_slider.php', '4.3', 'class-redux-slider.php', 'This file has been renamed and is no longer used in Redux 4. Please change any references to it as it will be removed in future versions of Redux.' );

View File

@@ -0,0 +1,8 @@
<?php
/**
* Silence is golden.
*
* @package Redux Framework
*/
echo null;

View File

@@ -0,0 +1,25 @@
.redux-container-slider .redux-slider-container { margin-left: 25px; margin-right: 25px; width: 200px; display: inline-block; vertical-align: middle; }
.redux-container-slider .redux-slider-input, .redux-container-slider .redux-slider-select-one, .redux-container-slider .redux-slider-select-two { width: 100px !important; text-align: center; }
.redux-container-slider .redux-slider-label { position: absolute; margin-left: -5px; }
.redux-container-slider .redux-slider-label-one { position: absolute; margin-left: -22px; }
.redux-container-slider .redux-slider-label-two { position: absolute; margin-top: -21px; margin-left: 245px; }
@media screen and (max-width: 782px) { .redux-container-slider input { display: inline-block !important; } }
@media screen and (max-width: 570px) { .redux-container-slider { text-align: center; }
.redux-container-slider input, .redux-container-slider select, .redux-container-slider .redux-slider-label, .redux-container-slider .select2-container { display: block !important; position: inherit; margin: 10px auto; }
.redux-container-slider .redux-slider-container { margin-top: 3px; width: 80%; } }
.wp-customizer .redux-container-slider .redux-slider-label { float: left; position: inherit; width: 25%; text-align: center; margin-left: 0; }
.wp-customizer .redux-container-slider .redux-slider-input, .wp-customizer .redux-container-slider .redux-slider-select-one, .wp-customizer .redux-container-slider .redux-slider-select-two { width: 25% !important; }
.wp-customizer .redux-container-slider .redux-slider-container { width: 70%; margin-right: 0; margin-left: 5%; }
/*# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmVkdXgtc2xpZGVyLmNzcyIsInNvdXJjZXMiOlsicmVkdXgtc2xpZGVyLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsQUFDSSx1QkFEbUIsQ0FDbkIsdUJBQXVCLENBQUMsRUFDcEIsV0FBVyxFQUFFLElBQUksRUFDakIsWUFBWSxFQUFFLElBQUksRUFDbEIsS0FBSyxFQUFFLEtBQUssRUFDWixPQUFPLEVBQUUsWUFBWSxFQUNyQixjQUFjLEVBQUUsTUFBTSxHQUN6Qjs7QUFQTCxBQVNJLHVCQVRtQixDQVNuQixtQkFBbUIsRUFUdkIsdUJBQXVCLENBVW5CLHdCQUF3QixFQVY1Qix1QkFBdUIsQ0FXbkIsd0JBQXdCLENBQUMsRUFDckIsS0FBSyxFQUFFLGdCQUFnQixFQUN2QixVQUFVLEVBQUUsTUFBTSxHQUNyQjs7QUFkTCxBQWdCSSx1QkFoQm1CLENBZ0JuQixtQkFBbUIsQ0FBQyxFQUNoQixRQUFRLEVBQUUsUUFBUSxFQUNsQixXQUFXLEVBQUUsSUFBSSxHQUNwQjs7QUFuQkwsQUFxQkksdUJBckJtQixDQXFCbkIsdUJBQXVCLENBQUMsRUFDcEIsUUFBUSxFQUFFLFFBQVEsRUFDbEIsV0FBVyxFQUFFLEtBQUssR0FDckI7O0FBeEJMLEFBMEJJLHVCQTFCbUIsQ0EwQm5CLHVCQUF1QixDQUFDLEVBQ3BCLFFBQVEsRUFBRSxRQUFRLEVBQ2xCLFVBQVUsRUFBRSxLQUFLLEVBQ2pCLFdBQVcsRUFBRSxLQUFLLEdBQ3JCOztBQUdMLE1BQU0sQ0FBQyxNQUFNLE1BQU0sU0FBUyxFQUFFLEtBQUssSUFDL0IsQUFDSSx1QkFEbUIsQ0FDbkIsS0FBSyxDQUFDLEVBQ0YsT0FBTyxFQUFFLHVCQUF1QixHQUNuQzs7QUFLVCxNQUFNLENBQUMsTUFBTSxNQUFNLFNBQVMsRUFBRSxLQUFLLElBQy9CLEFBQUEsdUJBQXVCLENBQUMsRUFDcEIsVUFBVSxFQUFFLE1BQU0sR0FlckI7Q0FoQkQsQUFHSSx1QkFIbUIsQ0FHbkIsS0FBSyxFQUhULHVCQUF1QixDQUluQixNQUFNLEVBSlYsdUJBQXVCLENBS25CLG1CQUFtQixFQUx2Qix1QkFBdUIsQ0FNbkIsa0JBQWtCLENBQUMsRUFDZixPQUFPLEVBQUUsZ0JBQWdCLEVBQ3pCLFFBQVEsRUFBRSxPQUFPLEVBQ2pCLE1BQU0sRUFBRSxTQUFTLEdBQ3BCO0NBVkwsQUFZSSx1QkFabUIsQ0FZbkIsdUJBQXVCLENBQUMsRUFDcEIsVUFBVSxFQUFFLEdBQUcsRUFDZixLQUFLLEVBQUUsR0FBRyxHQUNiOztBQUlULEFBRVEsY0FGTSxDQUNWLHVCQUF1QixDQUNuQixtQkFBbUIsQ0FBQyxFQUNoQixLQUFLLEVBQUUsSUFBSSxFQUNYLFFBQVEsRUFBRSxPQUFPLEVBQ2pCLEtBQUssRUFBRSxHQUFHLEVBQ1YsVUFBVSxFQUFFLE1BQU0sRUFDbEIsV0FBVyxFQUFFLENBQUMsR0FDakI7O0FBUlQsQUFTUSxjQVRNLENBQ1YsdUJBQXVCLENBUW5CLG1CQUFtQixFQVQzQixjQUFjLENBQ1YsdUJBQXVCLENBU25CLHdCQUF3QixFQVZoQyxjQUFjLENBQ1YsdUJBQXVCLENBVW5CLHdCQUF3QixDQUFDLEVBQ3JCLEtBQUssRUFBRSxjQUFjLEdBQ3hCOztBQWJULEFBY1EsY0FkTSxDQUNWLHVCQUF1QixDQWFuQix1QkFBdUIsQ0FBQyxFQUNwQixLQUFLLEVBQUUsR0FBRyxFQUNWLFlBQVksRUFBRSxDQUFDLEVBQ2YsV0FBVyxFQUFFLEVBQUUsR0FDbEIifQ== */
/*# sourceMappingURL=redux-slider.css.map */

File diff suppressed because one or more lines are too long

View File

@@ -0,0 +1,245 @@
/*global redux_change, redux, jQuery*/
(function( $ ) {
'use strict';
redux.field_objects = redux.field_objects || {};
redux.field_objects.slider = redux.field_objects.slider || {};
redux.field_objects.slider.init = function( selector ) {
selector = $.redux.getSelector( selector, 'slider' );
$( selector ).each(
function() {
var el = $( this );
var parent = el;
if ( ! el.hasClass( 'redux-field-container' ) ) {
parent = el.parents( '.redux-field-container:first' );
}
if ( parent.is( ':hidden' ) ) {
return;
}
if ( parent.hasClass( 'redux-field-init' ) ) {
parent.removeClass( 'redux-field-init' );
} else {
return;
}
el.find( 'div.redux-slider-container' ).each(
function() {
var start;
var toClass;
var defClassOne;
var defClassTwo;
var connectVal;
var range;
var startOne;
var startTwo;
var inputOne;
var inputTwo;
var classOne;
var classTwo;
var x;
var y;
var slider;
var inpSliderVal;
var DISPLAY_NONE = 0;
var DISPLAY_LABEL = 1;
var DISPLAY_TEXT = 2;
var DISPLAY_SELECT = 3;
var mainID = $( this ).data( 'id' );
var minVal = $( this ).data( 'min' );
var maxVal = $( this ).data( 'max' );
var stepVal = $( this ).data( 'step' );
var handles = $( this ).data( 'handles' );
var defValOne = $( this ).data( 'default-one' );
var defValTwo = $( this ).data( 'default-two' );
var resVal = $( this ).data( 'resolution' );
var displayValue = parseInt( ( $( this ).data( 'display' ) ) );
var rtlVal = Boolean( $( this ).data( 'rtl' ) );
var floatMark = ( $( this ).data( 'float-mark' ) );
var rtl;
if ( true === rtlVal ) {
rtl = 'rtl';
} else {
rtl = 'ltr';
}
// Range array.
range = [minVal, maxVal];
// Set default values for dual slides.
startTwo = [defValOne, defValTwo];
// Set default value for single slide.
startOne = [defValOne];
if ( displayValue === DISPLAY_TEXT ) {
defClassOne = el.find( '.redux-slider-input-one-' + mainID );
defClassTwo = el.find( '.redux-slider-input-two-' + mainID );
inputOne = defClassOne;
inputTwo = defClassTwo;
} else if ( displayValue === DISPLAY_SELECT ) {
defClassOne = el.find( '.redux-slider-select-one-' + mainID );
defClassTwo = el.find( '.redux-slider-select-two-' + mainID );
redux.field_objects.slider.loadSelect( defClassOne, minVal, maxVal, resVal, stepVal );
if ( 2 === handles ) {
redux.field_objects.slider.loadSelect( defClassTwo, minVal, maxVal, resVal, stepVal );
}
} else if ( displayValue === DISPLAY_LABEL ) {
defClassOne = el.find( '#redux-slider-label-one-' + mainID );
defClassTwo = el.find( '#redux-slider-label-two-' + mainID );
} else if ( displayValue === DISPLAY_NONE ) {
defClassOne = el.find( '.redux-slider-value-one-' + mainID );
defClassTwo = el.find( '.redux-slider-value-two-' + mainID );
}
if ( displayValue === DISPLAY_LABEL ) {
x = [defClassOne, 'html'];
y = [defClassTwo, 'html'];
classOne = [x];
classTwo = [x, y];
} else {
classOne = [defClassOne];
classTwo = [defClassOne, defClassTwo];
}
if ( 2 === handles ) {
start = startTwo;
toClass = classTwo;
connectVal = true;
} else {
start = startOne;
toClass = classOne;
connectVal = 'lower';
}
slider = $( this ).reduxNoUiSlider(
{
range: range,
start: start,
handles: handles,
step: stepVal,
connect: connectVal,
behaviour: 'tap-drag',
direction: rtl,
serialization: {
resolution: resVal,
to: toClass,
mark: floatMark
},
slide: function() {
if ( displayValue === DISPLAY_LABEL ) {
if ( 2 === handles ) {
inpSliderVal = slider.val();
el.find( 'input.redux-slider-value-one-' + mainID ).attr( 'value', inpSliderVal[0] );
el.find( 'input.redux-slider-value-two-' + mainID ).attr( 'value', inpSliderVal[1] );
} else {
el.find( 'input.redux-slider-value-one-' + mainID ).attr( 'value', slider.val() );
}
}
if ( displayValue === DISPLAY_SELECT ) {
if ( 2 === handles ) {
el.find( '.redux-slider-select-one' ).val( slider.val()[0] ).trigger( 'change' );
el.find( '.redux-slider-select-two' ).val( slider.val()[1] ).trigger( 'change' );
} else {
el.find( '.redux-slider-select-one' ).val( slider.val() );
}
}
redux_change( $( this ) );
}
}
);
if ( displayValue === DISPLAY_TEXT ) {
inputOne.on(
'keydown',
function( e ) {
var sliderOne = slider.val();
var value = parseInt( sliderOne[0] );
switch ( e.which ) {
case 38:
slider.val( [value + 1, null] );
break;
case 40:
slider.val( [value - 1, null] );
break;
case 13:
e.preventDefault();
break;
}
}
);
if ( 2 === handles ) {
inputTwo.on(
'keydown',
function( e ) {
var sliderTwo = slider.val();
var value = parseInt( sliderTwo[1] );
switch ( e.which ) {
case 38:
slider.val( [null, value + 1] );
break;
case 40:
slider.val( [null, value - 1] );
break;
case 13:
e.preventDefault();
break;
}
}
);
}
}
}
);
el.find( 'select.redux-slider-select-one, select.redux-slider-select-two' ).select2();
}
);
};
// Return true for float value, false otherwise.
redux.field_objects.slider.isFloat = function( mixed_var ) {
return + mixed_var === mixed_var && ( ! ( isFinite( mixed_var ) ) ) || Boolean( ( mixed_var % 1 ) );
};
// Return number of integers after the decimal point.
redux.field_objects.slider.decimalCount = function( res ) {
var q = res.toString().split( '.' );
return q[1].length;
};
redux.field_objects.slider.loadSelect = function( myClass, min, max, res ) {
var decCount;
var i;
var n;
for ( i = min; i <= max; i = i + res ) {
n = i;
if ( redux.field_objects.slider.isFloat( res ) ) {
decCount = redux.field_objects.slider.decimalCount( res );
n = i.toFixed( decCount );
}
$( myClass ).append( '<option value="' + n + '">' + n + '</option>' );
}
};
})( jQuery );

View File

@@ -0,0 +1 @@
!function(m){"use strict";redux.field_objects=redux.field_objects||{},redux.field_objects.slider=redux.field_objects.slider||{},redux.field_objects.slider.init=function(e){e=m.redux.getSelector(e,"slider"),m(e).each(function(){var g=m(this),e=g;(e=g.hasClass("redux-field-container")?e:g.parents(".redux-field-container:first")).is(":hidden")||e.hasClass("redux-field-init")&&(e.removeClass("redux-field-init"),g.find("div.redux-slider-container").each(function(){var e,i,t,d,l,r,a,s,n,o=m(this).data("id"),u=m(this).data("min"),c=m(this).data("max"),f=m(this).data("step"),x=m(this).data("handles"),h=m(this).data("default-one"),v=m(this).data("default-two"),p=m(this).data("resolution"),b=parseInt(m(this).data("display")),w=Boolean(m(this).data("rtl")),j=m(this).data("float-mark"),w=!0===w?"rtl":"ltr",_=[u,c],v=[h,v],h=[h];2===b?(l=t=g.find(".redux-slider-input-one-"+o),r=d=g.find(".redux-slider-input-two-"+o)):3===b?(t=g.find(".redux-slider-select-one-"+o),d=g.find(".redux-slider-select-two-"+o),redux.field_objects.slider.loadSelect(t,u,c,p,f),2===x&&redux.field_objects.slider.loadSelect(d,u,c,p,f)):1===b?(t=g.find("#redux-slider-label-one-"+o),d=g.find("#redux-slider-label-two-"+o)):0===b&&(t=g.find(".redux-slider-value-one-"+o),d=g.find(".redux-slider-value-two-"+o)),c=1===b?(a=[u=[t,"html"]],[u,[d,"html"]]):(a=[t],[t,d]),u=2===x?(e=v,i=c,!0):(e=h,i=a,"lower"),s=m(this).reduxNoUiSlider({range:_,start:e,handles:x,step:f,connect:u,behaviour:"tap-drag",direction:w,serialization:{resolution:p,to:i,mark:j},slide:function(){1===b&&(2===x?(n=s.val(),g.find("input.redux-slider-value-one-"+o).attr("value",n[0]),g.find("input.redux-slider-value-two-"+o).attr("value",n[1])):g.find("input.redux-slider-value-one-"+o).attr("value",s.val())),3===b&&(2===x?(g.find(".redux-slider-select-one").val(s.val()[0]).trigger("change"),g.find(".redux-slider-select-two").val(s.val()[1]).trigger("change")):g.find(".redux-slider-select-one").val(s.val())),redux_change(m(this))}}),2===b&&(l.on("keydown",function(e){var i=s.val(),t=parseInt(i[0]);switch(e.which){case 38:s.val([t+1,null]);break;case 40:s.val([t-1,null]);break;case 13:e.preventDefault()}}),2===x)&&r.on("keydown",function(e){var i=s.val(),t=parseInt(i[1]);switch(e.which){case 38:s.val([null,t+1]);break;case 40:s.val([null,t-1]);break;case 13:e.preventDefault()}})}),g.find("select.redux-slider-select-one, select.redux-slider-select-two").select2())})},redux.field_objects.slider.isFloat=function(e){return+e===e&&!isFinite(e)||Boolean(e%1)},redux.field_objects.slider.decimalCount=function(e){return e.toString().split(".")[1].length},redux.field_objects.slider.loadSelect=function(e,i,t,d){for(var l,r,a=i;a<=t;a+=d)r=a,redux.field_objects.slider.isFloat(d)&&(l=redux.field_objects.slider.decimalCount(d),r=a.toFixed(l)),m(e).append('<option value="'+r+'">'+r+"</option>")}}(jQuery);

View File

@@ -0,0 +1,84 @@
.redux-container-slider {
.redux-slider-container {
margin-left: 25px;
margin-right: 25px;
width: 200px;
display: inline-block;
vertical-align: middle;
}
.redux-slider-input,
.redux-slider-select-one,
.redux-slider-select-two {
width: 100px !important;
text-align: center;
}
.redux-slider-label {
position: absolute;
margin-left: -5px;
}
.redux-slider-label-one {
position: absolute;
margin-left: -22px;
}
.redux-slider-label-two {
position: absolute;
margin-top: -21px;
margin-left: 245px;
}
}
@media screen and (max-width: 782px) {
.redux-container-slider {
input {
display: inline-block !important;
}
}
}
// Select Slider
@media screen and (max-width: 570px) {
.redux-container-slider {
text-align: center;
input,
select,
.redux-slider-label,
.select2-container {
display: block !important;
position: inherit;
margin: 10px auto;
}
.redux-slider-container {
margin-top: 3px;
width: 80%;
}
}
}
.wp-customizer {
.redux-container-slider {
.redux-slider-label {
float: left;
position: inherit;
width: 25%;
text-align: center;
margin-left: 0;
}
.redux-slider-input,
.redux-slider-select-one,
.redux-slider-select-two {
width: 25% !important;
}
.redux-slider-container {
width: 70%;
margin-right: 0;
margin-left: 5%;
}
}
}