_comment.php
2 days ago
_db.php
2 days ago
_hidden.php
2 days ago
_label.php
2 days ago
_row.php
2 days ago
attachment.php
2 days ago
checkbox.php
2 days ago
cleditor.php
2 days ago
codemirror.php
2 days ago
color.php
2 days ago
currency.php
2 days ago
date.php
2 days ago
datetime.php
2 days ago
email.php
2 days ago
link.php
2 days ago
number.php
2 days ago
oembed.php
2 days ago
password.php
2 days ago
phone.php
2 days ago
radio.php
2 days ago
select.php
2 days ago
slider.php
2 days ago
slug.php
2 days ago
text.php
2 days ago
textarea.php
2 days ago
time.php
2 days ago
tinymce.php
2 days ago
website.php
2 days ago
slider.php
87 lines
| 1 | <?php |
| 2 | |
| 3 | // Don't load directly. |
| 4 | if ( ! defined( 'ABSPATH' ) ) { |
| 5 | die( '-1' ); |
| 6 | } |
| 7 | |
| 8 | // phpcs:ignoreFile WordPress.NamingConventions.PrefixAllGlobals.NonPrefixedVariableFound |
| 9 | |
| 10 | wp_enqueue_script( 'jquery-ui-slider' ); |
| 11 | pods_form_enqueue_style( 'pods-styles' ); |
| 12 | |
| 13 | if ( is_array( $value ) ) { |
| 14 | $value = implode( ',', $value ); |
| 15 | } |
| 16 | |
| 17 | if ( strlen( $value ) < 1 ) { |
| 18 | $value = 0; |
| 19 | } |
| 20 | |
| 21 | $values = explode( ',', $value ); |
| 22 | $values = array( |
| 23 | (int) pods_v( 0, $values, pods_v( $form_field_type . '_min', $options, 0, true ) ), |
| 24 | (int) pods_v( 1, $values, pods_v( $form_field_type . '_max', $options, 100, true ) ), |
| 25 | ); |
| 26 | |
| 27 | $values[0] = max( $values[0], (int) pods_v( $form_field_type . '_min', $options, 0 ) ); |
| 28 | $values[1] = min( $values[1], (int) pods_v( $form_field_type . '_min', $options, 100 ) ); |
| 29 | |
| 30 | if ( 0 === pods_v( $form_field_type . '_range', $options, 0 ) ) { |
| 31 | $value = $values[0]; |
| 32 | $output_value = $value; |
| 33 | } else { |
| 34 | $value = implode( ',', $values ); |
| 35 | $output_value = implode( ' - ', $values ); |
| 36 | } |
| 37 | |
| 38 | $attributes = array(); |
| 39 | $attributes['type'] = 'hidden'; |
| 40 | $attributes['value'] = $value; |
| 41 | $attributes = PodsForm::merge_attributes( $attributes, $name, $form_field_type, $options ); |
| 42 | ?> |
| 43 | <input<?php PodsForm::attributes( $attributes, $name, $form_field_type, $options ); ?> /> |
| 44 | |
| 45 | <div class="pods-slider-field pods-compat-container"> |
| 46 | <div id="<?php echo esc_js( pods_js_name( $attributes['id'] ) ); ?>-range" class="pods-slider-range"></div> |
| 47 | <div id="<?php echo esc_js( pods_js_name( $attributes['id'] ) ); ?>-amount-display" class="pods-slider-field-display"> |
| 48 | <?php echo esc_html( $output_value ); ?> |
| 49 | </div> |
| 50 | </div> |
| 51 | |
| 52 | <script> |
| 53 | jQuery( function ( $ ) { |
| 54 | $( "#<?php echo esc_js( pods_js_name( $attributes['id'] ) ); ?>-range" ).slider( { |
| 55 | orientation : '<?php echo esc_js( pods_v( $form_field_type . '_orientation', $options, 'horizontal' ) ); ?>', |
| 56 | min : <?php echo esc_js( pods_v( $form_field_type . '_min', $options, 0 ) ); ?>, |
| 57 | max : <?php echo esc_js( pods_v( $form_field_type . '_max', $options, 100 ) ); ?>, |
| 58 | step : <?php echo esc_js( pods_v( $form_field_type . '_step', $options, 1 ) ); ?>, |
| 59 | |
| 60 | <?php |
| 61 | if ( 1 === (int) pods_v( $form_field_type . '_range', $options, 0 ) ) { |
| 62 | ?> |
| 63 | range : true, |
| 64 | values : [ |
| 65 | <?php echo esc_js( $values[0] ); ?>, |
| 66 | <?php echo esc_js( $values[1] ); ?> |
| 67 | ], |
| 68 | slide : function ( event, ui ) { |
| 69 | $( "#<?php echo esc_js( pods_js_name( $attributes['id'] ) ); ?>" ).val( ui.values[0] + ',' + ui.values[1] ); |
| 70 | $( "#<?php echo esc_js( pods_js_name( $attributes['id'] ) ); ?>-amount-display" ).html( ui.values[0] + ' - ' + ui.values[1] ); |
| 71 | } |
| 72 | <?php |
| 73 | } else { |
| 74 | ?> |
| 75 | range : false, |
| 76 | value : <?php echo esc_js( $value ); ?>, |
| 77 | slide : function ( event, ui ) { |
| 78 | $( "#<?php echo esc_js( pods_js_name( $attributes['id'] ) ); ?>" ).val( ui.value ); |
| 79 | $( "#<?php echo esc_js( pods_js_name( $attributes['id'] ) ); ?>-amount-display" ).html( ui.value ); |
| 80 | } |
| 81 | <?php |
| 82 | }//end if |
| 83 | ?> |
| 84 | } ); |
| 85 | } ); |
| 86 | </script> |
| 87 |