Fix mortgage range slider

This commit is contained in:
Hoang Huu 2020-03-24 11:39:25 +07:00
parent 71a9c2227e
commit ffb05a9def
7 changed files with 34 additions and 14 deletions

BIN
assets/.DS_Store vendored

Binary file not shown.

View File

@ -465,11 +465,7 @@ jQuery( document ).ready( function ( $ ) {
if ( $( '.opalestate-datepicker' ).length > 0 ) { if ( $( '.opalestate-datepicker' ).length > 0 ) {
$( '.opalestate-datepicker' ).datepicker( { minDate: 0 } ); $( '.opalestate-datepicker' ).datepicker( { minDate: 0 } );
} }
//
/**
*
*/
$( '.list-property-status li' ).click( function () { $( '.list-property-status li' ).click( function () {
$( '.opalestate-search-form [name=status]' ).val( $( this ).data( 'id' ) ); $( '.opalestate-search-form [name=status]' ).val( $( this ).data( 'id' ) );
$( '.list-property-status li' ).removeClass( 'active' ); $( '.list-property-status li' ).removeClass( 'active' );
@ -496,10 +492,15 @@ jQuery( document ).ready( function ( $ ) {
var slider = $( '.slide-ranger-bar', this ).get( 0 ); var slider = $( '.slide-ranger-bar', this ).get( 0 );
var unit_pos = $( this ).data( 'unitpos' ); var unit_pos = $( this ).data( 'unitpos' );
var unit_thousand = $( this ).data( 'thousand' ); var unit_thousand = $( this ).data( 'thousand' );
var step = $( this ).data( 'step' );
var format = $( this ).data( 'format' );
step = step ? step : 1;
format = format ? format: 1;
var config_format = { var config_format = {
decimals: decimals, decimals: decimals,
thousand: unit_thousand, thousand: unit_thousand,
step: step,
}; };
if ( unit_pos == 'prefix' ) { if ( unit_pos == 'prefix' ) {
@ -509,22 +510,28 @@ jQuery( document ).ready( function ( $ ) {
} }
var nummm = wNumb( config_format ); var nummm = wNumb( config_format );
var istart = [ imin, imax ]; var istart = [ imin, imax ];
if ( mode && mode == 1 && start ) { if ( mode && mode == 1 && start ) {
istart = [ start ]; istart = [ start ];
} }
noUiSlider.create( slider, { var options = {
range: { range: {
'min': [ min ], 'min': [ min ],
'max': [ max ] 'max': [ max ]
}, },
step: 0.1, step: step,
connect: true, connect: true,
start: istart, start: istart,
format: nummm,
direction: opalesateJS.rtl == 'true' ? 'rtl' : 'ltr', direction: opalesateJS.rtl == 'true' ? 'rtl' : 'ltr',
} ); };
if ( format ) {
options.format = nummm;
}
noUiSlider.create( slider, options );
slider.noUiSlider.on( 'update', function ( values, handle ) { slider.noUiSlider.on( 'update', function ( values, handle ) {
var val = values[ handle ]; var val = values[ handle ];

View File

@ -4010,6 +4010,10 @@ header#masthead {
position: relative; position: relative;
} }
.opalestate-box .type-opalestate_property:last-of-type {
margin-bottom: 0;
}
.opalestate-price-input-wrap { .opalestate-price-input-wrap {
display: flex; display: flex;
align-items: center; align-items: center;

View File

@ -677,3 +677,7 @@ header{
border: solid 1px #ebebeb; border: solid 1px #ebebeb;
position: relative; position: relative;
} }
.opalestate-box .type-opalestate_property:last-of-type {
margin-bottom: 0;
}

View File

@ -166,6 +166,7 @@ function opalesate_property_slide_ranger_template( $label, $data ) {
'unit_thousand' => ',', 'unit_thousand' => ',',
'mode' => 2, 'mode' => 2,
'start' => '', 'start' => '',
'step' => 1,
]; ];
$data = array_merge( $default, $data ); $data = array_merge( $default, $data );
@ -173,8 +174,8 @@ function opalesate_property_slide_ranger_template( $label, $data ) {
extract( $data ); extract( $data );
?> ?>
<label class="opalestate-label opalestate-label--<?php echo sanitize_title( $label ); ?>"><?php echo esc_html( $label ); ?></label> <label class="opalestate-label opalestate-label--<?php echo sanitize_title( $label ); ?>"><?php echo esc_html( $label ); ?></label>
<div class="opal-slide-ranger" data-unit="<?php echo $unit; ?>" data-unitpos="<?php echo $unit_position ?>" data-decimals="<?php echo $decimals; ?>" data-thousand="<?php echo esc_attr( <div class="opal-slide-ranger" data-unit="<?php echo esc_attr( $unit ); ?>" data-unitpos="<?php echo esc_attr( $unit_position ); ?>" data-decimals="<?php echo esc_attr( $decimals ); ?>"
$unit_thousand ); ?>"> data-thousand="<?php echo esc_attr( $unit_thousand ); ?>" data-step="<?php echo esc_attr( $step ); ?>">
<label class="slide-ranger-label"> <label class="slide-ranger-label">
<span class="slide-ranger-min-label"></span> <span class="slide-ranger-min-label"></span>
<?php echo ( $mode == 2 ) ? '<i>-</i>' : ''; ?> <?php echo ( $mode == 2 ) ? '<i>-</i>' : ''; ?>

Binary file not shown.

View File

@ -74,6 +74,7 @@ $data_deposit = [
$data_interest_rate = [ $data_interest_rate = [
'id' => 'interest_rate', 'id' => 'interest_rate',
'decimals' => 2,
'unit' => '%', 'unit' => '%',
'ranger_min' => 0, 'ranger_min' => 0,
'ranger_max' => 100, 'ranger_max' => 100,
@ -81,16 +82,19 @@ $data_interest_rate = [
'input_max' => 100, 'input_max' => 100,
'mode' => 1, 'mode' => 1,
'start' => $rate_start, 'start' => $rate_start,
'step' => 0.05,
]; ];
$data_years = [ $data_years = [
'id' => 'years', 'id' => 'years',
'decimals' => 1,
'ranger_min' => 0, 'ranger_min' => 0,
'ranger_max' => 30, 'ranger_max' => 30,
'input_min' => 0, 'input_min' => 0,
'input_max' => 30, 'input_max' => 30,
'mode' => 1, 'mode' => 1,
'start' => $years_start, 'start' => $years_start,
'step' => 0.5,
]; ];
if ( opalestate_options( 'currency_position', 'before' ) == 'before' ) { if ( opalestate_options( 'currency_position', 'before' ) == 'before' ) {