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